.onboarding-overlay{position:fixed;inset:0;z-index:var(--z-onboarding);display:flex;align-items:center;justify-content:center;background:rgba(4,8,18,.55);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:onboarding-overlay-in .4s cubic-bezier(.16,1,.3,1) both}.onboarding-overlay.auth-active{z-index:29000}.onboarding-card{position:relative;width:min(940px,94vw);max-width:calc(100vw - 24px);max-height:min(840px,calc(100vh - 24px));border-radius:var(--radius-xl);background:var(--header-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:onboarding-card-in .5s cubic-bezier(.16,1,.3,1) 50ms both}.onboarding-overlay.dismissing{animation:onboarding-dismiss .6s cubic-bezier(.16,1,.3,1) forwards}.onboarding-overlay.dismissing .onboarding-card{animation:onboarding-card-dismiss .5s cubic-bezier(.16,1,.3,1) forwards}.onboarding-skip{position:absolute;top:16px;right:20px;background:0 0;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);z-index:1;transition:color .15s ease,background .15s ease}.onboarding-skip:hover{color:var(--text-primary);background:var(--hover-bg)}.onboarding-slides-viewport{flex:1;overflow:hidden;display:flex;flex-direction:column}.onboarding-slides-track{display:flex;flex:1;transition:transform .4s cubic-bezier(.16, 1, .3, 1);will-change:transform}.onboarding-slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4.5vh,44px) clamp(20px,5vw,48px);overflow-y:auto}.onboarding-slide-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(10px,2vh,16px);width:100%;max-width:620px}@media (max-width:720px){.onboarding-slide{padding:28px 20px}}.onboarding-slide.active .onboarding-slide-content>*{animation:onboarding-item-in .55s cubic-bezier(.16,1,.3,1) both}.onboarding-slide.active .onboarding-slide-content>:first-child{animation-delay:50ms}.onboarding-slide.active .onboarding-slide-content>:nth-child(2){animation-delay:.12s}.onboarding-slide.active .onboarding-slide-content>:nth-child(3){animation-delay:.19s}.onboarding-slide.active .onboarding-slide-content>:nth-child(4){animation-delay:.26s}.onboarding-slide.active .onboarding-slide-content>:nth-child(5){animation-delay:.33s}.onboarding-slide.active .onboarding-slide-content>:nth-child(6){animation-delay:.4s}@keyframes onboarding-item-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.onboarding-slide[data-slide=welcome]{min-height:min(520px,64vh);overflow:hidden}.onboarding-welcome{gap:clamp(12px,2.4vh,20px);position:relative}.onboarding-hero-notes{position:absolute;inset:-40px -20px;pointer-events:none;z-index:0}.onboarding-hero-note{position:absolute;border-radius:6px;border:1px solid var(--border-color);background:var(--surface-2);opacity:.55}.onboarding-slide.active .onboarding-hero-note{opacity:0;animation:hero-note-in .9s cubic-bezier(.16,1,.3,1) forwards,hero-note-drift 9s ease-in-out .9s infinite alternate}.onboarding-hero-note::before{content:'';position:absolute;top:0;left:0;right:0;height:26%;border-radius:5px 5px 0 0;background:var(--surface-3)}.onboarding-hero-note.hn-1{width:34px;height:40px;left:6%;top:14%;--drift-x:6px;--drift-y:10px;--tilt:-8deg;animation-delay:.5s,1.4s}.onboarding-hero-note.hn-2{width:26px;height:32px;left:16%;top:66%;--drift-x:-8px;--drift-y:-7px;--tilt:6deg;animation-delay:.65s,1.55s}.onboarding-hero-note.hn-3{width:22px;height:26px;left:30%;top:30%;--drift-x:5px;--drift-y:-9px;--tilt:-5deg;animation-delay:.8s,1.7s}.onboarding-hero-note.hn-4{width:30px;height:36px;right:7%;top:20%;--drift-x:-7px;--drift-y:9px;--tilt:7deg;animation-delay:.6s,1.5s}.onboarding-hero-note.hn-5{width:24px;height:30px;right:18%;top:62%;--drift-x:8px;--drift-y:-6px;--tilt:-6deg;animation-delay:.75s,1.65s}.onboarding-hero-note.hn-6{width:20px;height:24px;right:32%;top:8%;--drift-x:-5px;--drift-y:8px;--tilt:9deg;animation-delay:.9s,1.8s}.onboarding-hero-note.hn-2::before,.onboarding-hero-note.hn-5::before{background:var(--accent-subtle)}.onboarding-hero-note.hn-3{border-color:rgba(var(--accent-rgb),.45)}.onboarding-hero-note.hn-3::before{background:rgba(var(--accent-rgb),.35)}@keyframes hero-note-in{from{opacity:0;transform:rotate(var(--tilt,0deg)) scale(.4)}to{opacity:.55;transform:rotate(var(--tilt,0deg)) scale(1)}}@keyframes hero-note-drift{from{transform:rotate(var(--tilt,0deg)) translate(0,0)}to{transform:rotate(calc(var(--tilt,0deg) * -.6)) translate(var(--drift-x,6px),var(--drift-y,8px))}}.onboarding-logo{max-width:clamp(88px,16vh,140px);height:auto;margin-bottom:6px;position:relative;z-index:1;animation:hero-logo-in .7s cubic-bezier(.34,1.4,.64,1) .1s both}@keyframes hero-logo-in{from{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-title{font-size:clamp(2.2rem, 7.5vmin, 3.4rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1.1;overflow:hidden;position:relative;z-index:1;padding-bottom:.08em}.onboarding-title-reveal{display:inline-block}.onboarding-slide.active .onboarding-title-reveal{animation:hero-title-reveal .75s cubic-bezier(.16,1,.3,1) .35s both}@keyframes hero-title-reveal{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}.onboarding-tagline{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-2px;position:relative;z-index:1}.onboarding-tagline-text{font-size:clamp(.66rem, 1.7vmin, .82rem);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.32em;margin-right:-.32em;white-space:nowrap}.onboarding-slide.active .onboarding-tagline-text{animation:hero-tagline-in .8s ease-out .7s both}.onboarding-tagline-rule{width:clamp(22px,4.5vw,40px);height:1px;background:var(--border-color);transform-origin:center}.onboarding-slide.active .onboarding-tagline-rule{animation:hero-rule-in .6s cubic-bezier(.16,1,.3,1) .85s both}@keyframes hero-tagline-in{from{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.32em}}@keyframes hero-rule-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}.onboarding-cta{padding:14px 42px;font-size:1.05rem;margin-top:8px;position:relative;z-index:1;animation:onboarding-item-in .6s cubic-bezier(.16,1,.3,1) 1s both}.onboarding-slide.active .onboarding-welcome>*{animation:none}.onboarding-slide.active .onboarding-welcome>.onboarding-logo{animation:hero-logo-in .7s cubic-bezier(.34,1.4,.64,1) .1s both}.onboarding-slide.active .onboarding-welcome>.onboarding-cta{animation:onboarding-item-in .6s cubic-bezier(.16,1,.3,1) 1s both}.onboarding-heading{font-size:clamp(1.05rem, 2.8vmin, 1.3rem);font-weight:600;color:var(--text-primary);margin-bottom:4px}.onboarding-subtext{font-size:var(--text-sm);color:var(--text-secondary)}.onboarding-subtext-dim{opacity:.65;font-size:var(--text-xs)}.onboarding-carousel{position:relative;width:100%;min-height:clamp(250px,40vh,368px)}.onboarding-carousel-track{position:relative;width:100%;min-height:clamp(230px,37vh,348px)}.onboarding-carousel-item{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none;padding:10px 0}.onboarding-carousel-item.active{opacity:1;transform:translateY(0);pointer-events:auto}.onboarding-feature-graphic{width:min(420px,100%);height:clamp(140px,24vh,200px);position:relative;margin:0 auto clamp(10px,2.2vh,20px);border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden}.onboarding-graphic-notes{background:radial-gradient(circle,var(--border-color) .7px,transparent .7px);background-size:14px 14px;background-color:var(--surface-1)}.onboarding-note-card{position:absolute;width:96px;height:122px;top:50%;left:50%;transform:translate(-50%,-50%);animation:notes-fan-out .8s cubic-bezier(.16,1,.3,1) forwards}.onboarding-note-card:first-child{animation-delay:50ms}.onboarding-note-card:nth-child(2){animation-delay:.15s}.onboarding-note-card:nth-child(3){animation-delay:.25s}.onboarding-note-inner{width:100%;height:100%;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--header-bg);box-shadow:0 4px 14px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:7px;padding:8px 9px;box-sizing:border-box;animation:note-idle-float 4.5s ease-in-out infinite alternate}.onboarding-note-card:first-child .onboarding-note-inner{animation-delay:.6s}.onboarding-note-card:nth-child(2) .onboarding-note-inner{animation-delay:1.2s}.onboarding-note-card:nth-child(3) .onboarding-note-inner{animation-delay:0s}.onboarding-note-titlebar{height:12px;margin:-8px -9px 2px;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--surface-3);flex-shrink:0}.onboarding-note-titlebar.accent{background:var(--accent-color)}.onboarding-note-titlebar.dark{background:#1e2430}.onboarding-note-line{height:5px;border-radius:2px;background:var(--surface-3);transform-origin:left center;animation:note-line-in .4s cubic-bezier(.16,1,.3,1) both}.onboarding-note-line:first-of-type{animation-delay:.55s}.onboarding-note-line:nth-of-type(2){animation-delay:.7s}.onboarding-note-line:nth-of-type(3){animation-delay:.85s}.onboarding-note-line:nth-of-type(4){animation-delay:1s}.onboarding-chk{display:flex;align-items:center;gap:5px;animation:note-line-in .4s cubic-bezier(.16,1,.3,1) both}.onboarding-chk:nth-of-type(2){animation-delay:.65s}.onboarding-chk:nth-of-type(3){animation-delay:.85s}.onboarding-chk:nth-of-type(4){animation-delay:1.05s}.onboarding-chk i{width:10px;height:10px;flex-shrink:0;border-radius:3px;background:var(--color-success,#22c55e);position:relative;animation:chk-pop .35s cubic-bezier(.34,1.56,.64,1) both}.onboarding-chk:nth-of-type(2) i{animation-delay:.95s}.onboarding-chk:nth-of-type(3) i{animation-delay:1.15s}.onboarding-chk i::after{content:'';position:absolute;left:3px;top:1px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.onboarding-chk.unchecked i{background:0 0;border:1.5px solid var(--text-secondary);opacity:.55;animation:none}.onboarding-chk.unchecked i::after{display:none}.onboarding-chk b{height:5px;border-radius:2px;background:var(--surface-3)}.onboarding-note-code{background:#12161f;border-color:#2a3040}.onboarding-code-line{display:flex;gap:4px;animation:note-line-in .4s cubic-bezier(.16,1,.3,1) both}.onboarding-code-line:nth-of-type(2){animation-delay:.6s}.onboarding-code-line:nth-of-type(3){animation-delay:.75s}.onboarding-code-line:nth-of-type(4){animation-delay:.9s}.onboarding-code-line:nth-of-type(5){animation-delay:1.05s}.onboarding-code-line.indent{padding-left:10px}.onboarding-code-line u{height:5px;border-radius:2px;text-decoration:none}.onboarding-code-line u.c1{width:22px;background:#7aa2ff}.onboarding-code-line u.c2{width:14px;background:#c792ea}.onboarding-code-line u.c3{width:18px;background:#7ac06f}@keyframes notes-fan-out{0%{transform:translate(-50%,-50%) rotate(0) translateX(0)}100%{transform:translate(-50%,-50%) rotate(var(--fan-rotation)) translateX(var(--fan-offset))}}@keyframes note-idle-float{from{transform:translateY(-2px)}to{transform:translateY(3px)}}@keyframes note-line-in{from{opacity:0;transform:scaleX(.3)}to{opacity:1;transform:scaleX(1)}}@keyframes chk-pop{from{transform:scale(0)}to{transform:scale(1)}}.onboarding-graphic-canvas{background:radial-gradient(circle,var(--border-color) .7px,transparent .7px);background-size:14px 14px}.onboarding-canvas-notecard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:190px;padding:18px 16px;background:var(--header-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 2px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:8px;animation:notecard-fade-in .4s ease-out .1s both}.onboarding-canvas-noteline{height:5px;border-radius:2px;background:var(--surface-3);width:90%}.onboarding-canvas-noteline.short{width:55%}.onboarding-canvas-noteline.med{width:72%}.onboarding-canvas-annotation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.onboarding-annotate-stroke{fill:none;stroke:var(--accent-color);stroke-linecap:round;stroke-linejoin:round}.onboarding-annotate-arrow{stroke-dasharray:160;stroke-dashoffset:160}.onboarding-annotate-underline{stroke-dasharray:100;stroke-dashoffset:100}.onboarding-annotate-text{opacity:0;font-family:'Segoe Script','Comic Sans MS','Bradley Hand',cursive;font-weight:400}.onboarding-annotate-head{opacity:0}.onboarding-carousel-item.active .onboarding-annotate-text{animation:annotate-text-in .4s ease-out .4s forwards}.onboarding-carousel-item.active .onboarding-annotate-underline{animation:draw-annotate-line .5s ease-out .7s forwards}.onboarding-carousel-item.active .onboarding-annotate-arrow{animation:draw-annotate-line .6s cubic-bezier(.25,0,.2,1) 1s forwards}.onboarding-carousel-item.active .onboarding-annotate-head{animation:annotate-head-pop .25s cubic-bezier(.34,1.56,.64,1) 1.55s forwards}@keyframes notecard-fade-in{from{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes draw-annotate-line{to{stroke-dashoffset:0}}@keyframes annotate-text-in{0%{opacity:0;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}@keyframes annotate-head-pop{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.onboarding-graphic-collab{background:var(--surface-2)}.onboarding-cursor{position:absolute;display:flex;flex-direction:column;align-items:flex-start}.onboarding-cursor-pointer{width:20px;height:20px;flex-shrink:0}.onboarding-cursor-avatar{width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:-2px;margin-left:12px;line-height:1}.onboarding-cursor-a{animation:cursor-a-move 3s ease-in-out infinite}.onboarding-cursor-b{animation:cursor-b-move 3s ease-in-out infinite}@keyframes cursor-a-move{0%{transform:translate(30px,25px)}25%{transform:translate(160px,45px)}50%{transform:translate(120px,110px)}75%{transform:translate(50px,70px)}100%{transform:translate(30px,25px)}}@keyframes cursor-b-move{0%{transform:translate(200px,90px)}25%{transform:translate(80px,30px)}50%{transform:translate(180px,20px)}75%{transform:translate(210px,80px)}100%{transform:translate(200px,90px)}}.onboarding-graphic-moodboard{background:var(--surface-1);overflow:hidden}.onboarding-mb-card{position:absolute;border-radius:var(--radius-sm);border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.08);animation:mb-pop-in .5s cubic-bezier(.16,1,.3,1) both}.onboarding-mb-card.mb-1{left:12%;top:12%;width:80px;height:58px;background:var(--accent-color);transform:rotate(-5deg);animation-delay:.1s}.onboarding-mb-card.mb-2{left:56%;top:6%;width:65px;height:82px;background:var(--surface-3);transform:rotate(4deg);animation-delay:.2s}.onboarding-mb-card.mb-3{left:28%;top:48%;width:88px;height:56px;background:var(--accent-subtle);transform:rotate(-2deg);animation-delay:.3s}.onboarding-mb-card.mb-4{left:64%;top:44%;width:60px;height:72px;background:var(--surface-2);border:2px solid var(--accent-color);transform:rotate(6deg);animation-delay:.4s}.onboarding-mb-card.mb-5{left:6%;top:56%;width:50px;height:40px;background:var(--surface-3);transform:rotate(-8deg);animation-delay:.5s}@keyframes mb-pop-in{from{opacity:0;scale:0.4}to{opacity:1;scale:1}}.onboarding-graphic-blocks{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:var(--surface-1);border-radius:var(--radius-md)}.onboarding-block-tile{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;animation:mb-pop-in .5s cubic-bezier(.16,1,.3,1) both}.onboarding-block-tile:first-child{animation-delay:50ms}.onboarding-block-tile:nth-child(2){animation-delay:.15s}.onboarding-block-tile:nth-child(3){animation-delay:.25s}.onboarding-block-tile:nth-child(4){animation-delay:.35s}.onboarding-block-tile em{font-style:normal;font-size:.64rem;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.onboarding-block-kanban{display:flex;gap:3px;align-items:flex-start;height:26px}.onboarding-block-kanban i{width:9px;border-radius:2px;background:var(--accent-subtle);border:1px solid rgba(var(--accent-rgb),.35)}.onboarding-block-kanban i:first-child{height:26px}.onboarding-block-kanban i:nth-child(2){height:18px;background:var(--accent-color);border-color:transparent}.onboarding-block-kanban i:nth-child(3){height:12px}.onboarding-block-table{width:34px;height:24px;border:1.5px solid var(--text-secondary);border-radius:3px;background:linear-gradient(var(--text-secondary) 1px,transparent 1px) 0 8px/100% 8px repeat-y,linear-gradient(90deg,var(--text-secondary) 1px,transparent 1px) 11px 0/11px 100% repeat-x;opacity:.75}.onboarding-block-chart{display:flex;gap:3px;align-items:flex-end;height:26px}.onboarding-block-chart i{width:7px;border-radius:2px 2px 0 0;background:var(--accent-color);opacity:.45}.onboarding-block-chart i:first-child{height:10px}.onboarding-block-chart i:nth-child(2){height:16px;opacity:.65}.onboarding-block-chart i:nth-child(3){height:12px;opacity:.55}.onboarding-block-chart i:nth-child(4){height:24px;opacity:1}.onboarding-block-timer{width:26px;height:26px;border:2px solid var(--text-secondary);border-radius:50%;position:relative;opacity:.8}.onboarding-block-timer::before{content:'';position:absolute;left:50%;top:50%;width:2px;height:9px;background:var(--accent-color);transform-origin:top center;transform:translateX(-50%) rotate(210deg)}.onboarding-block-timer::after{content:'';position:absolute;left:50%;top:50%;width:2px;height:6px;background:var(--accent-color);transform-origin:top center;transform:translateX(-50%) rotate(100deg)}.onboarding-carousel-tabs{display:flex;justify-content:center;gap:6px;margin-top:14px}.onboarding-carousel-tab{padding:5px 14px;border:1px solid var(--border-color);border-radius:999px;background:0 0;color:var(--text-secondary);font-size:.74rem;font-weight:600;cursor:pointer;transition:color var(--ui-motion-fast) ease,border-color var(--ui-motion-fast) ease,background-color var(--ui-motion-fast) ease}.onboarding-carousel-tab:hover{color:var(--text-primary);border-color:var(--border-color-hover,var(--border-color))}.onboarding-carousel-tab.active{color:var(--accent-color);border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.08)}.onboarding-two-col{display:flex;gap:24px;text-align:center}.onboarding-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.onboarding-col-divider{width:1px;background:var(--border-color);align-self:stretch}.onboarding-col-icon{width:48px;height:48px;border-radius:50%;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent-color)}.onboarding-col h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.onboarding-col p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.onboarding-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-width:480px;width:100%;margin:0 auto}.onboarding-theme-swatch{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border-radius:var(--radius-lg);border:2px solid transparent;background:0 0;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.onboarding-theme-swatch:hover{background:var(--hover-bg)}.onboarding-theme-swatch.selected{border-color:var(--accent-color);background:var(--surface-1)}.onboarding-swatch-preview{width:100%;height:40px;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:row;border:1px solid var(--border-color)}.swatch-color-bar{flex:1;height:100%}.swatch-color-bar:first-child{flex:3}.swatch-color-bar:nth-child(2){flex:2}.swatch-color-bar:nth-child(3),.swatch-color-bar:nth-child(4){flex:1}.swatch-color-bar:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.swatch-color-bar:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.onboarding-swatch-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.onboarding-font-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;max-width:560px;margin:4px auto 0}.onboarding-font-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:clamp(10px,2vh,16px) 10px clamp(8px,1.6vh,13px);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.onboarding-font-card:hover{background:var(--hover-bg);transform:translateY(-2px)}.onboarding-font-card.selected{border-color:var(--accent-color);background:var(--accent-subtle)}.onboarding-font-glyph{font-size:clamp(1.5rem, 3.8vmin, 2rem);line-height:1.25;font-weight:600}.onboarding-font-name{font-size:.82rem;font-weight:600}.onboarding-font-sample{font-size:.68rem;color:var(--text-secondary)}.onboarding-scale-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:100%;margin-top:6px}.onboarding-scale-preset{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:92px;padding:12px 16px 10px;border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-1);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.onboarding-scale-preset em{font-style:normal;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.onboarding-scale-preset:hover{background:var(--hover-bg);transform:translateY(-2px)}.onboarding-scale-preset.selected{border-color:var(--accent-color);background:var(--accent-subtle)}.onboarding-scale-slider-row{display:flex;align-items:center;gap:14px;width:100%;max-width:420px;margin:10px auto 0}.onboarding-scale-mark{color:var(--text-secondary);font-weight:600;line-height:1;flex-shrink:0}.onboarding-scale-mark.small{font-size:.75rem}.onboarding-scale-mark.large{font-size:1.25rem}#onboarding-scale-slider{flex:1;accent-color:var(--accent-color);cursor:pointer}.onboarding-scale-value{min-width:46px;text-align:right;font-size:.85rem;font-weight:600;color:var(--accent-color);font-variant-numeric:tabular-nums}.onboarding-signin{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.onboarding-signin-icon{width:56px;height:56px;border-radius:50%;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;color:var(--accent-color);margin:0 auto 12px}.onboarding-signin .onboarding-subtext strong{color:var(--accent-color);font-weight:600}.onboarding-signin-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:260px;margin-top:4px}.onboarding-signin-btn{padding:12px 32px;width:100%}.onboarding-continue-offline{background:var(--surface-2);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 32px;font-size:.9rem;cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease,border-color .15s ease;width:100%;font-weight:500}.onboarding-continue-offline:hover{background:var(--surface-3);border-color:var(--text-secondary)}.onboarding-platform-note{font-size:var(--text-xs);color:var(--text-secondary);opacity:.7;margin-top:16px}.onboarding-ready-graphic{width:80px;height:80px;border-radius:50%;background:var(--accent-subtle);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.onboarding-ready-graphic.animate{animation:ready-pop .6s cubic-bezier(.34,1.56,.64,1)}.onboarding-ready-graphic svg{width:36px;height:36px}.onboarding-ready-graphic.animate path{stroke-dasharray:36;stroke-dashoffset:36;animation:draw-checkmark .4s ease-out .3s forwards}@keyframes ready-pop{0%{transform:scale(0)}70%{transform:scale(1.15)}100%{transform:scale(1)}}@keyframes draw-checkmark{to{stroke-dashoffset:0}}.onboarding-nav{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 28px 20px;border-top:1px solid var(--border-color)}.onboarding-nav-back{background:0 0;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.onboarding-nav-back:hover{color:var(--text-primary);background:var(--surface-2)}.onboarding-nav-next{display:flex;align-items:center;gap:6px}.onboarding-dots{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:6px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--surface-3);border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.onboarding-dot.active{background:var(--accent-color);transform:scale(1.25)}@keyframes onboarding-overlay-in{from{opacity:0}to{opacity:1}}@keyframes onboarding-card-in{from{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes onboarding-dismiss{to{opacity:0}}@keyframes onboarding-card-dismiss{from{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(.96);opacity:0}}body.animations-disabled .onboarding-card,body.animations-disabled .onboarding-carousel-item,body.animations-disabled .onboarding-feature-graphic *,body.animations-disabled .onboarding-hero-note,body.animations-disabled .onboarding-overlay,body.animations-disabled .onboarding-slide.active .onboarding-slide-content>*,body.animations-disabled .onboarding-slides-track,body.animations-disabled .onboarding-tagline-rule,body.animations-disabled .onboarding-tagline-text,body.animations-disabled .onboarding-title-reveal{animation:none!important;transition-duration:0s!important}@media (prefers-reduced-motion:reduce){.onboarding-carousel-item,.onboarding-slides-track{transition:none}.onboarding-feature-graphic *,.onboarding-hero-note,.onboarding-slide.active .onboarding-slide-content>*,.onboarding-tagline-rule,.onboarding-tagline-text,.onboarding-title-reveal{animation:none!important}}@media (max-height:720px){.onboarding-slide{padding:24px 28px}.onboarding-carousel{min-height:240px}.onboarding-carousel-track{min-height:220px}.onboarding-nav{padding:12px 20px 14px}.onboarding-logo{max-width:104px}.onboarding-slide[data-slide=welcome]{min-height:min(420px,62vh)}}@media (max-height:520px){.onboarding-slide{padding:14px 20px}.onboarding-carousel{min-height:180px}.onboarding-carousel-track{min-height:160px}.onboarding-slide-content{gap:10px}.onboarding-nav{padding:8px 16px 10px}.onboarding-logo{max-width:64px}.onboarding-heading{font-size:1.05rem}.onboarding-slide[data-slide=welcome]{min-height:0}.onboarding-font-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.onboarding-font-glyph{font-size:1.25rem}.onboarding-scale-preset{padding:8px 12px 7px;min-width:78px}}@media (max-width:560px){.onboarding-font-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.onboarding-scale-presets{gap:8px}.onboarding-scale-preset{min-width:72px;padding:10px 10px 8px;font-size:.78rem}.onboarding-two-col{flex-direction:column;gap:18px}.onboarding-col-divider{width:auto;height:1px;align-self:stretch}.onboarding-tagline-rule{width:18px}.onboarding-tagline-text{letter-spacing:.22em;margin-right:-.22em}}