.ob-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--s5, 20px);background:#000000b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}body.ob-open{overflow:hidden}.ob-box{width:min(880px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--bg-elevated, #05140d);border:1px solid var(--border-strong, rgba(120, 240, 170, .22));border-radius:var(--r-lg, 16px);box-shadow:0 24px 70px #0000008c}.ob-head{padding:var(--s6, 24px) var(--s6, 24px) var(--s4, 16px)}.ob-kicker{margin:0 0 6px;font-family:var(--font-mono, monospace);font-size:var(--fs-2xs, 11px);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-bright, #19e07f)}.ob-title{margin:0 0 8px;font-family:var(--font-sans);font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.02em;color:var(--text);line-height:1.15}.ob-lede{margin:0;font-family:var(--font-sans);font-size:var(--fs-sm, 14px);line-height:1.55;color:var(--text-secondary);max-width:68ch}.ob-grid{flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2, 8px);padding:var(--s4, 16px) var(--s6, 24px)}.ob-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s3, 12px);width:100%;min-height:64px;padding:var(--s3, 12px) var(--s4, 16px);text-align:left;cursor:pointer;background:var(--surface, rgba(255,255,255,.03));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:var(--r-md, 12px);color:var(--text);transition:border-color var(--d1, .15s) var(--ease, ease),background var(--d1, .15s) var(--ease, ease)}.ob-card:hover{border-color:var(--border-strong, rgba(120,240,170,.28))}.ob-card:focus-visible{outline:2px solid var(--accent-bright, #19e07f);outline-offset:2px}.ob-card.is-on{border-color:var(--accent-bright, #19e07f);background:var(--accent-dim, rgba(25, 224, 127, .13))}.ob-ic{font-size:20px;line-height:1}.ob-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.ob-name{font-family:var(--font-sans);font-size:var(--fs-sm, 14px);font-weight:700}.ob-want{font-family:var(--font-sans);font-size:var(--fs-xs, 13px);color:var(--text-secondary);line-height:1.35}.ob-tick{font-size:14px;color:var(--accent-bright, #19e07f);opacity:0}.ob-card.is-on .ob-tick{opacity:1}.ob-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3, 12px);padding:var(--s4, 16px) var(--s6, 24px) var(--s5, 20px);border-top:1px solid var(--hairline, rgba(255,255,255,.07))}.ob-count{font-family:var(--font-sans);font-size:var(--fs-xs, 13px);color:var(--text-secondary)}.ob-actions{display:flex;align-items:center;gap:var(--s2, 8px)}.ob-skip,.ob-save{min-height:44px;padding:0 var(--s5, 20px);font-family:var(--font-sans);font-size:var(--fs-sm, 14px);font-weight:600;border-radius:var(--r-full, 999px);cursor:pointer}.ob-skip{background:transparent;color:var(--text-secondary);border:1px solid var(--border, rgba(255,255,255,.1))}.ob-skip:hover{color:var(--text);border-color:var(--border-strong)}.ob-save{background:var(--accent-bright, #19e07f);color:#04130c;border:none}.ob-save:hover:not(:disabled){filter:brightness(1.06)}.ob-save:disabled{background:var(--hairline, rgba(255,255,255,.08));color:var(--text-muted, #9fb3a8);border:1px solid var(--border, rgba(255,255,255,.1));cursor:not-allowed}.ob-skip:focus-visible,.ob-save:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}@media (max-width: 720px){.ob-backdrop{padding:0;align-items:stretch}.ob-box{max-height:100vh;border-radius:0;border-left:none;border-right:none}.ob-grid{grid-template-columns:1fr;padding:var(--s3, 12px) var(--s4, 16px)}.ob-head{padding:var(--s5, 20px) var(--s4, 16px) var(--s3, 12px)}.ob-foot{padding:var(--s3, 12px) var(--s4, 16px) calc(var(--s4, 16px) + env(safe-area-inset-bottom,0px))}.ob-actions,.ob-skip,.ob-save{flex:1 1 auto}}@media (prefers-reduced-motion: reduce){.ob-card{transition:none}}