html,body{min-height:100%}body{background:var(--bg);overflow:hidden}.ob{flex-direction:column;min-height:100vh;display:flex;position:relative}.ob:before{content:"";background:radial-gradient(circle, var(--coral-tint) 0%, transparent 65%);opacity:.55;pointer-events:none;z-index:0;width:720px;height:720px;position:fixed;top:-260px;right:-180px}.ob:after{content:"";background:radial-gradient(circle, var(--peach) 0%, transparent 60%);opacity:.45;pointer-events:none;z-index:0;width:540px;height:540px;position:fixed;bottom:-240px;left:-160px}.ob-header{z-index:10;justify-content:space-between;align-items:center;padding:28px 48px 0;display:flex;position:relative}.ob-logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.ob-logo-mark{background:var(--coral);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.ob-steps{align-items:center;gap:8px;display:flex}.ob-step{background:var(--line);cursor:pointer;border:0;border-radius:999px;width:36px;height:6px;padding:0;transition:width .35s cubic-bezier(.2,.8,.2,1),background .25s}.ob-step:hover{background:color-mix(in oklab, var(--coral) 40%, var(--line))}.ob-step.done{background:var(--coral);opacity:.55}.ob-step.active{background:var(--coral);width:64px}.ob-skip{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.ob-skip:hover{color:var(--ink);background:var(--line-soft)}.ob-stage{z-index:1;flex:1;place-items:center;min-height:0;padding:24px 48px;display:grid;position:relative}.ob-slide{grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;width:100%;max-width:1200px;animation:.45s cubic-bezier(.2,.8,.2,1) ob-in;display:grid}@keyframes ob-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ob-art{aspect-ratio:1.15;width:100%;position:relative}.ob-board{background:var(--paper);border-radius:var(--radius-xl);border:1px solid var(--line);box-shadow:var(--shadow-md);position:absolute;inset:0;overflow:hidden}.ob-board-canvas{background-image:radial-gradient(circle,#0f141914 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:56px 0 0}.ob-board-head{border-bottom:1px solid var(--line-soft);background:var(--paper);justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:absolute;top:0;left:0;right:0}.ob-board-title{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.ob-board-title-dot{background:var(--coral);border-radius:3px;width:10px;height:10px}.ob-avatars{align-items:center;display:flex}.ob-avatar{color:#fff;border:2px solid var(--paper);border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-8px;font-size:11px;font-weight:700;display:grid}.ob-avatar:first-child{margin-left:0}.ob-note{color:var(--ink);border-radius:10px;padding:14px;font-size:13px;font-weight:500;line-height:1.35;position:absolute;box-shadow:0 12px 28px -10px #0f14192e,0 2px 4px #0f14190d}.ob-note-label{letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:6px;font-size:9.5px;font-weight:700}.ob-coll{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow-md);padding:16px;position:absolute}.ob-coll-head{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.ob-coll-folder{border-radius:4px;flex-shrink:0;width:22px;height:18px}.ob-coll-count{color:var(--muted);background:var(--line-soft);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.ob-coll-boards{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ob-coll-board{aspect-ratio:1.3;border:1px solid var(--line-soft);border-radius:8px;position:relative;overflow:hidden}.ob-tplrow{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:absolute;top:14%;left:6%;right:6%}.ob-tpl{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);box-shadow:var(--shadow-sm);padding:14px}.ob-tpl-thumb{aspect-ratio:1.4;border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden}.ob-tpl-name{font-size:12.5px;font-weight:600}.ob-tpl-sub{color:var(--muted);margin-top:2px;font-size:11px}.ob-quizcard{background:var(--ink);color:#fff;border-radius:var(--radius-l);width:78%;padding:22px 24px;position:absolute;bottom:6%;left:50%;transform:translate(-50%)rotate(-1.5deg);box-shadow:0 24px 48px -16px #0f141966}.ob-quiz-pill{letter-spacing:.12em;text-transform:uppercase;color:var(--coral-tint);align-items:center;gap:6px;margin-bottom:12px;font-size:10px;font-weight:700;display:inline-flex}.ob-quiz-pill:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite ob-pulse}@keyframes ob-pulse{0%,to{opacity:1}50%{opacity:.35}}.ob-quiz-q{margin-bottom:14px;font-size:16px;font-weight:600;line-height:1.3}.ob-quiz-opts{flex-direction:column;gap:7px;display:flex}.ob-quiz-opt{border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.ob-quiz-opt.correct{background:var(--mint-deep);border-color:var(--mint-deep);font-weight:600}.ob-quiz-opt-letter{font-family:var(--font-mono);opacity:.5;font-size:11px}.ob-content{max-width:480px}.ob-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--coral);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.ob-eyebrow:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px}.ob-title{letter-spacing:-.035em;margin:18px 0 22px;font-size:clamp(36px,4vw,52px);font-weight:700;line-height:1.02}.ob-title em{color:var(--coral);font-style:normal}.ob-lead{color:var(--ink-2);margin:0 0 32px;font-size:18px;line-height:1.5}.ob-points{flex-direction:column;gap:18px;display:flex}.ob-point{align-items:flex-start;gap:14px;display:flex}.ob-point-mark{background:var(--coral-tint);width:28px;height:28px;color:var(--coral);border-radius:8px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.ob-point-text{font-size:14.5px;line-height:1.45}.ob-point-text strong{color:var(--ink);letter-spacing:-.01em;margin-bottom:3px;font-size:15.5px;font-weight:600;display:block}.ob-point-text span{color:var(--muted)}.ob-finish-tiles{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px;display:grid}.ob-finish-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-l);text-align:left;cursor:pointer;color:inherit;flex-direction:column;gap:14px;padding:22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.ob-finish-tile:hover{border-color:var(--coral);box-shadow:var(--shadow-md);transform:translateY(-3px)}.ob-finish-tile-icon{background:var(--coral-tint);width:38px;height:38px;color:var(--coral);border-radius:10px;place-items:center;display:grid}.ob-finish-tile-icon.alt{background:var(--lemon);color:#946700}.ob-finish-tile h4{letter-spacing:-.01em;margin:0 0 4px;font-size:15.5px;font-weight:600}.ob-finish-tile p{color:var(--muted);margin:0;font-size:13px;line-height:1.4}.ob-footer{z-index:10;justify-content:space-between;align-items:center;gap:16px;padding:16px 48px 32px;display:flex;position:relative}.ob-counter{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:13px}.ob-nav{align-items:center;gap:12px;display:flex}.ob-btn-ghost{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:12px 18px;font-size:14.5px;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.ob-btn-ghost:hover{color:var(--ink);background:var(--line-soft)}.ob-btn-ghost:disabled{opacity:0;pointer-events:none}@media (width<=980px){body{overflow:auto}.ob-stage{padding:24px}.ob-slide{grid-template-columns:1fr;gap:36px}.ob-art{aspect-ratio:1.3;max-width:520px;margin:0 auto}.ob-header,.ob-footer{padding-left:24px;padding-right:24px}.ob-steps{display:none}}img.ob-logo-mark{object-fit:contain;background:0 0;padding:0}