.tob-layer{z-index:3100;position:fixed;inset:0}.tob-layer.is-dim{background:#0000008c}.tob-spot{outline:2px solid var(--purple);outline-offset:2px;pointer-events:none;border-radius:10px;transition:top .2s,left .2s,width .2s,height .2s;position:fixed;box-shadow:0 0 0 9999px #0000008c}.tob-card{background:var(--bg-card);width:min(360px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);border:1px solid var(--border);text-align:left;border-radius:12px;outline:none;padding:16px 16px 12px;animation:.18s cubic-bezier(.2,0,.2,1) tob-pop;position:fixed;overflow-y:auto;box-shadow:0 16px 48px #00000073}.tob-card.is-sheet-bottom,.tob-card.is-sheet-top{width:auto;max-height:46dvh;left:8px;right:8px}.tob-card.is-sheet-bottom{bottom:calc(8px + env(safe-area-inset-bottom,0px))}.tob-card.is-sheet-top{top:calc(8px + env(safe-area-inset-top,0px))}.tob-count{letter-spacing:.02em;color:var(--purple-dim,var(--text-muted));margin:0 32px 4px 0;font-size:.7857rem;font-weight:600}.tob-title{color:var(--text);margin:0 32px 6px 0;font-size:1.0714rem;font-weight:700;line-height:1.35}.tob-body{color:var(--text-secondary);margin:0;font-size:.9286rem;line-height:1.55}.tob-preview-note{color:var(--text-muted);margin:8px 0 0;font-size:.7857rem}.tob-actions{align-items:center;gap:8px;margin-top:14px;display:flex}.tob-spacer{flex:1}.tob-skip{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:.8571rem}.tob-skip:hover{color:var(--text);text-decoration:underline}.tob-skip:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:4px}@keyframes tob-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tob-pop-lede{color:var(--text);margin:0 0 10px;font-weight:600}.tob-chips{flex-wrap:wrap;gap:6px;margin:8px 0 12px;padding:0;list-style:none;display:flex}.tob-chip{border:1px solid var(--border);background:var(--bg-surface);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:.8214rem;display:inline-flex}.tob-chip.is-done{border-color:var(--green);color:var(--green);background:0 0}.tob-chip.is-skipped{color:var(--text-muted);background:0 0}.tob-muted{color:var(--text-muted);margin:0;font-size:.8571rem}.tob-page{max-width:1120px}.tob-preview-bar{border:1px dashed var(--purple);background:var(--bg-surface);color:var(--text-secondary);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:.8929rem;display:flex}.tob-preview-bar p{margin:0}.tob-preview-actions{flex-wrap:wrap;gap:8px;display:flex}.tob-hero{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;margin:0 0 16px;padding:20px 22px}.tob-eyebrow{color:var(--text-muted);margin:0 0 2px;font-size:.8571rem}.tob-h1{color:var(--text);margin:0 0 6px;font-size:1.5rem;font-weight:700;line-height:1.25}.tob-lede{max-width:680px;color:var(--text-secondary);margin:0;line-height:1.55}.tob-hero-row{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:14px;display:flex}.tob-progress{color:var(--text-muted);align-items:center;gap:10px;font-size:.8571rem;display:flex}.tob-progress-bar{background:var(--bg-hover);border-radius:999px;width:140px;height:6px;display:inline-block;position:relative;overflow:hidden}.tob-progress-bar>span{background:var(--purple);border-radius:999px;transition:width .3s;position:absolute;inset:0 auto 0 0}.tob-note{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;font-size:.8929rem;display:flex}.tob-note p{margin:0}.tob-note.is-warn{border-color:var(--orange)}.tob-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin:0 0 18px;padding:0;list-style:none;display:grid}.tob-area{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;flex-direction:column;padding:16px;display:flex}.tob-area.is-seen{border-color:color-mix(in srgb, var(--green) 45%, var(--border))}.tob-area-head{align-items:center;gap:10px;margin:0 0 8px;display:flex}.tob-area-icon{background:var(--bg-surface);width:32px;height:32px;color:var(--purple-dim,var(--text));border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tob-area-title{color:var(--text);flex:1;margin:0;font-size:1.0714rem;font-weight:700}.tob-area-what{color:var(--text-secondary);margin:0 0 10px;font-size:.9286rem;line-height:1.5}.tob-area-sub{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 4px;font-size:.75rem;font-weight:600}.tob-steps{color:var(--text);flex:1;margin:0 0 14px;padding-left:20px;font-size:.8929rem;line-height:1.5}.tob-steps li+li{margin-top:4px}.tob-show{align-self:flex-start}.tob-foot{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:4px 0 24px;display:flex}.tob-switch{cursor:pointer;color:var(--text-secondary);flex:none;align-items:center;gap:8px;font-size:.8929rem;font-weight:600;display:inline-flex}.tob-switch input{opacity:0;width:1px;height:1px;position:absolute}.tob-switch-track{border:1px solid var(--border);background:var(--bg-hover);border-radius:999px;width:38px;height:22px;transition:background .15s;display:inline-block;position:relative}.tob-switch-dot{background:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.tob-switch.is-on .tob-switch-track{background:var(--purple);border-color:var(--purple)}.tob-switch.is-on .tob-switch-dot{background:#fff;transform:translate(16px)}.tob-switch.is-on .tob-switch-word{color:var(--text)}.tob-switch input:focus-visible+.tob-switch-track{outline:2px solid var(--purple);outline-offset:2px}.tob-switch input:disabled+.tob-switch-track{opacity:.6}.tob-settings-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.tob-settings-pick{flex:0 260px}.tob-settings-hint{margin-top:8px}.tob-invite-note{margin-top:6px}@media (width<=640px){.tob-hero{padding:16px}.tob-h1{font-size:1.3rem}.tob-grid{grid-template-columns:1fr}.tob-progress-bar{width:96px}.tob-settings-pick{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.tob-spot,.tob-progress-bar>span,.tob-switch-track,.tob-switch-dot{transition:none}.tob-card{animation:none}}