[hidden]{display:none!important}:root{color:#e9edf4;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #5ce0ff;--accent-2: #8ea8ff;--accent-soft: rgba(92, 224, 255, .14);--accent-line: rgba(92, 224, 255, .55);--panel-bg: rgba(12, 20, 40, .66);--panel-bg-strong: rgba(10, 16, 34, .93);--panel-border: rgba(120, 170, 255, .16);--panel-border-bright: rgba(120, 200, 255, .42);--text: #d6e3fb;--text-dim: #7d92b8;--glow: rgba(56, 178, 255, .22);--ink: #051022}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{position:relative;background:radial-gradient(ellipse at 50% 38%,#131d3a,#0a0e20 58%,#04060e)}#viewport{display:block;width:100%;height:100%;cursor:crosshair;outline:none;background:transparent}#labels-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.scene-label{position:absolute;top:0;left:0;max-width:380px;padding:6px 12px;overflow-wrap:anywhere;border:1px solid var(--panel-border);border-radius:6px;background:#080e1ec7;box-shadow:0 6px 22px #00000052,inset 0 0 0 1px #78c8ff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:20px;line-height:1.25;white-space:normal}.label-vertex{color:#f8fbff;border-color:#f8fbff3d}.vertex-category-cube{color:#ff8b35;border-color:#ff5c008c}.vertex-category-y-golden{color:#4fe676;border-color:#08ad3d8c}.vertex-category-z-golden{color:#7d94ff;border-color:#0a33ff8c}.vertex-category-x-golden{color:#ff5a98;border-color:#ee066b8c}.label-edge{color:#8fd8ff;border-color:#8fd8ff47}.label-face{color:#9dbdff;border-color:#9dbdff47}.label-selected-face{color:var(--ink);background:#8ea8fff2;border-color:#d6e3fbb3;box-shadow:0 0 18px #8ea8ff80;font-weight:900}.label-selected-face-vertex{color:var(--ink);background:#5ce0fff2;border-color:#d6e3fbb3;box-shadow:0 0 18px #5ce0ff80;font-weight:800}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 20px;background:linear-gradient(180deg,#0c142ad1,#0a10229e);border-bottom:1px solid var(--panel-border);box-shadow:0 1px #5ce0ff14,0 8px 30px #0000004d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;z-index:3}.brand{font-size:26px;font-weight:700;letter-spacing:.04em;color:#eaf2ff;text-shadow:0 0 16px rgba(92,224,255,.35)}.top-menu{display:flex;gap:12px;pointer-events:auto}.top-menu button{height:44px;padding:0 20px;color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line);box-shadow:0 0 0 1px #5ce0ff0d,inset 0 0 12px #5ce0ff0f;font-size:24px;font-weight:700;letter-spacing:.02em}.top-menu button:hover{color:var(--ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 22px var(--glow)}button{min-width:0;border:1px solid var(--panel-border);border-radius:6px;color:var(--text);background:#78aaff0f;font:inherit;line-height:1;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}button:hover{color:#fff;background:#78c8ff24;border-color:var(--panel-border-bright)}button.active{color:var(--ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--glow)}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;padding:96px 24px 24px;background:radial-gradient(ellipse at 50% 40%,#080e209e,#03050dc7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:6}.modal-backdrop[hidden]{display:none}.modal{width:min(980px,calc(100vw - 48px));max-height:calc(100vh - 120px);overflow:auto;color:#eef4fb;background:var(--panel-bg-strong);border:1px solid var(--panel-border-bright);border-radius:12px;box-shadow:0 24px 90px #00000080,0 0 40px #38b2ff1a,inset 0 0 0 1px #78c8ff0d}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--panel-border)}.modal-header h2{margin:0;font-size:32px;letter-spacing:.02em;color:#eaf2ff;text-shadow:0 0 18px rgba(92,224,255,.3)}.modal-close{width:48px;height:48px;padding:0;color:var(--text);font-size:36px}.modal-body{display:grid;gap:18px;padding:26px 28px 30px;font-size:24px;line-height:1.45}.modal-body p{margin:0}.modal-body pre{margin:0;padding:18px;overflow:auto;color:#eaf6ff;background:#040a1899;border:1px solid var(--panel-border);border-left:2px solid var(--accent-line);border-radius:8px;font-size:22px;line-height:1.45}.net-modal{width:min(1180px,calc(100vw - 48px))}.net-stage{height:min(62vh,720px);min-height:420px;overflow:hidden;background:linear-gradient(rgba(120,200,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.06) 1px,transparent 1px),#050a1880;background-size:32px 32px;border:1px solid var(--panel-border);border-radius:8px}.net-svg{display:block;width:100%;height:100%}.net-face{fill-opacity:.84;stroke:#ffffffd1;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.net-face-label{fill:#101318;stroke:#ffffff80;stroke-width:3;paint-order:stroke fill;dominant-baseline:middle;font-size:30px;font-weight:900;text-anchor:middle;pointer-events:none}.net-control{display:grid;grid-template-columns:120px minmax(0,1fr) 90px;gap:18px;align-items:center;font-size:24px}.net-control input{width:100%;accent-color:var(--accent)}.net-control output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:right}.pentagon-step-control{grid-template-columns:90px 150px minmax(0,1fr) 90px 110px}.pentagon-step-control button{min-height:44px;padding:0 14px;font-size:22px}.pentagon-step-control button:disabled{opacity:.42;cursor:not-allowed}.pentagon-modal{width:min(1280px,calc(100vw - 48px))}.pentagon-methods{display:flex;flex-wrap:wrap;gap:12px}.pentagon-methods button{min-height:44px;padding:0 18px;font-size:22px}.pentagon-methods button.active{color:var(--ink);background:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--glow)}.pentagon-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);gap:18px;align-items:stretch}.pentagon-svg{width:100%;min-height:520px;background:linear-gradient(rgba(120,200,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,255,.06) 1px,transparent 1px),#050a1880;background-size:40px 40px;border:1px solid var(--panel-border);border-radius:8px}.grid-line{stroke:#78c8ff1a;stroke-width:1;vector-effect:non-scaling-stroke}.axis-line{stroke:#8ea8ff80;stroke-width:2;vector-effect:non-scaling-stroke}.construction-circle,.construction-line{fill:none;stroke:#72d7ff94;stroke-width:2;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}.construction-green,.construction-red,.construction-blue{fill:none;stroke-width:3;stroke-dasharray:8 7;vector-effect:non-scaling-stroke}.construction-green{stroke:#40dc74d1}.construction-red{stroke:#ff5858db}.construction-blue{stroke:#5880ffe0}.pentagon-fill{fill:#5ce0ff33;stroke:none}.pentagon-edge{fill:none;stroke:#eafaff;stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pentagon-point{fill:var(--accent);stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}.point-label,.angle-text,.formula-text{fill:#eef4fb;stroke:#00000080;stroke-width:3;paint-order:stroke fill;font-size:20px;font-weight:800}.formula-text{fill:var(--accent);font-size:22px}.pentagon-steps{height:520px;padding:18px;overflow:auto;background:#78aaff0d;border:1px solid var(--panel-border);border-radius:8px}.pentagon-steps h3{margin:0 0 10px;font-size:26px}.pentagon-steps p{margin-bottom:16px;color:#c8d4e4;min-height:70px}.pentagon-steps ol{display:grid;gap:10px;margin:0;padding-left:28px}.pentagon-steps li{color:#9fadbf}.pentagon-steps li.active{color:var(--accent);font-weight:800}.pentagon-derivation{margin-top:18px;padding-top:16px;border-top:1px solid var(--panel-border)}.pentagon-derivation[hidden]{display:none}.pentagon-derivation h4{margin:0 0 12px;color:var(--accent);font-size:24px}.pentagon-derivation p{min-height:0;margin:0 0 12px;color:#d5dfeb}.pentagon-derivation pre{margin:0 0 14px;padding:12px;overflow:auto;color:#eaf6ff;background:#040a1899;border:1px solid var(--panel-border);border-left:2px solid var(--accent-line);border-radius:8px;font-size:18px;line-height:1.35}.inspector{position:absolute;top:88px;right:20px;width:min(560px,calc(100vw - 128px));padding:20px;color:var(--text);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;box-shadow:0 18px 50px #00000061,inset 0 0 0 1px #78c8ff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3}.inspector-section+.inspector-section{margin-top:24px;padding-top:22px;border-top:1px solid var(--panel-border)}.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.inspector-title{color:var(--accent);font-size:24px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 14px rgba(92,224,255,.3)}.copy-button{height:42px;min-width:100px;padding:0 16px;color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft);font-size:22px}.display-controls{display:grid;gap:14px}.display-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.display-controls label{display:flex;align-items:center;gap:14px;min-height:42px;color:#dce4ee;font-size:24px}.display-controls .inline-option{color:#b7c4d5;font-size:20px}.display-controls .inline-option input{width:22px;height:22px}.display-controls input{width:28px;height:28px;margin:0;accent-color:var(--accent)}.slider-control{display:grid;grid-template-columns:minmax(0,1fr) 180px 70px;gap:14px;align-items:center;margin-top:16px;color:#dce4ee;font-size:24px}.inline-slider{grid-template-columns:auto 130px 58px;min-width:300px;margin-top:0;color:#b7c4d5;font-size:20px}.slider-control input{width:100%;accent-color:var(--accent)}.slider-control output{color:#f2f6fb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:right}.vertex-category-legend{display:grid;gap:8px;margin-top:16px}.vertex-category-legend[hidden]{display:none}.vertex-category-item{display:grid;grid-template-columns:24px 22px minmax(0,1fr);gap:10px;align-items:center;padding:7px 9px;text-align:left;background:#ffffff0a;border:1px solid currentColor;border-radius:6px;font-size:18px}.vertex-category-item input{width:22px;height:22px;margin:0;pointer-events:none;accent-color:currentColor}.vertex-category-item:not(.active){opacity:.38;filter:grayscale(.65)}.vertex-category-name,.vertex-category-formula{min-width:0;overflow-wrap:anywhere}.vertex-category-formula{grid-column:3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;opacity:.9}.vertex-list{display:grid;gap:8px;max-height:320px;margin-top:16px;padding-right:6px;overflow-y:auto}.vertex-list-item{display:grid;grid-template-columns:28px 22px 70px minmax(0,1fr);gap:12px;align-items:center;min-height:46px;padding:8px 10px;text-align:left;color:var(--text);border-color:var(--panel-border);background:#78aaff0d;font-size:22px}.vertex-list-item input{width:24px;height:24px;margin:0;pointer-events:none;accent-color:currentColor}.vertex-color-dot{width:18px;height:18px;border:2px solid rgba(214,227,251,.45);border-radius:50%}.vertex-list-item:hover{background:#5ce0ff24;border-color:var(--panel-border-bright)}.vertex-list-item.selected{background:#5ce0ff2e;border-color:var(--accent);box-shadow:0 0 16px var(--glow)}.vertex-list.hide-coords .vertex-list-item{grid-template-columns:28px 22px minmax(0,1fr)}.vertex-list.hide-coords .vertex-list-coords{display:none}.vertex-list-id{font-weight:700}.vertex-list-coords{min-width:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.inspector dl{display:grid;gap:14px;margin:0}.inspector dl div{display:grid;grid-template-columns:148px minmax(0,1fr);gap:18px;align-items:start}.inspector dt{color:var(--text-dim);font-size:22px}.inspector dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#eaf2ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:22px;line-height:1.35}.statusbar{position:absolute;right:20px;bottom:20px;display:flex;gap:20px;max-width:calc(100vw - 40px);padding:14px 18px;overflow:hidden;color:var(--text-dim);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 12px 36px #00000057,inset 0 0 0 1px #78c8ff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:24px;z-index:3}.statusbar span{white-space:nowrap}@media(max-width:680px){.topbar{height:82px;align-items:flex-start;flex-direction:column;gap:8px;padding:8px 12px}.inspector{top:96px;right:12px;width:min(430px,calc(100vw - 92px));padding:16px}.inspector dl div{grid-template-columns:116px minmax(0,1fr)}.statusbar{left:12px;right:12px;justify-content:space-between;gap:10px;font-size:20px}}.universe-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#0c122ad1,#030409f5 70%,#030409fc);transition:opacity .8s ease}.universe-overlay.is-transitioning{pointer-events:none}.universe-overlay.is-collapsed{opacity:0;pointer-events:none}.universe-content{text-align:center;-webkit-user-select:none;user-select:none}.universe-title{margin:0 0 .45rem;font-size:2.6rem;font-weight:700;letter-spacing:.14em;color:#c8d6ff}.universe-subtitle{margin:0 0 3rem;font-size:.88rem;letter-spacing:.06em;color:#5a6e9a}.universe-icons{display:flex;gap:2rem;justify-content:center}.celestial-icon-btn{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.6rem 2.2rem;background:#c8d6ff0a;border:1px solid rgba(200,214,255,.18);border-radius:18px;color:#c8d6ff;cursor:pointer;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.celestial-icon-btn:hover{background:#c8d6ff1a;border-color:#c8d6ff73;transform:translateY(-3px);box-shadow:0 8px 32px #648cff26}.topbar-left{display:flex;align-items:center;gap:10px;pointer-events:auto}.universe-back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#c8d6ff0f;border:1px solid rgba(200,214,255,.16);border-radius:8px;color:#7d92b8;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s ease,background .15s,border-color .15s,color .15s}.universe-back-btn.is-visible{opacity:1;pointer-events:auto}.universe-back-btn:hover{background:#c8d6ff24;border-color:#c8d6ff6b;color:#c8d6ff}