:root{--ss-primary:#c2410c;--ss-primary-h:#9a3412;--ss-primary-soft:#ea580c1a;--ss-bg:#fbf7f1;--ss-panel:#fff;--ss-border:#ece3d6;--ss-text:#2b2118;--ss-muted:#7a6c5d;--ss-btn:#f7f1e8;--ss-btn-h:#efe5d6;--ss-sky-day:#bfe3ff;--ss-sky-day2:#eaf6ff;--ss-sky-night:#1b2442;--ss-sky-night2:#2e3a63;--ss-ground:#cfe6b5;--ss-ground-edge:#9cc27a;--ss-sun:#f59e0b;--ss-path:#f59e0b8c;--ss-shadow:#1e1e288c;--ss-stick:#7c2d12;--ss-string:#dc2626;--ss-ok:#15803d;--ss-no:#c2410c;--sk-accent:var(--ss-primary)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ss-bg);color:var(--ss-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%, #f59e0b33 0, transparent 40%), radial-gradient(circle at 20% 80%, #9cc27a2e 0, transparent 40%), var(--ss-bg);animation:.45s fadeUp}.intro-tag{background:var(--ss-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(--ss-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(--ss-panel);border:1px solid var(--ss-border);color:var(--ss-muted);border-radius:16px;padding:14px;font-size:14px;line-height:1.55}.intro-cards b{color:var(--ss-text);margin-bottom:4px;font-size:16px;display:block}.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:var(--ss-bg);min-width:0;min-height:0;position:relative;overflow:hidden}.scene>svg{touch-action:none;user-select:none;width:100%;height:100%;display:block}.scene-cap{z-index:3;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.scene-cap span{background:var(--ss-panel);border:1px solid var(--ss-border);border-radius:12px;padding:6px 12px;font-size:15px;font-weight:800;box-shadow:0 4px 12px #00000014}.panel{background:var(--ss-panel);border-left:1px solid var(--ss-border);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.panel-head{border-bottom:1px solid var(--ss-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(--ss-border);background:var(--ss-panel);min-height:40px;color:var(--ss-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(--ss-primary);background:var(--ss-primary-soft);color:var(--ss-primary)}.mode-tabs{grid-template-columns:repeat(4,1fr);gap:6px;padding:12px 14px 0;display:grid}.mode-tab{border:2px solid var(--ss-border);background:var(--ss-btn);min-height:48px;color:var(--ss-muted);cursor:pointer;touch-action:manipulation;border-radius:12px;font-size:14.5px;font-weight:800}.mode-tab.active{border-color:var(--ss-primary);background:var(--ss-primary-soft);color:var(--ss-primary)}.panel-body{flex:1;padding:14px}.pane[hidden]{display:none}.group{border:1px solid var(--ss-border);background:var(--ss-bg);border-radius:16px;margin-bottom:12px;padding:12px}.group-title{color:var(--ss-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;font-size:22px;font-weight:900}.slider-row{grid-template-columns:48px 1fr 48px;align-items:center;gap:6px;display:grid}.sq{border:1px solid var(--ss-border);background:var(--ss-btn);min-height:48px;color:var(--ss-text);cursor:pointer;touch-action:manipulation;border-radius:12px;font-size:15px;font-weight:900}input[type=range]{width:100%;height:44px;accent-color:var(--ss-primary);cursor:pointer}input[type=range]::-webkit-slider-thumb{width:30px;height:30px}input[type=date]{border:1px solid var(--ss-border);background:var(--ss-panel);min-height:44px;color:var(--ss-text);border-radius:10px;padding:0 10px;font-size:15px;font-weight:700}.readouts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.readouts div{background:var(--ss-panel);border:1px solid var(--ss-border);border-radius:12px;padding:8px 10px}.readouts small{color:var(--ss-muted);font-size:12.5px;font-weight:800;display:block}.readouts b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.hint-text{color:var(--ss-muted);font-size:13.5px;line-height:1.6}table.rec{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:14px}table.rec th,table.rec td{border:1px solid var(--ss-border);text-align:center;padding:5px 4px}table.rec th{background:var(--ss-btn);font-weight:800}.graph-box{background:var(--ss-panel);border:1px solid var(--ss-border);border-radius:12px;margin-top:8px;overflow:hidden}.graph-box svg{width:100%;height:auto;display:block}.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;display:grid}.opts.two{grid-template-columns:1fr 1fr}.opt{border:2px solid var(--ss-border);background:var(--ss-panel);min-height:56px;color:var(--ss-text);cursor:pointer;text-align:left;touch-action:manipulation;border-radius:14px;padding:8px 10px;font-size:16px;font-weight:800}.opts.two .opt{text-align:center}.opt.right{border-color:var(--ss-ok);background:#16a34a1f}.opt.wrong{border-color:var(--ss-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}.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(--ss-panel);border:1px solid var(--ss-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(--ss-panel);border:1px solid var(--ss-border);text-align:left;border-radius:18px;width:min(560px,100%);margin-bottom:16px;padding:16px 20px}.summary h3{color:var(--ss-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(--ss-border);overflow:visible}.panel-head{padding-top:14px}}@media (width<=560px){.intro-cards{grid-template-columns:1fr}.intro-screen h1{font-size:28px}.mode-tab{font-size:13px}}