:root{--ink: #0b0d1e;--surface: #141834;--surface-raised: #1a1f3d;--surface-sunken: #0c0f24;--border: #2a2f57;--text: #eef0ff;--text-muted: #9aa0c7;--violet: #7c5cff;--violet-deep: #5a3ce8;--teal: #38e1c6;--gold: #ffb347;--gold-deep: #e8933f;--coral: #ff5c7a;--play-violet: #846de0;--play-violet-deep: #6c57cf;--play-teal: #54cbb8;--play-gold: #e0aa5f;--play-gold-deep: #cf9459;--play-coral: #e06d82;--play-flame-orange: #d9853f;--play-flame-red: #c95a3f;--play-green: #6fae6f;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--sp-xs: 6px;--sp-sm: 10px;--sp-md: 16px;--sp-lg: 24px;--font: "Noto Sans Thai", "Segoe UI", sans-serif;--shadow-card: 0 8px 30px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(circle at top,#1c2150,var(--ink) 70%);background-attachment:fixed;color:var(--text);min-height:100vh}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative}.topbar{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar h1{font-size:16px;margin:0;font-weight:800}.topbar h1 span{color:var(--teal)}.topbar.play h1 span{color:var(--play-gold)}.topbar-actions{display:flex;align-items:center;gap:8px}.role-switch-link{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-pill);padding:0 12px;font-size:11px;height:36px;min-height:36px;cursor:pointer}.sound-toggle{background:none;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);font-size:16px;line-height:1;width:36px;height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.app-main{flex:1;display:flex;flex-direction:column;padding:16px 16px 92px;overflow-x:hidden}.app-main.no-nav{padding-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-md);margin-bottom:var(--sp-md)}.card.play{background:var(--surface-raised);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:18px}.badge{display:inline-block;background:var(--surface-raised);color:var(--teal);padding:3px 10px;border-radius:var(--r-sm);font-size:12px;margin-bottom:10px}.badge.play{color:var(--play-gold)}h2{margin-top:0;font-size:18px;font-weight:700}p.muted{color:var(--text-muted);line-height:1.6;font-size:14px}.note{font-size:12px;color:var(--text-muted);margin-top:10px;line-height:1.6}button{font-family:var(--font)}button.primary{background:var(--violet);color:var(--text);border:none;padding:12px 20px;border-radius:var(--r-sm);font-size:15px;cursor:pointer;font-weight:700;min-height:44px}button.primary:hover{opacity:.9}button.primary.play{background:linear-gradient(135deg,var(--play-gold),var(--play-violet));color:var(--ink);border-radius:var(--r-pill);padding:14px 24px}button.secondary{background:none;border:1px solid var(--border);color:var(--text-muted);padding:10px 18px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;min-height:44px}.auth-input{width:100%;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:12px;font-size:15px;font-family:inherit;margin-top:6px;min-height:44px;box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--violet)}.auth-field{display:block;margin-bottom:14px}.auth-field label{font-size:13px;color:var(--text-muted)}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tabs button{flex:1;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-sm);padding:10px;font-size:14px;cursor:pointer;min-height:44px}.auth-tabs button.active{background:var(--violet);color:var(--text);border-color:var(--violet)}.auth-error{color:var(--coral);font-size:13px;margin:-4px 0 12px}.snap-item{padding:12px 0;border-bottom:1px solid var(--border)}.snap-item:last-child{border-bottom:none}.snap-item-text{margin:0 0 8px;font-size:14px}.snap-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}@media (min-width: 480px){.snap-options{grid-template-columns:repeat(4,1fr)}}.snap-option{background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-sm);padding:10px 4px;font-size:12px;cursor:pointer;min-height:44px}.snap-option.active{background:var(--violet);color:var(--text);border-color:var(--violet)}.link-code-display{text-align:center;font-size:40px;font-weight:800;letter-spacing:6px;color:var(--violet);background:var(--surface-sunken);border-radius:var(--r-md);padding:20px;margin:16px 0}.child-pick-card{width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px;cursor:pointer;font-size:15px;min-height:44px;color:var(--text)}.child-pick-card:hover{border-color:var(--violet)}.backlink{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:8px 0;min-height:44px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--surface-sunken);border-radius:var(--r-md);padding:12px;text-align:center}.stat .num{font-size:22px;font-weight:700;color:var(--play-teal)}.stat .lbl{font-size:11px;color:var(--text-muted);margin-top:4px}.companion{display:flex;gap:12px;align-items:flex-start;background:var(--surface-sunken);border-radius:var(--r-lg);padding:14px;margin-top:14px;border:1px solid var(--border)}.pill{padding:2px 8px;border-radius:var(--r-sm);font-size:11px;display:inline-block}.pill.up{background:#1b3d34;color:var(--teal)}.pill.flat{background:#3d331b;color:var(--gold)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;background:#0c0f24e6;padding:16px;border-radius:var(--r-md)}canvas{max-width:100%}.bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:50}.bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;min-height:52px;border-radius:var(--r-md);font-size:11px;padding:6px 2px}.bottomnav button .icon{font-size:19px;line-height:1}.bottomnav button.active{color:var(--violet);background:#7c5cff24}.bottomnav button[data-tab=play].active{color:var(--gold);background:#ffb34724}.playhub-screen{flex:1;display:flex;flex-direction:column;justify-content:center}.game-picker{display:flex;flex-direction:column;gap:clamp(12px,2.5vh,28px)}.game-card{display:block;width:100%;text-align:left;background:var(--surface-raised);border:none;box-shadow:var(--shadow-card);border-radius:var(--r-lg);padding:clamp(16px,2vh,28px);cursor:pointer;color:var(--text);min-height:44px}.game-card-title{font-weight:700;font-size:15px}.game-card-sub{color:var(--text-muted);font-size:12px;margin-top:4px}.game-card-shop{background:linear-gradient(135deg,#846de029,#54cbb81f);border:1px solid var(--play-violet)}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(10px,2.5vw,16px)}@media (max-width: 360px){.game-grid{grid-template-columns:1fr}}.game-grid-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:clamp(14px,2vh,20px) 10px}.game-grid-card .game-card-title{font-size:14px}.game-grid-card .game-card-sub{font-size:11px;line-height:1.45;margin-top:0}.game-icon{width:52px;height:52px;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.game-icon svg{display:block}.game-icon-pair{display:flex;gap:2px}.game-icon-pair svg{width:48%;height:100%}@media (min-width: 700px){.app{max-width:640px}.game-icon{width:84px;height:84px}.game-grid-card{padding:clamp(20px,2.5vh,32px) 18px;gap:12px}.game-grid-card .game-card-title{font-size:18px}.game-grid-card .game-card-sub{font-size:14px}}.roleselect-about{margin-top:var(--sp-lg)}.result-tabs{display:flex;gap:6px;background:var(--surface-sunken);border-radius:var(--r-pill);padding:4px;margin-bottom:14px}.result-tabs button{flex:1;background:none;border:none;color:var(--text-muted);padding:10px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:700;cursor:pointer;min-height:40px}.result-tabs button.active{background:linear-gradient(135deg,var(--play-gold),var(--play-violet));color:var(--ink)}.stars-row{font-size:40px;text-align:center;letter-spacing:4px;color:var(--play-gold);line-height:1}.points-display{display:flex;align-items:center;justify-content:center;gap:6px;font-size:28px;font-weight:800;margin-top:8px}.points-display span{font-size:14px;font-weight:500;color:var(--text-muted)}.total-points-line{text-align:center;margin-top:4px;color:var(--text-muted);font-size:12px}.total-points-line b{color:var(--play-gold)}.achievement-line{text-align:center;margin-top:10px;color:var(--text-muted);font-size:13px}.achievement-line b{color:var(--play-teal)}.dose-banner{text-align:center}.dose-banner-title{font-weight:700;margin:0}.streak-card{display:flex;align-items:center;gap:12px;margin-bottom:0}.streak-icon{font-size:26px;line-height:1;flex:none}.streak-title{font-weight:700;font-size:14px}.streak-count{color:var(--play-gold)}.countdown-number{font-size:clamp(48px,16vh,96px);font-weight:800;color:var(--play-gold);line-height:1}.skip-practice-btn{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-pill);padding:8px 16px;font-size:12px;cursor:pointer;min-height:44px}.streak-sub{color:var(--text-muted);font-size:12px;margin-top:2px}#hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;color:var(--text-muted)}#hud b{color:var(--text)}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hud-stat-label{font-size:11px}.hud-stat-value{display:flex;align-items:baseline;gap:2px}.hud-stat-num{font-size:26px;font-weight:800;color:var(--play-teal);line-height:1}.hud-stat-total{font-size:11px}.corsi-best{font-size:11px;opacity:.75}#gameArea,#corsiArea{position:relative;width:100%;height:280px;background:var(--surface-sunken);border-radius:var(--r-md);border:1px solid var(--border);overflow:hidden;display:flex;align-items:center;justify-content:center}.stimulus{width:108px;height:108px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.stimulus.correct-flash{animation:pulse-correct .3s ease;box-shadow:0 0 20px var(--play-teal)}.stimulus.wrong-flash{animation:pulse-wrong .3s ease;box-shadow:0 0 20px var(--play-coral)}@keyframes pulse-correct{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes pulse-wrong{0%{transform:scale(1)}25%{transform:scale(.92)}50%{transform:scale(1.04)}to{transform:scale(1)}}.corsi-grid{width:min(280px,82%);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border-radius:var(--r-md);overflow:hidden}.corsi-block{width:100%;height:100%;cursor:pointer;background:var(--surface-raised);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:background .15s}.corsi-block.lit{background:var(--corsi-lit-color, var(--play-teal));box-shadow:0 0 20px var(--corsi-lit-color, var(--play-teal))}.corsi-block.correct-flash{background:var(--play-teal);animation:pulse-correct .3s ease}.corsi-block.wrong-flash{background:var(--play-coral);animation:pulse-wrong .3s ease}.rs-ref-row{display:flex;gap:8px;margin-bottom:14px}.rs-ref-card{flex:1;min-height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;padding:8px}.rs-ref-card:active{border-color:var(--play-violet)}.rs-ref-card.correct-flash{border-color:var(--play-teal);box-shadow:0 0 14px #54cbb880;animation:pulse-correct .3s ease}.rs-ref-card.wrong-flash{border-color:var(--play-coral);box-shadow:0 0 14px #e06d8280;animation:pulse-wrong .3s ease}.rs-test-card-area{height:130px;display:flex;align-items:center;justify-content:center;background:var(--surface-sunken);border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:10px}.rs-shape{width:34px;height:34px}.rs-shape-circle{border-radius:50%}.rs-shape-square{border-radius:6px}.rs-shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.rs-shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.rs-feedback{min-height:22px;text-align:center;font-weight:700;font-size:14px;margin-bottom:8px}.rs-feedback-correct{color:var(--play-teal)}.rs-feedback-wrong{color:var(--play-coral)}.rs-rule-change-toast{position:absolute;top:4px;left:50%;transform:translate(-50%);background:var(--play-violet);color:#fff;padding:8px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:700;box-shadow:0 4px 16px #00000059;z-index:5;pointer-events:none;white-space:nowrap;animation:rs-toast-fade 2.5s ease forwards}@keyframes rs-toast-fade{0%{opacity:0;transform:translate(-50%,-8px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-8px)}}.rs-ref-row.rule-change-pulse{animation:rs-ref-row-pulse .7s ease}@keyframes rs-ref-row-pulse{0%{box-shadow:0 0 #846de08c;border-radius:var(--r-md)}to{box-shadow:0 0 0 14px #846de000;border-radius:var(--r-md)}}.tol-boards{display:flex;gap:16px;margin-bottom:6px}.tol-board{flex:1}.tol-board-label{font-size:11px;color:var(--text-muted);text-align:center;margin-bottom:6px}.tol-pegs{display:flex;gap:8px;justify-content:center;align-items:flex-end;height:120px}.tol-peg{width:100%;max-width:52px;height:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:flex-start;gap:3px;padding-bottom:4px;border-bottom:3px solid var(--border);cursor:pointer}.tol-peg.readonly{cursor:default}.tol-peg.selected{background:#7c5cff2e;border-radius:8px 8px 0 0}.tol-ball{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}.tol-peg.correct-flash{animation:pulse-correct .35s ease}.tol-peg.wrong-flash{animation:pulse-wrong .3s ease}.tol-peg-labels{display:flex;gap:8px;justify-content:center;margin-top:4px}.tol-peg-labels span{flex:1;max-width:52px;text-align:center;font-size:10px;color:var(--text-muted)}.tol-hint{min-height:18px;text-align:center;font-size:13px;color:var(--text-muted);margin:8px 0 0}.level-path{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;padding:16px 0}.level-path:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--border);transform:translate(-50%);z-index:0}.level-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px}.level-node-left{align-self:flex-start;margin-left:18%}.level-node-right{align-self:flex-end;margin-right:18%}.level-node-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted)}.level-node-passed .level-node-circle{background:var(--play-green);color:var(--ink);border:none}.level-node-current .level-node-circle{width:68px;height:68px;background:var(--play-gold);color:var(--ink);border:3px solid var(--play-violet);font-size:22px}.level-node-locked .level-node-circle{background:var(--ink);color:var(--text-muted);border:1px solid var(--border)}.level-node-best .level-node-circle{background:var(--play-gold);color:var(--ink);border:none;font-size:26px}.level-node-neutral .level-node-circle{background:var(--surface-raised);color:var(--text)}.level-node-label{font-size:11px;color:var(--play-gold);font-weight:700}.level-node-stars{font-size:12px;letter-spacing:2px;color:var(--play-gold)}.level-map-start{align-self:center;display:block;margin:12px auto 0}.level-node-practice{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.level-node-practice .level-node-circle{background:var(--play-violet);color:var(--ink);border:none;font-size:24px}.level-node-practice .level-node-label{color:var(--play-violet)}.shop-category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.shop-category-tabs button{background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-pill);padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;min-height:40px}.shop-category-tabs button.active{background:linear-gradient(135deg,var(--play-gold),var(--play-violet));color:var(--ink);border-color:transparent}.shop-game-section h3{font-size:15px;font-weight:700}.shop-skin-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 360px){.shop-skin-row{grid-template-columns:1fr}}.shop-skin-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:12px;text-align:center}.shop-skin-equipped{border-color:var(--play-gold)}.shop-skin-swatches{display:flex;gap:4px}.shop-skin-swatch{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--ink)}.shop-skin-swatch-default{background:var(--surface-raised);color:var(--play-teal);border-color:var(--border)}.shop-skin-name{font-size:12px;font-weight:700}.shop-skin-card button{font-size:12px;padding:8px 10px;min-height:36px;width:100%}.points-badge{display:flex;align-items:center;gap:4px;background:var(--surface-raised);color:var(--play-gold);font-weight:700;font-size:13px;padding:6px 12px;border-radius:var(--r-pill);white-space:nowrap}.playhub-screen-with-nav{padding-bottom:84px}.play-bottomnav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:480px;display:flex;align-items:center;background:var(--surface);border-top:1px solid var(--border);padding:4px 4px calc(4px + env(safe-area-inset-bottom));z-index:50}.play-bottomnav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;min-height:56px;border-radius:var(--r-md);font-size:11px;padding:6px 2px}.play-bottomnav button .icon{font-size:19px;line-height:1}button.play-bottomnav-flame{position:relative;flex:0 0 64px;display:flex;align-items:center;justify-content:center;min-height:56px;padding:0}.play-bottomnav-flame-count{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:10px;font-weight:800;color:var(--text);background:var(--surface-sunken);border-radius:var(--r-pill);padding:0 5px;line-height:14px}.daily-login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040612b8;display:flex;align-items:center;justify-content:center;z-index:60;padding:var(--sp-md)}.daily-login-card{position:relative;width:100%;max-width:420px;max-height:88vh;overflow-y:auto}.daily-login-close{position:absolute;top:var(--sp-sm);right:var(--sp-sm);background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:6px;line-height:1}.daily-login-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.daily-login-day{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 4px;min-height:30px;justify-content:center}.daily-login-day-num{font-size:10px;color:var(--text-muted)}.daily-login-day-pts{font-size:12px;font-weight:700;color:var(--play-gold)}.daily-login-day-today{border-color:var(--play-teal);box-shadow:0 0 0 2px var(--play-teal) inset}.daily-login-day-done{opacity:.55}.daily-login-day-check{position:absolute;top:2px;right:4px;font-size:11px;color:var(--play-green)}.daily-login-result{margin-top:14px;display:flex;flex-direction:column;gap:8px}.daily-login-result p{margin:0}.overview-card{display:flex;align-items:center;gap:12px}.overview-card-text{margin:0;font-size:14px;line-height:1.5}.progress-game-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.progress-game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;text-align:left;cursor:pointer;color:var(--text);min-height:44px;font-family:inherit}.progress-game-card:hover{border-color:var(--violet)}.progress-game-card-head{display:flex;align-items:center;gap:8px}.progress-game-card-icon{font-size:20px;line-height:1}.progress-game-card-title{font-size:13px;font-weight:700}.progress-trend{margin-top:10px;padding:8px 10px;border-radius:var(--r-md);background:var(--surface-sunken)}.progress-trend-value{font-size:28px;font-weight:800;line-height:1.1;letter-spacing:.3px}.progress-trend-value.dir-up{color:var(--teal)}.progress-trend-value.dir-down{color:var(--violet)}.progress-trend-value.dir-none{color:var(--text-muted)}.progress-trend-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.queue-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:12px;overflow:hidden}.queue-card-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text);padding:14px 16px;cursor:pointer;font-size:14px;min-height:44px;text-align:left}.queue-card-body{padding:0 16px 16px}.review-textarea,.reviewer-input{width:100%;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text);border-radius:var(--r-sm);padding:10px;font-size:14px;font-family:inherit;margin-top:6px}.review-textarea:focus,.reviewer-input:focus{outline:none;border-color:var(--violet)}.review-textarea{min-height:80px;resize:vertical}.queue-card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.queue-card-actions button{flex:1}.review-interpreted-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.review-interpreted-item{display:flex;align-items:flex-start;gap:8px;background:var(--surface-sunken);border-radius:var(--r-sm);padding:8px 10px;font-size:12px;color:var(--text-muted)}.review-interpreted-dir{flex:none;font-size:10px;line-height:1.6;color:var(--text-muted)}.review-interpreted-dir.dir-up{color:var(--gold)}.review-interpreted-dir.dir-down{color:var(--violet)}.review-interpreted-dir.dir-none{color:var(--text-muted)}.view-switch{display:flex;gap:6px;background:var(--surface-sunken);border-radius:var(--r-pill);padding:4px;margin-bottom:14px}.view-switch button{flex:1;background:none;border:none;color:var(--text-muted);padding:10px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:700;cursor:pointer;min-height:40px}.view-switch button.active{background:var(--violet);color:#fff}.patient-block-count{font-size:11px}.snap-compare-grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 600px){.snap-compare-grid{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.snap-compare-grid{grid-template-columns:repeat(3,1fr)}}.snap-compare-col{background:var(--surface-sunken);border-radius:var(--r-md);padding:10px}.snap-compare-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px;margin-top:8px}.snap-compare-item:first-of-type{margin-top:0}.snap-score-list{display:flex;flex-direction:column;gap:6px}.snap-score-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 12px}.snap-score-num{flex:0 0 auto;min-width:32px;text-align:center;font-size:20px;font-weight:700;color:var(--violet)}.snap-score-lbl{font-size:12px;color:var(--text);line-height:1.4}.snap-score-cutoff{color:var(--text-muted)}.feed-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-bottom:10px}.feed-card-head{display:flex;justify-content:space-between;align-items:baseline}.feed-card-head-btn{width:100%;background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer}.feed-card-insight-detail{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.status-banner{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-bottom:12px}.about-section{margin-bottom:18px}.about-section h3{font-size:14px;margin:0 0 8px;color:var(--teal)}.about-list{margin:0;padding-left:18px;color:var(--text-muted);font-size:13px;line-height:1.8}.about-list li{margin-bottom:2px}.tech-chip-row{display:flex;flex-wrap:wrap;gap:8px}.tech-chip{background:var(--surface-sunken);border:1px solid var(--border);color:var(--text);border-radius:var(--r-pill);padding:5px 12px;font-size:12px}.team-line{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid var(--border)}.team-line:last-child{border-bottom:none}