body.xob-onboarding-open{overflow:hidden!important}
.xrab-onboarding{position:fixed;inset:0;z-index:10020;display:flex;justify-content:center;overflow:auto;overscroll-behavior:contain;padding:calc(12px + env(safe-area-inset-top)) 18px calc(12px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 0%,#347b5a 0,#1c4939 43%,#123729 100%);color:#fff;isolation:isolate;-webkit-overflow-scrolling:touch}
.xrab-onboarding[hidden]{display:none!important}
.xrab-onboarding::before{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(230,246,220,.11) .8px,transparent .8px);background-size:22px 22px;content:"";mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%);pointer-events:none}
.xob-glow{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;background:rgba(169,214,142,.16);filter:blur(70px);pointer-events:none}
.xob-glow-one{top:14%;left:-155px}.xob-glow-two{right:-160px;bottom:4%;background:rgba(112,189,136,.19)}
.xob-shell{position:relative;display:flex;flex-direction:column;width:min(100%,440px);min-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;outline:none}
.xob-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;gap:10px}
.xob-brand{display:inline-flex;align-items:center;gap:8px;color:#f4f8ee;font-size:12px;font-weight:850;letter-spacing:1.6px}
.xob-brand img{width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:10px;object-fit:cover;box-shadow:0 4px 15px rgba(0,0,0,.15)}
.xob-progress-copy{display:flex;align-items:center;gap:8px;color:#eff7eb;font-variant-numeric:tabular-nums}
.xob-progress-copy>span:first-child{font-size:12px;font-weight:800;letter-spacing:.4px}
.xob-progress-label{color:rgba(237,247,231,.65);font-size:8px;font-weight:800;letter-spacing:1.1px}
.xob-skip{justify-self:end;min-height:36px;padding:7px 12px;border:1px solid rgba(245,251,240,.19);border-radius:999px;background:rgba(13,43,30,.25);color:#f4f8f0;font:700 12px/1 inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.xob-skip:hover{transform:translateY(-1px);border-color:rgba(245,251,240,.4);background:rgba(255,255,255,.1)}
.xob-progress-track{height:4px;margin:13px 0 0;overflow:hidden;border-radius:99px;background:rgba(236,246,230,.18)}
.xob-progress-track>span{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c1e99b,#e1f1bc);box-shadow:0 0 12px rgba(216,241,177,.38);transition:width .44s cubic-bezier(.2,.75,.2,1)}
.xob-slide{display:flex;flex:1;flex-direction:column;justify-content:center;gap:19px;padding:18px 0 10px}
.xob-slide.xob-step-enter .xob-visual{animation:xobRise .48s cubic-bezier(.2,.75,.2,1) both}
.xob-slide.xob-step-enter .xob-copy{animation:xobFade .42s .06s ease both}
.xob-visual{position:relative;display:grid;place-items:center;width:100%;height:clamp(170px,27vh,216px);flex:none;overflow:hidden;border:1px solid rgba(244,250,237,.2);border-radius:27px;background:linear-gradient(135deg,rgba(225,243,203,.13),rgba(232,247,223,.055));box-shadow:0 22px 55px rgba(4,26,15,.17);touch-action:pan-y}
.xob-visual::before,.xob-visual::after{position:absolute;border:1px solid rgba(237,248,229,.1);border-radius:50%;content:"";pointer-events:none}
.xob-visual::before{width:250px;height:250px;right:-80px;top:-140px}.xob-visual::after{width:185px;height:185px;left:-100px;bottom:-130px}
.xob-art{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden}
.xob-art-welcome{background:radial-gradient(ellipse at 50% 68%,rgba(185,226,153,.2),transparent 53%)}
.xob-orbit{position:absolute;width:190px;height:96px;border:1px solid rgba(218,241,197,.2);border-radius:50%;transform:rotate(-13deg)}
.xob-orbit-two{width:224px;height:120px;transform:rotate(26deg);border-color:rgba(218,241,197,.12)}
.xob-mascot{position:absolute;z-index:2;object-fit:cover;filter:drop-shadow(0 13px 15px rgba(7,36,19,.2));animation:xobFloat 4.2s ease-in-out infinite}
.xob-mascot-large{width:122px;height:122px;border:4px solid rgba(239,248,229,.5);border-radius:34px;box-shadow:0 12px 30px rgba(2,24,13,.18)}
.xob-mascot-peek{width:48px;height:48px;top:14px;right:15px;border:2px solid rgba(235,247,225,.76);border-radius:15px;box-shadow:0 7px 17px rgba(6,35,18,.2)}
.xob-welcome-chip{position:absolute;top:23px;left:22px;padding:7px 10px;border:1px solid rgba(234,247,225,.18);border-radius:999px;background:rgba(8,40,24,.26);color:#eaf5df;font-size:8px;font-weight:850;letter-spacing:1.3px}
.xob-art-caption{position:absolute;bottom:17px;color:#edf7e4;font-size:11px;font-weight:750;letter-spacing:1px}
.xob-spark{position:absolute;color:#d9eeb6;font-size:21px;animation:xobTwinkle 2.5s ease-in-out infinite}
.xob-spark-a{top:44px;right:65px}.xob-spark-b{bottom:50px;left:55px;animation-delay:.7s}
.xob-art-project,.xob-art-ahsp,.xob-art-schedule,.xob-art-pdf{background:radial-gradient(ellipse at 50% 75%,rgba(178,221,151,.15),transparent 60%)}
.xob-mini-window{width:min(76%,315px);padding:13px 14px;border:1px solid rgba(239,249,233,.72);border-radius:17px;background:linear-gradient(145deg,#fbfff7,#eaf3e4);box-shadow:0 15px 35px rgba(7,34,18,.22);transform:rotate(-2deg)}
.xob-mini-top{display:flex;align-items:center;gap:4px;padding-bottom:10px;border-bottom:1px solid #e4ecdf;color:#77907b}
.xob-mini-top>span{width:5px;height:5px;border-radius:50%;background:#c7d9c2}.xob-mini-top>b{margin-left:auto;font-size:7px;letter-spacing:.6px}
.xob-project-title,.xob-project-line{display:flex;align-items:center;gap:10px;padding:12px 2px 9px}
.xob-project-line{padding-top:10px;border-top:1px solid #edf1ea}
.xob-mini-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#dcebd4;color:#356b49;font-size:18px;font-weight:800}
.xob-mini-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e8efe0;color:#507657;font-size:11px;font-weight:850}
.xob-project-title>div,.xob-project-line>div{display:grid;gap:3px;min-width:0}.xob-project-title small,.xob-project-line small{color:#829083;font-size:7px;font-weight:800;letter-spacing:.7px}.xob-project-title strong,.xob-project-line strong{color:#294432;font-size:11px}.xob-check{display:grid;place-items:center;width:20px;height:20px;margin-left:auto;border-radius:50%;background:#d9edd2;color:#2c7347;font-size:11px;font-weight:900}.xob-line-arrow{margin-left:auto;color:#6d9472;font-size:13px}.xob-floating-label{position:absolute;bottom:13px;left:50%;padding:6px 10px;border:1px solid rgba(237,248,229,.2);border-radius:999px;background:rgba(13,45,29,.45);color:#eaf5e0;font-size:9px;font-weight:750;white-space:nowrap;transform:translateX(-50%)}
.xob-ahsp-card{width:min(76%,310px);padding:14px 15px;border:1px solid rgba(239,249,233,.78);border-radius:18px;background:linear-gradient(145deg,#fbfff7,#e9f2e3);box-shadow:0 15px 35px rgba(7,34,18,.22);transform:rotate(1.3deg)}
.xob-ahsp-head{display:flex;align-items:center;gap:9px}.xob-ahsp-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#deecd6;color:#386b4a;font-size:19px}.xob-ahsp-head>div{display:grid;gap:3px}.xob-ahsp-head small{color:#809081;font-size:7px;font-weight:850;letter-spacing:.7px}.xob-ahsp-head strong{color:#294432;font-size:11px}.xob-verified{display:grid;place-items:center;width:19px;height:19px;margin-left:auto;border-radius:50%;background:#dbefd3;color:#2d7149;font-size:10px;font-weight:900}.xob-ahsp-rule{height:1px;margin:11px 0;background:#e4ece0}.xob-volume-row{display:flex;justify-content:space-between;align-items:center;color:#647766;font-size:10px}.xob-volume-row strong{color:#214b35;font-size:16px}.xob-volume-row small{color:#708272;font-size:10px}.xob-meter{height:5px;margin-top:8px;overflow:hidden;border-radius:99px;background:#dfe9db}.xob-meter i{display:block;width:66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67a776,#b5dc91)}.xob-ahsp-foot{display:flex;justify-content:space-between;margin-top:9px;color:#859386;font-size:8px}.xob-ahsp-foot b{color:#51815a;font-size:8px}
.xob-schedule-card{position:relative;width:min(82%,335px);padding:13px 14px 12px;border:1px solid rgba(239,249,233,.77);border-radius:17px;background:linear-gradient(145deg,#fbfff7,#eaf3e4);box-shadow:0 15px 35px rgba(7,34,18,.22);transform:rotate(-1deg)}
.xob-schedule-head{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e4ecdf;color:#77867a;font-size:7px;font-weight:850;letter-spacing:.55px}.xob-schedule-head span+span{color:#9aa99a;font-weight:700;letter-spacing:0}.xob-gantt-row{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:8px;height:20px;color:#6d7c6e;font-size:7px}.xob-gantt-row:first-of-type{margin-top:4px}.xob-bar{height:7px;border-radius:99px;background:linear-gradient(90deg,#4d9864,#91c982)}.bar-one{width:39%}.bar-two{width:57%;margin-left:22%}.bar-three{width:44%;margin-left:49%;background:linear-gradient(90deg,#b3d88c,#d5e9b8)}.xob-curve{position:absolute;right:13px;bottom:31px;width:39%;height:43px;overflow:visible}.xob-curve-grid{fill:none;stroke:#dce8d8;stroke-width:1;stroke-dasharray:2 2}.xob-curve-line{fill:none;stroke:#4d9864;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(70,135,78,.18))}.xob-crew-chip{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 7px;border-radius:999px;background:#e6f0de;color:#5a735d;font-size:7px}.xob-crew-chip b{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#cde5bf;color:#376b47;font-size:7px}
.xob-pdf-sheet{position:relative;width:136px;height:166px;padding:14px 13px;border:1px solid rgba(239,249,233,.9);border-radius:7px;background:linear-gradient(160deg,#fff,#f2f6ec);box-shadow:0 14px 32px rgba(7,34,18,.25);transform:rotate(-4deg)}.xob-pdf-brand{display:flex;align-items:center;justify-content:space-between;color:#476b4b;font-size:8px;font-weight:900;letter-spacing:1px}.xob-pdf-brand i{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#e2edd8;color:#47734f;font-size:8px;font-style:normal;letter-spacing:0}.xob-pdf-title{display:grid;gap:4px;margin-top:13px;color:#344d38;font-size:8px}.xob-pdf-title span{color:#8b988a;font-size:7px}.xob-pdf-skeleton{display:grid;gap:6px;margin-top:12px}.xob-pdf-skeleton i{height:4px;border-radius:9px;background:#e4e9df}.xob-pdf-skeleton i:nth-child(2){width:82%}.xob-pdf-skeleton i:nth-child(3){width:91%}.xob-pdf-skeleton i:nth-child(4){width:64%}.xob-pdf-total{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:8px;border-top:1px solid #e5ebe0;color:#718071;font-size:7px}.xob-pdf-total b{color:#376448;font-size:8px}.xob-pdf-badge{position:absolute;right:calc(50% - 107px);bottom:31px;display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid rgba(235,247,225,.25);border-radius:999px;background:#285a3d;color:#f2f8eb;font-size:7px;font-weight:850;letter-spacing:.75px;box-shadow:0 6px 16px rgba(4,28,15,.18)}.xob-pdf-badge span{display:grid;place-items:center;width:12px;height:12px;border-radius:50%;background:#c3e39e;color:#28603f;font-size:8px}
.xob-copy{padding:0 3px}.xob-eyebrow{display:block;margin-bottom:9px;color:#c8e9a8;font-size:9px;font-weight:850;letter-spacing:1.55px}.xob-copy h1{max-width:410px;margin:0;color:#fbfcf6;font-size:clamp(25px,7vw,31px);font-weight:760;letter-spacing:-.75px;line-height:1.12;text-wrap:balance}.xob-copy p{margin:11px 0 0;color:rgba(239,246,233,.79);font-size:14px;line-height:1.62;text-wrap:pretty}
.xob-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:auto;padding-top:14px}.xob-controls button{min-height:48px;border-radius:15px;font:750 13px/1 inherit;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,opacity .2s ease}.xob-back{justify-self:start;padding:0 12px;border:1px solid rgba(240,249,233,.19);background:rgba(15,48,32,.16);color:#eef6e8}.xob-back span{margin-right:4px}.xob-back:disabled{opacity:.36;cursor:default}.xob-next{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:132px;padding:0 17px;border:1px solid #ddf0bf;background:linear-gradient(135deg,#d9efb7,#bddf91);color:#1c4933;box-shadow:0 8px 22px rgba(6,31,16,.2)}.xob-controls button:not(:disabled):hover{transform:translateY(-2px)}.xob-next:hover{background:linear-gradient(135deg,#e7f5d1,#c9e7a4)}.xob-dots{display:flex;align-items:center;justify-content:center;gap:5px}.xob-dot{width:5px;height:5px;border-radius:99px;background:rgba(239,247,231,.35);transition:width .3s ease,background .3s ease}.xob-dot.is-active{width:19px;background:#d2eca9}.xob-dot.is-done{background:#8dbf78}
.xob-swipe-hint{margin:12px 0 0;color:rgba(233,244,225,.48);font-size:9px;text-align:center;letter-spacing:.15px}.xob-swipe-hint span{margin-right:4px;font-size:12px}
.xrab-onboarding button:focus-visible{outline:3px solid #e5f3c8;outline-offset:3px}
@keyframes xobFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes xobRise{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes xobFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes xobTwinkle{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:380px){.xrab-onboarding{padding-right:14px;padding-left:14px}.xob-slide{gap:15px}.xob-visual{height:clamp(155px,25vh,184px);border-radius:23px}.xob-controls{gap:6px}.xob-controls button{min-height:45px;font-size:12px}.xob-next{min-width:118px;padding-inline:11px}.xob-back{padding-inline:8px}.xob-copy h1{font-size:25px}.xob-copy p{font-size:13px}}
@media(max-height:680px){.xrab-onboarding{padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(8px + env(safe-area-inset-bottom))}.xob-shell{min-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.xob-progress-track{margin-top:9px}.xob-slide{gap:12px;padding-top:12px;padding-bottom:7px}.xob-visual{height:clamp(132px,24vh,165px)}.xob-mascot-large{width:94px;height:94px;border-radius:27px}.xob-pdf-sheet{height:142px;width:119px;padding:10px}.xob-pdf-badge{bottom:22px}.xob-copy h1{font-size:25px}.xob-copy p{margin-top:7px;font-size:12px;line-height:1.48}.xob-eyebrow{margin-bottom:6px}.xob-controls{padding-top:8px}.xob-controls button{min-height:42px}.xob-swipe-hint{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.xrab-onboarding *, .xrab-onboarding *::before,.xrab-onboarding *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

#pwaOnboardingReplayButton[hidden]{display:none!important}
.tutorial-hero-copy .pwa-onboarding-replay{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 12px;border-color:#d8e5d5;color:#326244;font-size:12px}

.xob-skip{font-family:inherit;font-size:12px;font-weight:700;line-height:1.2}
.xob-controls button{font-family:inherit;font-size:13px;font-weight:750;line-height:1.2}
@media(max-width:380px){.xob-controls button{font-size:12px}}


/* Palet warna onboarding: satu warna utama yang berbeda untuk setiap langkah. */
.xrab-onboarding[data-tone="emerald"]{--xob-top:#347b5a;--xob-mid:#1c4939;--xob-bottom:#123729;--xob-accent:#c8e9a8;--xob-glow-a:rgba(169,214,142,.18);--xob-glow-b:rgba(112,189,136,.2);--xob-panel:linear-gradient(135deg,rgba(225,243,203,.14),rgba(232,247,223,.05));--xob-progress:linear-gradient(90deg,#c1e99b,#e1f1bc);--xob-progress-shadow:rgba(216,241,177,.38);--xob-button:linear-gradient(135deg,#d9efb7,#bddf91);--xob-button-hover:linear-gradient(135deg,#e7f5d1,#c9e7a4);--xob-button-border:#ddf0bf;--xob-button-text:#1c4933;--xob-done:#8dbf78}
.xrab-onboarding[data-tone="sky"]{--xob-top:#477da0;--xob-mid:#22475f;--xob-bottom:#132e41;--xob-accent:#c6e9fb;--xob-glow-a:rgba(131,201,237,.2);--xob-glow-b:rgba(101,167,217,.2);--xob-panel:linear-gradient(135deg,rgba(188,227,250,.16),rgba(205,236,248,.055));--xob-progress:linear-gradient(90deg,#a8d9ef,#d5f0fb);--xob-progress-shadow:rgba(160,218,245,.4);--xob-button:linear-gradient(135deg,#d5f0fb,#afdced);--xob-button-hover:linear-gradient(135deg,#e5f7ff,#c1e8f5);--xob-button-border:#c5ebf8;--xob-button-text:#184455;--xob-done:#7fc6df}
.xrab-onboarding[data-tone="copper"]{--xob-top:#a65e45;--xob-mid:#63382e;--xob-bottom:#38241f;--xob-accent:#ffd5b6;--xob-glow-a:rgba(255,178,130,.2);--xob-glow-b:rgba(227,127,105,.19);--xob-panel:linear-gradient(135deg,rgba(255,209,178,.15),rgba(255,231,209,.055));--xob-progress:linear-gradient(90deg,#ffbd92,#ffe0c2);--xob-progress-shadow:rgba(255,193,149,.42);--xob-button:linear-gradient(135deg,#ffe2ca,#ffc49f);--xob-button-hover:linear-gradient(135deg,#fff0e3,#ffd2b4);--xob-button-border:#ffe0c4;--xob-button-text:#543022;--xob-done:#e79c76}
.xrab-onboarding[data-tone="indigo"]{--xob-top:#6574b4;--xob-mid:#3b447d;--xob-bottom:#20284b;--xob-accent:#d0d8ff;--xob-glow-a:rgba(172,184,255,.21);--xob-glow-b:rgba(122,153,235,.2);--xob-panel:linear-gradient(135deg,rgba(205,216,255,.15),rgba(224,230,255,.05));--xob-progress:linear-gradient(90deg,#b5c2ff,#e0e5ff);--xob-progress-shadow:rgba(181,194,255,.42);--xob-button:linear-gradient(135deg,#e0e4ff,#bbc7ff);--xob-button-hover:linear-gradient(135deg,#eff1ff,#d0d8ff);--xob-button-border:#dbe0ff;--xob-button-text:#31396c;--xob-done:#aebeff}
.xrab-onboarding[data-tone="plum"]{--xob-top:#905b88;--xob-mid:#55354f;--xob-bottom:#2e2239;--xob-accent:#f1c9e7;--xob-glow-a:rgba(235,165,224,.21);--xob-glow-b:rgba(180,120,192,.2);--xob-panel:linear-gradient(135deg,rgba(246,204,235,.15),rgba(246,226,248,.05));--xob-progress:linear-gradient(90deg,#e2aeda,#f6d9ef);--xob-progress-shadow:rgba(236,185,228,.42);--xob-button:linear-gradient(135deg,#f5ddf0,#e5bde1);--xob-button-hover:linear-gradient(135deg,#fff0fb,#edccea);--xob-button-border:#f4d9ef;--xob-button-text:#583052;--xob-done:#d59ccb}
.xrab-onboarding[data-tone="amber"]{--xob-top:#a87432;--xob-mid:#5d442c;--xob-bottom:#35271c;--xob-accent:#ffe2aa;--xob-glow-a:rgba(255,201,116,.23);--xob-glow-b:rgba(234,157,77,.2);--xob-panel:linear-gradient(135deg,rgba(255,222,162,.16),rgba(255,239,209,.05));--xob-progress:linear-gradient(90deg,#f0be65,#ffe6b2);--xob-progress-shadow:rgba(255,217,148,.42);--xob-button:linear-gradient(135deg,#ffedc5,#f6d182);--xob-button-hover:linear-gradient(135deg,#fff6dd,#ffdf9b);--xob-button-border:#ffedc3;--xob-button-text:#523918;--xob-done:#e3b464}
.xrab-onboarding[data-tone="rose"]{--xob-top:#8c526b;--xob-mid:#543546;--xob-bottom:#2f2031;--xob-accent:#ffd4df;--xob-glow-a:rgba(255,165,190,.22);--xob-glow-b:rgba(209,116,152,.2);--xob-panel:linear-gradient(135deg,rgba(255,204,220,.16),rgba(255,228,233,.05));--xob-progress:linear-gradient(90deg,#ef9eb9,#ffd9e4);--xob-progress-shadow:rgba(255,185,205,.42);--xob-button:linear-gradient(135deg,#ffe0d8,#ffc6b4);--xob-button-hover:linear-gradient(135deg,#fff0e9,#ffd4c8);--xob-button-border:#ffded8;--xob-button-text:#5b3343;--xob-done:#e59db6}
.xrab-onboarding[data-tone]{background:radial-gradient(ellipse at 50% 0%,var(--xob-top) 0,var(--xob-mid) 43%,var(--xob-bottom) 100%)}
.xrab-onboarding[data-tone] .xob-glow-one{background:var(--xob-glow-a)}
.xrab-onboarding[data-tone] .xob-glow-two{background:var(--xob-glow-b)}
.xrab-onboarding[data-tone] .xob-progress-track>span{background:var(--xob-progress);box-shadow:0 0 12px var(--xob-progress-shadow)}
.xrab-onboarding[data-tone] .xob-visual{background:var(--xob-panel)}
.xrab-onboarding[data-tone] .xob-eyebrow,.xrab-onboarding[data-tone] .xob-spark{color:var(--xob-accent)}
.xrab-onboarding[data-tone] .xob-dot.is-active{background:var(--xob-accent)}
.xrab-onboarding[data-tone] .xob-dot.is-done{background:var(--xob-done)}
.xrab-onboarding[data-tone] .xob-next{border-color:var(--xob-button-border);background:var(--xob-button);color:var(--xob-button-text)}
.xrab-onboarding[data-tone] .xob-next:hover{background:var(--xob-button-hover)}
.xob-copy p{white-space:normal}
.xob-slide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.xob-slide-actions:empty{display:none}
.xob-action{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 12px;border-radius:13px;font-family:inherit;font-size:12px;font-weight:780;line-height:1.2;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.xob-action span{font-size:14px}
.xob-action-primary{border:1px solid var(--xob-button-border);background:var(--xob-button);color:var(--xob-button-text);box-shadow:0 7px 18px rgba(0,0,0,.14)}
.xob-action-primary:hover{background:var(--xob-button-hover)}
.xob-action-secondary{border:1px solid rgba(255,255,255,.37);background:rgba(255,255,255,.075);color:#fff}
.xob-action-secondary:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.15)}
.xob-action:hover{transform:translateY(-1px)}
.xrab-onboarding button:focus-visible,.xob-action:focus-visible{outline:3px solid var(--xob-accent);outline-offset:3px}
.xob-art-wallet{background:radial-gradient(ellipse at 44% 72%,rgba(255,209,128,.25),transparent 58%)}
.xob-wallet-card{position:relative;z-index:1;width:min(78%,320px);padding:12px 14px 11px;border:1px solid rgba(255,255,255,.83);border-radius:17px;background:linear-gradient(145deg,#fffdf7,#fff0cf);box-shadow:0 15px 35px rgba(33,24,13,.25);transform:rotate(-2deg)}
.xob-wallet-head{display:flex;align-items:center;justify-content:space-between;color:#8b672e;font-size:8px;font-weight:900;letter-spacing:1.05px}
.xob-wallet-spark{color:#d19632;font-size:14px}
.xob-wallet-balance{display:flex;align-items:baseline;gap:7px;margin-top:1px;color:#4e3920}
.xob-wallet-balance strong{font-size:33px;font-weight:850;letter-spacing:-1px;line-height:1}
.xob-wallet-balance span{color:#806844;font-size:11px;font-weight:750}
.xob-wallet-reset{display:flex;align-items:center;gap:6px;margin-top:5px;color:#8c795c;font-size:7px;font-weight:800;letter-spacing:.7px}
.xob-wallet-reset i{width:6px;height:6px;border-radius:50%;background:#82a95b;box-shadow:0 0 0 3px rgba(130,169,91,.16)}
.xob-wallet-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.xob-wallet-tags span{display:inline-flex;align-items:center;gap:4px;padding:5px 6px;border:1px solid #f0e2c7;border-radius:8px;background:rgba(255,255,255,.68);color:#7e6b4f;font-size:7px;font-weight:700}
.xob-wallet-tags b{color:#63481e;font-size:8px}
.xob-wallet-caption,.xob-support-caption{position:absolute;bottom:7px;left:50%;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(29,23,31,.36);color:#fff8ec;font-size:8px;font-weight:750;letter-spacing:.25px;white-space:nowrap;transform:translateX(-50%)}
.xob-art-support{background:radial-gradient(ellipse at 54% 60%,rgba(255,180,197,.2),transparent 60%)}
.xob-support-card{position:absolute;display:grid;gap:4px;padding:11px 12px;border:1px solid rgba(255,255,255,.85);border-radius:15px;background:linear-gradient(145deg,#fffdf7,#fff0d5);box-shadow:0 12px 25px rgba(28,17,25,.22)}
.xob-support-card small{color:#90733f;font-size:7px;font-weight:900;letter-spacing:.75px}
.xob-support-card strong{color:#49351f;font-size:17px;font-weight:850;letter-spacing:-.25px}
.xob-support-card span{color:#7e6a52;font-size:8px;font-weight:700}
.xob-support-gold{top:24px;left:9%;width:58%;transform:rotate(-4deg)}
.xob-support-donation{right:10%;bottom:22px;width:54%;background:linear-gradient(145deg,#fff8fb,#f9dfeb);transform:rotate(4deg)}
.xob-support-donation small{color:#9c5d75}
.xob-support-donation strong{color:#63334d}
.xob-support-donation span{color:#8a5c6e}
@media(max-width:380px){.xob-slide-actions{gap:6px;margin-top:10px}.xob-action{min-height:39px;padding-inline:9px;font-size:11px}.xob-support-gold{left:7%;width:61%}.xob-support-donation{right:7%;width:57%}}
@media(max-height:680px){.xob-slide-actions{gap:6px;margin-top:8px}.xob-action{min-height:37px}.xob-wallet-card{padding:10px 12px 9px}.xob-wallet-tags{margin-top:7px}.xob-support-gold{top:14px}.xob-support-donation{bottom:16px}}