.oc-panel{border:1px solid var(--border-soft);background:#fffffff2;border-radius:1rem;flex-shrink:0;padding:.875rem .75rem;box-shadow:0 8px 24px #261a2b0f}@media (max-height:780px){.oc-panel{padding:.55rem .6rem}.oc-prompt{font-size:12px;line-height:1.5}.oc-row{gap:.35rem;margin-top:.45rem}.oc-chip{padding:.45rem .75rem;font-size:12px}}@media (max-height:600px){.oc-panel{padding:.4rem .5rem}.oc-prompt{font-size:11px}.oc-row{margin-top:.35rem}}.oc-prompt{text-align:center;color:var(--ink);margin:0;font-size:14px;font-weight:800;line-height:1.75}.oc-row{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.oc-chip{border:1px solid var(--border-soft);color:var(--ink);cursor:pointer;transition:transform var(--dur-press) var(--ease-out-ui), border-color .18s var(--ease-out-ui), background-color .18s var(--ease-out-ui), color .18s var(--ease-out-ui), box-shadow .18s var(--ease-out-ui);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border-radius:9999px;align-items:center;gap:.35rem;padding:.625rem 1rem;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex;position:relative;transform:scale(1)}.oc-chip:disabled{cursor:not-allowed;opacity:.55}.oc-chip:not(:disabled):active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.oc-chip:not(:disabled):not(.is-selected):hover{border-color:#9a2d6b59;transform:translateY(-1px);box-shadow:0 4px 12px #261a2b14}}.oc-chip.is-selected{border-color:var(--accent-magenta);background:var(--accent-magenta);color:#fff;box-shadow:0 6px 16px #9a2d6b47}.oc-chip.is-pop{animation:oc-pop .32s var(--ease-out-ui) both, oc-glow .42s var(--ease-out-ui) both}.oc-check{opacity:0;pointer-events:none;flex-shrink:0;width:.95em;height:.95em;display:inline-flex;transform:scale(.6)}.oc-chip.is-selected .oc-check{opacity:1;animation:oc-check-in .28s var(--ease-out-ui) both;transform:scale(1)}.oc-check svg{width:100%;height:100%;display:block}@keyframes oc-pop{0%{transform:scale(.96)}55%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes oc-glow{0%{box-shadow:0 0 #9a2d6b73}40%{box-shadow:0 0 0 6px #9a2d6b2e,0 8px 20px #9a2d6b59}to{box-shadow:0 6px 16px #9a2d6b47}}@keyframes oc-check-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.oc-chip,.oc-chip.is-selected .oc-check{transition:none!important;animation:none!important}.oc-chip:not(:disabled):active{transform:none}.oc-chip.is-selected .oc-check{opacity:1;transform:scale(1)}}
.st{--T:4.8s;--st-pink:#f2a6c3;--st-violet:#a75ce8;--st-cyan:#5bc8de;--st-mint:#7fe0c3;--st-ink:#1c1220;flex-direction:column;height:100%;min-height:0;display:flex}.st-head{text-align:center;flex-shrink:0;margin-bottom:4px}.st-title{color:#f6eff4;animation:st-title-glow var(--T) ease-in-out infinite;margin:4px 0 0;font-size:18px;font-weight:800;line-height:1.35}@keyframes st-title-glow{0%,to{text-shadow:0 0 #0000}50%{text-shadow:0 0 18px #f2a6c359}}.st-clinic{flex-shrink:1;width:min(240px,58vw,36dvh);max-width:100%;min-height:0;margin:10px auto 14px;position:relative;overflow:visible}.st-aura{animation:st-aura var(--T) ease-in-out infinite;pointer-events:none;z-index:0;background:radial-gradient(circle,#a75ce866 0%,#f2a6c326 45%,#0000 70%);border-radius:50%;position:absolute;inset:-18%}@keyframes st-aura{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}.st-clinic .d-ring{aspect-ratio:200/244;width:100%;height:auto;margin:0}.st-face-slot{border-radius:50%;position:absolute;inset:0;overflow:hidden}.st-face-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.st-shade{mix-blend-mode:multiply;pointer-events:none;background:#0e08126b;transition:opacity .5s;position:absolute;inset:0}.st-spot{pointer-events:none;width:38%;height:28%;animation:st-spot-pulse var(--T) ease-in-out infinite;background:radial-gradient(circle,#ffffff38 0%,#0000 70%);border-radius:50%;transition:top .7s cubic-bezier(.23,1,.32,1),left .7s cubic-bezier(.23,1,.32,1),width .7s,height .7s;position:absolute;box-shadow:0 0 0 1.5px #f2a6c38c}@keyframes st-spot-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.st[data-zone="0"] .st-spot{width:38%;height:36%;top:28%;left:31%}.st[data-zone="1"] .st-spot{width:44%;height:24%;top:12%;left:28%}.st[data-zone="2"] .st-spot{width:64%;height:22%;top:28%;left:18%}.st[data-zone="3"] .st-spot{width:72%;height:28%;top:42%;left:14%}.st[data-zone="4"] .st-spot{width:48%;height:40%;top:34%;left:26%}.st[data-zone="5"] .st-spot{width:64%;height:58%;top:18%;left:18%}.st-loupe{z-index:4;pointer-events:none;width:72px;height:72px;animation:st-loupe-wiggle var(--T) ease-in-out infinite;transition:top .75s cubic-bezier(.23,1,.32,1),left .75s cubic-bezier(.23,1,.32,1);position:absolute}@keyframes st-loupe-wiggle{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(5deg)translateY(-3px)}}.st[data-zone="0"] .st-loupe{top:34%;left:36%}.st[data-zone="1"] .st-loupe{top:6%;left:34%}.st[data-zone="2"] .st-loupe{top:22%;left:52%}.st[data-zone="3"] .st-loupe{top:44%;left:12%}.st[data-zone="4"] .st-loupe{top:38%;left:38%}.st[data-zone="5"] .st-loupe{top:28%;left:30%}.st-loupe-glass{background:radial-gradient(circle at 35% 30%,#ffffff47,#5bc8de14 45%,#0000 70%);border:3px solid #e8c98a;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 12px #ffffff40,0 8px 18px #00000059}.st-loupe-glass:after{content:"";border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:8px}.st-loupe-handle{background:linear-gradient(#e8c98a,#8a6a3a);border-radius:4px;width:10px;height:34px;position:absolute;bottom:-22px;right:-6px;transform:rotate(-32deg);box-shadow:0 4px 8px #0000004d}.st-hand{z-index:5;pointer-events:none;width:54px;height:54px;animation:st-hand-tap var(--T) ease-in-out infinite;transition:top .8s cubic-bezier(.23,1,.32,1),left .8s cubic-bezier(.23,1,.32,1),transform .8s;position:absolute}@keyframes st-hand-tap{0%,to{transform:scale(1)rotate(12deg)}40%{transform:scale(.94)rotate(8deg)}55%{transform:scale(1.04)rotate(14deg)}}.st[data-zone="0"] .st-hand{top:58%;left:62%}.st[data-zone="1"] .st-hand{top:4%;left:58%}.st[data-zone="2"] .st-hand{top:30%;left:8%}.st[data-zone="3"] .st-hand{top:52%;left:68%}.st[data-zone="4"] .st-hand{top:62%;left:22%}.st[data-zone="5"] .st-hand{top:66%;left:48%}.st-mesh{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.st[data-zone="0"] .st-mesh,.st[data-zone="2"] .st-mesh,.st[data-zone="4"] .st-mesh{opacity:.7}.st-mesh path{fill:none;stroke:#f2a6c38c;stroke-width:.8px;stroke-dasharray:120;animation:st-mesh-draw var(--T) linear infinite}@keyframes st-mesh-draw{0%{stroke-dashoffset:120px}55%{stroke-dashoffset:0}to{stroke-dashoffset:-40px}}@keyframes st-mesh-dot{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}.st-mesh circle{fill:var(--st-cyan);transform-box:fill-box;transform-origin:50%;animation:st-mesh-dot var(--T) ease-in-out infinite}.st-callout{z-index:8;color:#f6eff4;letter-spacing:0;white-space:normal;text-align:center;overflow-wrap:anywhere;word-break:keep-all;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#1c1220eb;border:1px solid #f2a6c366;border-radius:14px;width:max-content;max-width:min(220px,88vw);padding:7px 12px;font-size:11px;font-weight:700;line-height:1.7;animation:.55s cubic-bezier(.23,1,.32,1) both st-callout-in;position:absolute;bottom:-6px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 8px 20px #00000059}@keyframes st-callout-in{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.94)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.st-zones{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:6px;margin-top:10px;display:flex}.st-zone{color:var(--theater-muted,#b8a6bc);background:#f6eff40f;border:1px solid #f6eff41a;border-radius:999px;align-items:center;gap:4px;padding:5px 9px;font-size:10px;font-weight:700;transition:background .35s,color .35s,border-color .35s,transform .35s;display:inline-flex}.st-zone.is-done{color:var(--st-mint);border-color:#7fe0c359}.st-zone.is-active{color:#1c1220;background:linear-gradient(120deg, var(--st-pink), var(--st-violet) 60%, var(--st-cyan));animation:st-zone-active var(--T) ease-in-out infinite;border-color:#0000;transform:scale(1.06)}@keyframes st-zone-active{0%,to{box-shadow:0 0 #f2a6c300}50%{box-shadow:0 0 0 4px #f2a6c333}}.st-story{background:#f6eff40f;border:1px solid #f6eff41a;border-radius:18px;flex-shrink:1;min-height:0;margin-top:10px;padding:14px 14px 12px;animation:.5s cubic-bezier(.23,1,.32,1) both st-story-swap;overflow:visible}@keyframes st-story-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.st-story-kicker{color:var(--st-pink);margin:0;font-size:10px;font-weight:800}.st-story-title{color:#f6eff4;margin:4px 0 0;font-size:15px;font-weight:800;line-height:1.4}.st-story-body{color:var(--theater-muted,#b8a6bc);margin:6px 0 0;font-size:12px;line-height:1.65}.st-find{color:var(--st-mint);background:#7fe0c31f;border:1px solid #7fe0c347;border-radius:12px;margin-top:10px;padding:6px 10px;font-size:11px;font-weight:700;line-height:1.45;animation:.55s cubic-bezier(.23,1,.32,1) both st-find-pop;display:inline-flex}@keyframes st-find-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.st-vitals{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.st-vital{text-align:center;background:#f6eff40d;border-radius:14px;padding:8px 8px 10px}.st-vital-label{color:var(--theater-muted,#b8a6bc);font-size:9.5px;font-weight:700;display:block}.st-vital-bar{background:#f6eff41a;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.st-vital-fill{background:linear-gradient(90deg, var(--st-pink), var(--st-violet), var(--st-cyan));border-radius:999px;height:100%;transition:width 1.1s cubic-bezier(.23,1,.32,1)}.st-vital-val{color:#f6eff4;font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px;font-weight:800;display:block}.st-prog-wrap{flex-shrink:0;margin-top:10px}.st-prog-meta{color:var(--theater-muted,#b8a6bc);justify-content:space-between;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.st-prog{background:#f6eff41f;border-radius:999px;height:6px;position:relative;overflow:hidden}.st-progfill{background:linear-gradient(90deg,#f2a6c3,#a75ce8,#5bc8de);border-radius:999px;height:100%;transition:width 1s linear}.st-progshine{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:35%;animation:2.4s linear infinite st-progshine;position:absolute;inset:0}@keyframes st-progshine{0%{transform:translate(-120%)}to{transform:translate(320%)}}.st-footer{text-align:center;color:var(--theater-muted,#b8a6bc);animation:st-footer var(--T) ease-in-out infinite;flex-shrink:0;margin:8px 0 0;font-size:11px}@media (max-height:780px){.st-clinic{width:min(150px,24dvh,42vw);margin:4px auto 8px}.st-title{font-size:14px}.st-callout{max-width:min(180px,80vw);padding:5px 8px;font-size:9.5px;line-height:1.45;bottom:-4px}.st-zones{flex-wrap:wrap;gap:4px;margin-top:4px;overflow:visible}.st-zone{padding:3px 6px;font-size:9px}.st-story{margin-top:4px;padding:8px 10px;overflow:visible}.st-story-kicker{font-size:9px}.st-story-title{margin-top:2px;font-size:13px}.st-story-body{-webkit-line-clamp:unset;margin-top:4px;font-size:10.5px;line-height:1.45;display:block;overflow:visible}.st-find{margin-top:6px;padding:4px 8px;font-size:10px}.st-vitals{gap:5px;margin-top:6px}.st-vital{padding:5px 5px 6px}.st-vital-label{font-size:8.5px}.st-vital-bar{height:3px;margin-top:5px}.st-prog-wrap{margin-top:6px}.st-footer{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.st-loupe,.st-hand{transform-origin:50%;transform:scale(.75)}}@media (max-height:680px){.st-clinic{width:min(120px,20dvh,38vw);margin:2px auto 6px}.st-zones{gap:3px;margin-top:2px}.st-zone{padding:2px 5px;font-size:8.5px}.st-story-kicker{font-size:8.5px}.st-story-title{margin:2px 0 0;font-size:12px}.st-story-body{font-size:10px}.st-callout{padding:4px 7px;font-size:9px}.st-vitals{gap:4px;margin-top:4px}.st-vital{padding:4px}.st-find{margin-top:4px;padding:3px 7px;font-size:9.5px}}@media (max-height:600px){.st-clinic{width:min(100px,16dvh,34vw);margin:2px auto 4px}.st-story{border-radius:12px;margin-top:2px;padding:6px 8px}.st-story-body{font-size:10px;line-height:1.4}.st-find{margin-top:4px;padding:3px 6px;font-size:9px}.st-loupe,.st-hand{transform-origin:50%;transform:scale(.65)}}@keyframes st-footer{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.st-title,.st-aura,.st-spot,.st-loupe,.st-hand,.st-mesh path,.st-mesh circle,.st-zone.is-active,.st-callout,.st-story,.st-find,.st-progshine,.st-footer{animation:none!important}.st-loupe,.st-hand,.st-spot{transition:none}}