.ob-screen{display:flex;flex-direction:column;height:100dvh;background:var(--bg);color:var(--ink)}.ob-top{flex:none;padding:calc(var(--sp-2) + env(safe-area-inset-top)) var(--gutter) 0}.ob-top__in{position:relative;display:flex;justify-content:center;align-items:center;min-height:48px;max-width:480px;margin:0 auto}.ob-back{position:absolute;left:0;top:0;bottom:0;margin:auto 0;width:44px;height:44px;min-height:44px;justify-items:start;color:var(--ink)}.ob-back:active{opacity:.6}.ob-back svg{width:24px;height:24px}.ob-back[disabled]{color:var(--ink-faint);cursor:default;opacity:1}.ob-top__in--bar{justify-content:flex-start;gap:var(--sp-2)}.ob-top__in--bar .ob-back{position:static;flex:none}.ob-ask{display:flex;align-items:flex-end;gap:var(--sp-3);margin:var(--sp-2) 0}.ob-ask__noko{width:86px;height:auto;flex:none;display:block}.ob-ask__b{position:relative;flex:1;min-width:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--edge)}.ob-ask__b:after,.ob-ask__b:before{content:"";position:absolute;bottom:18px;border:10px solid transparent;border-left:0}.ob-ask__b:before{left:-11.5px;border-right-color:var(--stroke)}.ob-ask__b:after{left:-10px;border-right-color:var(--surface)}.ob-ask__q{margin:0;font-family:var(--font-display);font-weight:800;font-size:var(--fs-heading);line-height:1.25;letter-spacing:-.01em;color:var(--ink)}.ob-ask__sub{margin:var(--sp-1) 0 0;font-family:var(--font-text);font-weight:700;font-size:var(--fs-meta);color:var(--ink-soft)}.ob{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-2) var(--gutter) var(--sp-4)}.ob--center{justify-content:center;align-items:center;text-align:center}.ob-act{flex:none;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2) var(--gutter) calc(var(--sp-6) + env(safe-area-inset-bottom))}.ob,.ob-act{width:100%;max-width:480px;margin:0 auto;box-sizing:border-box}.ob-act .ui-btn--secondary,.ob-act .ui-btn--tertiary{justify-content:center}.ob-act>.ui-meta-d,.ob-hint{text-align:center}.ob-act .ui-btn--primary.ui-btn--wide,.ob-dlg .ui-btn--primary.ui-btn--wide{position:relative;justify-content:center;padding:0 var(--sp-12)}.ob-act .ui-btn--wide .ui-btn__arr,.ob-dlg .ui-btn--wide .ui-btn__arr{position:absolute;right:14px;top:0;bottom:0;margin:auto 0}.ob-act .ui-row__tail svg{width:20px;height:20px;display:block}.ob-head{display:flex;flex-direction:column;gap:var(--sp-2)}.ob-head--auth,.ob-title{margin-top:var(--sp-2)}.ob-title--c{text-align:center}.ob-lede{max-width:30ch}.ob-form{display:flex;flex-direction:column;gap:var(--sp-4)}.ob-form-err{font-family:var(--font-text);font-weight:700;font-size:var(--fs-meta);color:var(--error-text);margin:0}.ob .ui-field,.ob-sheet .ui-field{max-width:none}.ob-grades{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2)}.ob-grades .ui-chip--glyph{width:auto;font-size:var(--fs-heading)}.ob-typo{margin:calc(-1 * var(--sp-2)) 0 0;color:var(--ink-soft)}.ob-typo__btn{font:inherit;font-weight:700;color:var(--action-text);text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}.ob-legal{margin:0;color:var(--ink-soft)}.ob-legal a{color:var(--ink);font-weight:800;text-underline-offset:2px}.ob-subjects{display:flex;flex-direction:column;gap:var(--sp-2)}.ob-subjects .ui-lrow,.ob-subjects .ui-lrow+.ui-lrow{min-height:64px;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--soft),var(--edge)}.ob-subjects .ui-lrow:active{background:var(--interactive)}.ob-subjects .ui-lrow[disabled]{cursor:default}.ob-subjects .ui-lrow__title{font-weight:700}.ob-subjects .ui-lrow__sub{font-size:var(--fs-meta-d);color:var(--ink-soft)}.ob-subjects .ui-lrow__ic img{display:block}.ob-right{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--sp-2))}.ob-note{margin:0;padding:var(--sp-3);border-radius:var(--r-card);background:var(--sunken);box-shadow:var(--hair)}.ob-stage{position:relative;display:grid;place-items:center}.ob-stage__disc{position:absolute;width:264px;height:264px;border-radius:50%}.ob-stage img{position:relative;display:block;width:auto}.ob-stage--welcome{margin:var(--sp-8) 0 var(--sp-4)}.ob-stage--welcome img{width:250px;max-width:70vw}.ob-picks{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.ob-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-12) var(--sp-2) var(--sp-4);text-align:center}.ob-pick .ui-av{margin-bottom:var(--sp-2)}.ob-pick .ui-pill{position:absolute;top:var(--sp-3);left:50%;transform:translateX(-50%)}.ob-pick--add{padding-top:var(--sp-4);justify-content:center}.ob-pick-skel{height:auto;min-height:176px}.ob-sheet-hd{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);text-align:center}.ob-sheet-hd .ui-row__ic{margin-bottom:var(--sp-2)}.ob-sheet .ui-pin{margin:var(--sp-2) 0}.ob-pin-err,.ob-sheet .ui-btn--tertiary{align-self:center}.ob-pin-err{max-width:none}.ui-dlg:has(.ob-dlg){max-width:320px}.ob-dlg{display:flex;flex-direction:column;gap:var(--sp-3)}.ob-dlg .ui-field{max-width:none}.ob-dlg .ui-btn--tertiary{align-self:center}.ob-dlg .ui-meta-d{text-align:center}.ob-wait{min-height:100dvh;display:grid;place-items:center;background:var(--bg)}.ob-pick--locked .ob-pick__meta,.ob-pick--locked .ob-pick__nick,.ob-pick--locked .ui-av{opacity:.55}.ob-pick--locked .ui-tag{margin-top:var(--sp-1)}.ob-verify{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;padding-bottom:env(safe-area-inset-bottom)}.ob-verify__noko{width:140px;height:auto}.ob-verify b{overflow-wrap:anywhere}