:root{--pl-primary:#6d28d9;--pl-primary-soft:#6d28d91a;--pl-bg:#f7f5fc;--pl-panel:#fff;--pl-border:#e4def3;--pl-text:#1f1a2e;--pl-muted:#6b6382;--pl-btn:#f2eefa;--pl-orig:#ea580c;--pl-fix:#2563eb;--pl-ok:#15803d;--pl-no:#c2410c;--sk-accent:var(--pl-primary)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--pl-bg);color:var(--pl-text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Pretendard,Inter,Segoe UI,sans-serif;overflow:hidden}button,input{font-family:inherit}.screen{display:none}.screen.active{display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sk-btn.big{border-radius:99px;min-height:60px;padding:0 36px;font-size:19px}.mode-tab .ic{vertical-align:-.15em;width:1.1em;height:1.1em;margin-right:3px}.intro-cards b .ic,.panel-head h2 .ic,.group-title .ic,.summary h3 .ic{vertical-align:-.15em;width:1.1em;height:1.1em;margin-right:4px}.intro-screen,.result-screen{text-align:center;background:radial-gradient(circle at 75% 20%, #6d28d929 0, transparent 40%), radial-gradient(circle at 20% 80%, #2563eb21 0, transparent 40%), var(--pl-bg);animation:.45s fadeUp}.intro-tag{background:var(--pl-primary);color:#fff;border-radius:99px;margin-bottom:14px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-block}.intro-art{margin-bottom:6px;font-size:84px;line-height:1}.intro-screen h1,.result-screen h1{margin-bottom:6px;font-size:34px;font-weight:900}.intro-sub{color:var(--pl-muted);margin-bottom:18px;font-size:16px;line-height:1.7}.intro-cards{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;width:min(640px,100%);margin-bottom:22px;display:grid}.intro-cards div{background:var(--pl-panel);border:1px solid var(--pl-border);color:var(--pl-muted);border-radius:16px;padding:14px;font-size:14px;line-height:1.55}.intro-cards b{color:var(--pl-text);margin-bottom:4px;font-size:16px;display:block}.intro-note{color:var(--pl-muted);max-width:520px;margin-top:14px;font-size:13.5px;line-height:1.6}.main-screen{width:100vw;height:100dvh;animation:.35s fadeUp}.main-layout{grid-template-columns:minmax(0,1fr) 390px;width:100%;height:100%;display:grid}.scene{background:#fff;min-width:0;min-height:0;position:relative;overflow:hidden}.scene canvas{touch-action:none;width:100%;height:100%;display:block}.readout{left:58px;top:var(--sk-stage-top,60px);z-index:3;pointer-events:none;border:1px solid var(--pl-border);background:#fffffff0;border-radius:16px;min-width:170px;padding:8px 14px 10px;position:absolute;box-shadow:0 4px 14px #28145a14}.readout[hidden]{display:none}.ro-note{color:var(--pl-primary);font-variant-numeric:tabular-nums;font-size:40px;font-weight:900;line-height:1.1}.ro-note small{color:var(--pl-muted);margin-left:6px;font-size:15px;font-weight:800}.ro-hz{font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.tuner{background:linear-gradient(90deg,#fde2d2,#e9f8ee 40% 60%,#fde2d2);border-radius:99px;height:14px;margin-top:6px;position:relative}.tuner:after{content:"";background:var(--pl-ok);width:2px;position:absolute;top:-3px;bottom:-3px;left:50%}.tuner i{background:var(--pl-text);border-radius:3px;width:6px;height:22px;margin-left:-3px;transition:left 80ms linear;position:absolute;top:-4px;left:50%}.tuner-txt{color:var(--pl-muted);margin-top:4px;font-size:13px;font-weight:800}.scene-msg{z-index:2;text-align:center;pointer-events:none;color:var(--pl-muted);max-width:86%;font-size:17px;font-weight:800;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-msg[hidden]{display:none}.legend{z-index:3;pointer-events:none;flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:10px;right:12px}.legend[hidden]{display:none}.legend span{border:1px solid var(--pl-border);background:#fffffff0;border-radius:99px;padding:4px 10px;font-size:13px;font-weight:800}.legend b{vertical-align:middle;border-radius:2px;width:14px;height:4px;margin-right:5px;display:inline-block}.panel{background:var(--pl-panel);border-left:1px solid var(--pl-border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.panel-head{border-bottom:1px solid var(--pl-border);flex-wrap:wrap;align-items:center;gap:8px;padding:60px 16px 10px;display:flex}.panel-head h2{flex:1;min-width:140px;font-size:20px;font-weight:900}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--pl-border);background:var(--pl-panel);min-height:40px;color:var(--pl-text);cursor:pointer;touch-action:manipulation;border-radius:99px;padding:0 12px;font-size:14px;font-weight:800}.chip[aria-pressed=true]{border-color:var(--pl-primary);background:var(--pl-primary-soft);color:var(--pl-primary)}.mode-tabs{grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 14px 0;display:grid}.mode-tab{border:2px solid var(--pl-border);background:var(--pl-btn);min-height:48px;color:var(--pl-muted);cursor:pointer;touch-action:manipulation;border-radius:12px;font-size:14.5px;font-weight:800}.mode-tab.active{border-color:var(--pl-primary);background:var(--pl-primary-soft);color:var(--pl-primary)}.panel-body{flex:1;padding:14px}.pane[hidden]{display:none}.group{border:1px solid var(--pl-border);background:var(--pl-bg);border-radius:16px;margin-bottom:12px;padding:12px}.group[hidden]{display:none}.group-title{color:var(--pl-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:13.5px;font-weight:800;display:flex}.group-title .sp{flex:1}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row+.row{margin-top:8px}.big-val{font-variant-numeric:tabular-nums;color:var(--pl-text);font-size:20px;font-weight:900}.slider-row{grid-template-columns:56px 1fr 56px;align-items:center;gap:6px;display:grid}.slider-row.lab{grid-template-columns:74px 1fr 64px}.slider-row+.slider-row{margin-top:6px}.slider-row .lbl{color:var(--pl-muted);font-size:14px;font-weight:800}.slider-row .val{text-align:right;font-variant-numeric:tabular-nums;font-size:15px;font-weight:900}.sq{border:1px solid var(--pl-border);background:var(--pl-btn);min-height:48px;color:var(--pl-text);cursor:pointer;touch-action:manipulation;border-radius:12px;font-size:14px;font-weight:900}input[type=range]{width:100%;height:44px;accent-color:var(--pl-primary);cursor:pointer}.src-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.src-btns .sk-btn{width:100%}.sk-btn[aria-pressed=true]{border-color:var(--pl-primary);background:var(--pl-primary-soft);color:var(--pl-primary)}.notes{grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px;display:grid}.notes button{border:1px solid var(--pl-border);background:var(--pl-panel);min-height:44px;color:var(--pl-text);cursor:pointer;touch-action:manipulation;border-radius:10px;padding:0;font-size:14px;font-weight:900}.hint-text{color:var(--pl-muted);font-size:13.5px;line-height:1.6}.hint-text+.hint-text{margin-top:4px}.rec-state{color:var(--pl-muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:14px;font-weight:800}.err-box{background:var(--pl-panel);border:1px solid var(--pl-border);border-radius:12px;margin-top:8px;padding:8px 10px;font-size:14px;font-weight:800}.err-box[hidden]{display:none}.err-box b{font-variant-numeric:tabular-nums;font-size:18px}.m-title{margin:10px 0 4px;font-size:18px;font-weight:900}.m-q{margin:6px 0 10px;font-size:17px;font-weight:800;line-height:1.5}.opts{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.opt{border:2px solid var(--pl-border);background:var(--pl-panel);min-height:56px;color:var(--pl-text);cursor:pointer;text-align:left;touch-action:manipulation;border-radius:14px;padding:8px 10px;font-size:16px;font-weight:800}.opt.right{border-color:var(--pl-ok);background:#16a34a1f}.opt.wrong{border-color:var(--pl-no);background:#ea580c1a}.m-actions{margin-top:12px}.m-actions [hidden]{display:none}.m-top{justify-content:flex-end;margin-bottom:8px;display:flex}#mFeedback{margin:0 0 10px;font-size:15.5px}#mFeedback:empty{display:none}#mControls>*+*{margin-top:8px}.hold{background:var(--pl-btn);border:1px solid var(--pl-border);border-radius:99px;height:18px;overflow:hidden}.hold i{background:var(--pl-ok);width:0;height:100%;transition:width .1s linear;display:block}.sk-mnav{flex-wrap:wrap;gap:6px}.result-grid{grid-template-columns:repeat(2,1fr);gap:8px;width:min(560px,100%);margin:12px 0 18px;display:grid}.result-cell{background:var(--pl-panel);border:1px solid var(--pl-border);text-align:left;border-radius:14px;justify-content:space-between;gap:8px;padding:10px;font-size:14px;font-weight:700;display:flex}.result-cell .stars{color:#f59e0b;white-space:nowrap}.summary{background:var(--pl-panel);border:1px solid var(--pl-border);text-align:left;border-radius:18px;width:min(560px,100%);margin-bottom:16px;padding:16px 20px}.summary h3{color:var(--pl-primary);margin-bottom:6px;font-size:16px}.summary li{margin-left:18px;font-size:15px;line-height:1.7}.result-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=900px),(orientation:portrait) and (width<=1100px){body{overflow-y:auto}.main-screen{height:auto;min-height:100dvh}.main-layout{flex-direction:column;height:auto;min-height:100dvh;display:flex}.scene{flex-shrink:0;height:52dvh;min-height:320px}.panel{border-left:0;border-top:1px solid var(--pl-border);overflow:visible}.panel-head{padding-top:14px}}@media (height<=520px),(width<=900px) and (height<=820px){.readout{border-radius:12px;min-width:0;padding:4px 10px 6px}.ro-note{font-size:26px}.ro-hz{font-size:13px}.tuner{height:10px;margin-top:4px}.tuner i{height:16px;top:-3px}.tuner-txt{display:none}}@media (width<=560px){.intro-cards{grid-template-columns:1fr}.intro-screen h1{font-size:28px}.mode-tab{font-size:13px}.notes{grid-template-columns:repeat(4,1fr)}}