:root{--bg: #07060d;--panel: rgba(12, 10, 24, .86);--panel-solid: #0e0c1b;--line: rgba(0, 240, 255, .35);--text: #e8e9ff;--muted: #9a9cc4;--magenta: #ff2bd6;--cyan: #00f0ff;--acid: #e8ff00;--red: #ff1f3d;--accent: var(--cyan);--cut: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font:500 15px/1.45 Chakra Petch,system-ui,sans-serif;-webkit-tap-highlight-color:transparent;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.screen{position:fixed;inset:0;display:flex;flex-direction:column}.stage3d{position:absolute;inset:0}.overlay{position:relative;z-index:2;pointer-events:none}.overlay>*{pointer-events:auto}.title{font-family:Bungee,Chakra Petch,sans-serif;letter-spacing:.02em;line-height:1;font-size:clamp(34px,11vw,72px);transform:skew(-8deg);text-shadow:-3px 0 var(--magenta),3px 0 var(--cyan),0 0 24px rgba(0,240,255,.5)}.tag{font:700 11px Chakra Petch;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.tag b{color:var(--accent);text-shadow:0 0 10px var(--accent)}.panel{background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--line);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));padding:14px 16px}.btn{position:relative;border:1px solid var(--accent);background:#00f0ff14;color:var(--text);padding:11px 16px;min-height:44px;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:13px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .15s,transform .08s}a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:#00f0ff2e}.btn:active{transform:translateY(1px) skew(-2deg);filter:hue-rotate(40deg)}.btn.primary{background:linear-gradient(90deg,var(--magenta),#7a2bff);border-color:var(--magenta);box-shadow:0 0 22px #ff2bd659}.btn.ghost{background:transparent;border-color:#fff3}.btn.danger{border-color:var(--red);background:#ff1f3d1a}.btn:disabled{opacity:.4;pointer-events:none}.btn.block{width:100%}.btn.sm{min-height:34px;padding:6px 10px;font-size:11px}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.input{width:100%;background:#00000073;border:1px solid rgba(255,255,255,.15);padding:11px 12px;min-height:44px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pin{letter-spacing:.6em;font-size:20px;text-align:center}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;padding:10px 12px;min-height:42px;background:none;border:0;color:var(--muted);cursor:pointer;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid transparent}.tab.on{color:var(--text);border-bottom-color:var(--accent);text-shadow:0 0 10px var(--accent)}.slider{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;margin-bottom:10px}.slider span{font-size:13px}.slider output{font-variant-numeric:tabular-nums;color:var(--accent);font-size:12px}.slider input{grid-column:1 / -1;width:100%;accent-color:var(--accent);height:28px}.color{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0}.color input[type=color]{width:52px;height:36px;border:1px solid rgba(255,255,255,.2);background:none;padding:0}.grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.chip{padding:8px 10px;min-height:40px;border:1px solid rgba(255,255,255,.16);background:#ffffff08;cursor:pointer;text-align:left;font-size:13px}.chip.on{border-color:var(--accent);background:#00f0ff1f;box-shadow:inset 0 0 12px #00f0ff33}.toast{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;max-width:min(92vw,520px)}.err{color:#ff8095;font-size:13px}.warn{color:var(--acid);font-size:13px}.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:8px}.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.progress{height:3px;background:linear-gradient(90deg,var(--magenta),var(--cyan));box-shadow:0 0 10px var(--cyan);transition:width .2s}.safe-top{padding-top:max(12px,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(12px,env(safe-area-inset-bottom))}