.ob{max-width:560px;margin:0 auto;padding:28px 20px 64px}.ob-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);padding:28px 24px}.ob h1{margin-bottom:.3em;font-size:clamp(1.7rem,4.6vw,2.2rem)}.ob h2{margin-bottom:.35em;font-size:1.35rem}.ob .lead{margin-bottom:18px;font-size:1.02rem}.ob-stack{gap:16px;display:grid}.ob-progress{align-items:center;gap:12px;margin-bottom:18px;display:flex}.ob-bar{background:var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}.ob-bar>i{background:var(--lagoon-ink);border-radius:99px;height:100%;transition:width .3s;display:block}.ob-count{font:600 .8rem var(--mono);color:var(--ink-2);white-space:nowrap}.ob-back{text-align:left;font:600 .92rem var(--body);color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-self:start;padding:6px 0}.ob-back:hover{color:var(--ink)}.ob-tiles{gap:10px;display:grid}.ob-tiles.two{grid-template-columns:1fr 1fr}.ob-tile{text-align:left;background:var(--paper);border:1.5px solid var(--line);width:100%;min-height:56px;font:600 1rem var(--body);color:var(--ink);cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.ob-tile:hover{border-color:var(--ink-2)}.ob-tile[aria-checked=true],.ob-tile[aria-pressed=true]{border-color:var(--lagoon-ink);background:var(--mint);box-shadow:inset 0 0 0 1px var(--lagoon-ink)}.ob-tile small{color:var(--ink-2);margin-top:2px;font-size:.86rem;font-weight:500;display:block}.ob-tile .ob-dot{border:2px solid var(--line);background:#fff;border-radius:50%;flex:none;width:20px;height:20px}.ob-tile[aria-checked=true] .ob-dot{border:6px solid var(--lagoon-ink)}.ob-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.ob-chip{border:1.5px solid var(--line);background:var(--paper);min-height:46px;font:700 .95rem var(--body);color:var(--ink);cursor:pointer;border-radius:12px}.ob-chip[aria-pressed=true],.ob-chip[aria-checked=true]{background:var(--ink);border-color:var(--ink);color:#fff}.ob-chip:disabled{opacity:.4;cursor:not-allowed}.ob-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.ob-err{color:#8a2a12;font-size:.88rem;font-weight:600}.ob-field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ob-pw{position:relative}.ob-pw button{font:600 .85rem var(--body);color:var(--lagoon-ink);cursor:pointer;background:0 0;border:0;padding:8px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ob-code-input{letter-spacing:.4em;text-align:center;font:700 1.6rem var(--mono)!important}.ob-actions{gap:10px;margin-top:6px;display:grid}.ob-actions .btn{width:100%}.ob-legal{color:var(--ink-2);font-size:.82rem}.ob-facts{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;margin:0;padding:4px 14px;list-style:none;display:grid}.ob-facts li{grid-template-columns:92px 1fr;gap:10px;padding:10px 0;font-size:.9rem;line-height:1.45;display:grid}.ob-facts li+li{border-top:1px solid var(--line)}.ob-facts strong{color:var(--ink);font-size:.84rem}.ob-facts span{color:var(--ink-2)}.ob-kid{background:var(--lilac-soft);border-radius:14px;padding:12px 14px;font-size:.9rem}.ob-kid summary{cursor:pointer;font-weight:700}.ob-kid ul{margin:8px 0 0;padding-left:18px}.ob-avatars{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ob-avatar{aspect-ratio:1;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;border:2px solid #0000;border-radius:20px;place-items:center;padding:10px;display:grid}.ob-avatar[aria-checked=true]{border-color:var(--lagoon-ink);background:var(--mint)}.ob-avatar svg{width:100%;height:100%}.ob-codebox{background:var(--ink);color:#fff;text-align:center;border-radius:20px;padding:22px}.ob-codebox .lbl{font:600 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a9b8cc}.ob-codebox .code{font:700 clamp(1.6rem, 7vw, 2.2rem) var(--mono);letter-spacing:.06em;margin:6px 0 10px}.ob-stop{text-align:center}.ob-stop .ob-icon{width:64px;height:64px;margin:0 auto 12px}.ob-tabs{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:5px;display:grid}.ob-tabs button{min-height:42px;font:700 .95rem var(--body);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px}.ob-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0e1b2c1f}.ob-learner{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:56px 1fr;align-items:center;gap:14px;padding:16px;display:grid}.ob-learner .av{background:var(--surface);width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:8px}.ob-learner .meta{color:var(--ink-2);font-size:.88rem}.ob-learner .code{font:700 .95rem var(--mono);color:var(--ink)}@media (max-width:420px){.ob-card{padding:22px 18px}.ob-tiles.two{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ob-bar>i{transition:none}}