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