:root{--bg: #0a0c10;--bg-2: #070809;--surface: #15191f;--surface-2: #11141a;--surface-3: #0c0f14;--surface-inset: #101419;--hairline: #1c2128;--border: #232932;--border-2: #2c323b;--border-strong: #2f3640;--metallic: #989491;--metallic-deep: #524F4C;--metallic-bright: #DDD9D5;--metallic-edge: #C9C4C0;--metallic-tint-bg: #1c2024;--metallic-tint-bg2: #121417;--metallic-tint-border: #3b4248;--metallic-tint-grad: linear-gradient(180deg, var(--metallic-tint-bg), var(--metallic-tint-bg2));--metallic-tint-grad-diag: linear-gradient(110deg, var(--metallic-tint-bg), var(--metallic-tint-bg2));--brushed-overlay: repeating-conic-gradient(from 0deg at 50% 50%, rgba(255, 255, 255, .05) 0deg, rgba(255, 255, 255, .05) .5deg, rgba(0, 0, 0, .06) .5deg, rgba(0, 0, 0, .06) 1deg);--metallic-grad: var(--brushed-overlay), conic-gradient(from 120deg at 50% 50%, #8A8683 0deg, #B9B5B2 45deg, #ECE8E5 90deg, #B9B5B2 135deg, #8A8683 180deg, #B9B5B2 225deg, #ECE8E5 270deg, #B9B5B2 315deg, #8A8683 360deg);--metallic-grad-skew: var(--brushed-overlay), conic-gradient(from 120deg at 50% 50%, #8A8683 0deg, #B9B5B2 45deg, #ECE8E5 90deg, #B9B5B2 135deg, #8A8683 180deg, #B9B5B2 225deg, #ECE8E5 270deg, #B9B5B2 315deg, #8A8683 360deg);--metallic-glow: 0 4px 6px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .8), inset 0 -1px 2px rgba(0, 0, 0, .5);--metallic-glow-flat: 0 4px 6px rgba(0, 0, 0, .6), 0 1px 3px rgba(0, 0, 0, .8);--metallic-glow-lg: 0 8px 16px rgba(0, 0, 0, .6), 0 3px 6px rgba(0, 0, 0, .8), inset 0 -1px 2px rgba(0, 0, 0, .6);--accent-warm: 196, 69, 47;--glow-silver: 212, 219, 223;--bg-radial-vignette: radial-gradient(130% 80% at 50% -10%, #171b22, var(--bg) 60%);--bg-radial-spotlight: radial-gradient(circle at 50% 0%, #171d29 0%, var(--bg) 70%);--gold: #edc556;--gold-deep: #c79a2a;--gold-text: #e6c98a;--str-e: #d8463f;--str-a: #e3b341;--str-d: #4f7fd0;--str-g: #df8a3a;--str-b: #5ab361;--str-he: #9a6fcf;--text: #EBE8E5;--text-bright: #F6F4F2;--text-dim: #BAB6B3;--text-muted: #A6A29E;--text-faint: #878380;--text-ghost: #787471;--label-bronze: #8a6f5f;--steel-sheen: linear-gradient(180deg, #F8F7F6, #CDC9C6 46%, #A29E9A 54%, #DDD9D5);--font: "Saira", system-ui, sans-serif;--font-cond: "Saira Condensed", "Saira", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-sm: 8px;--r-md: 11px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--dur: .18s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes glow{0%,to{opacity:.4}50%{opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%}body{font-family:var(--font);background:var(--bg-2);color:var(--text);overflow:hidden;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:0;height:0}.app{height:100%;width:100%;display:flex;background:var(--bg)}.device{position:relative;width:100%;height:100%;background:var(--bg-radial-vignette);overflow:hidden;display:flex;flex-direction:column;color:var(--text)}.desktop-main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;background:var(--bg-radial-vignette)}.kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.26em;color:var(--label-bronze)}.display{font-family:var(--font-cond);font-weight:700;letter-spacing:.02em;line-height:.9;background:var(--steel-sheen);-webkit-background-clip:text;background-clip:text;color:transparent}.mono{font-family:var(--font-mono)}.cta{position:relative;transform:skew(-9deg);border-radius:var(--r-lg);background:var(--metallic-grad-skew);border:1px solid var(--metallic-edge);box-shadow:inset 0 1px #ffffff47,var(--metallic-glow-lg);display:flex;align-items:center;justify-content:center;padding:0 24px;transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease)}.filter-dot{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background-color:var(--metallic-bright);border:1px solid var(--bg-2)}.cta:active{filter:brightness(.9);transform:skew(-9deg) scale(.99)}.cta>*{transform:skew(9deg);display:flex;align-items:center;gap:10px;font-family:var(--font-cond);font-weight:700;letter-spacing:.18em;color:#1a1e23;text-shadow:0 1px 1px rgba(255,255,255,.4)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--metallic-bright);animation:spin .8s linear infinite}@media (min-width: 600px){.device.is-landscape{max-width:none;height:100%;border-radius:0;border:none;box-shadow:none}}.navrail{width:58px;flex:none;background:linear-gradient(180deg,#0f1217,#0a0c10);border-right:1px solid #1c2128;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0 16px;z-index:30}.navrail-logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.navrail-items{display:flex;flex-direction:column;align-items:center;gap:18px}.navrail-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-ghost);transition:color var(--dur) var(--ease)}.navrail-item.is-active{color:var(--metallic-bright)}.navrail-item span{font-family:var(--font-cond);font-weight:600;font-size:8px;letter-spacing:.06em;text-transform:uppercase}.iconbtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);background:#14171b;border:1px solid var(--border-2);color:var(--text-dim);flex:none;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.iconbtn:active{transform:scale(.94)}.iconbtn.is-metallic{background:var(--metallic-grad);border-color:var(--metallic-edge);color:#11141a;box-shadow:var(--metallic-glow)}.iconbtn.is-glass{background:#0a0c1066;backdrop-filter:blur(6px);border-color:#ffffff24;color:#fff}.iconbtn.is-glass.is-active{background:#0a0c10b3;border-color:#ffffff4d}.seclabel{display:flex;align-items:center;gap:9px}.seclabel:before{content:"";transform:skew(-9deg);background:var(--metallic-bright);width:5px;height:14px;border-radius:1px;flex:none}.seclabel>span{font-family:var(--font-cond);font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.switch{width:52px;height:30px;border-radius:16px;background:var(--surface-3);border:1px solid #2a3038;position:relative;flex:none;transition:background var(--dur) var(--ease);cursor:pointer}.switch>i{position:absolute;left:3px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#3a414b,#262b33);border:1px solid #4a525d;transition:left var(--dur) var(--ease)}.switch.is-on{background:linear-gradient(90deg,#9f351c,#c8492f);border-color:var(--metallic-edge);box-shadow:inset 0 1px #fff3,0 0 12px rgba(var(--accent-warm),.3)}.switch.is-on>i{left:calc(100% - 25px);background:radial-gradient(circle at 35% 30%,#fff,#dfe4ea);border-color:transparent;box-shadow:0 1px 3px #0006}.tile{display:flex;align-items:center;justify-content:center;border-radius:9px;flex:none;border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-weight:600;color:#dfe4ea;overflow:hidden}.tabbar{flex:none;height:60px;display:flex;align-items:flex-start;justify-content:space-around;padding:8px 28px var(--safe-bottom);background:linear-gradient(180deg,#0f1217,var(--bg));border-top:1px solid var(--hairline)}.tab{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-ghost);background:none;border:none;padding-top:0}.tab>span{font-family:var(--font-cond);font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase}.tab.is-active{color:var(--metallic-bright)}.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-bottom));transform:translate(-50%) translateY(12px);max-width:86%;padding:12px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-2);color:var(--text);font-size:13px;box-shadow:0 12px 30px #00000080;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);z-index:200}.toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}.screen{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.header{flex:none;padding:calc(16px + var(--safe-top)) 20px 12px}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.dropdown-menu{position:absolute;right:0;top:46px;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);box-shadow:0 10px 25px #0000008c,0 0 0 1px #ffffff0d;min-width:140px;overflow:hidden;animation:dropdown-enter .15s var(--ease) forwards;transform-origin:top right;z-index:101}@keyframes dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-item{width:100%;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text);text-align:left;transition:background var(--dur) var(--ease)}.dropdown-item:active{background:var(--surface-2)}.dropdown-item.is-danger{color:#e58a76}.dropdown-item.is-danger:active{background:rgba(var(--accent-warm),.08)}