@font-face{font-family:PIXY;src:url(/fonts/PIXY.otf) format("opentype"),url(/fonts/PIXY.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary: #0a0a0f;--bg-card: #111118;--bg-card-hover: #1a1a24;--bg-modal: #0e0e16;--bg-overlay: rgba(0, 0, 0, .75);--bg-input: #111118;--accent: #39ff14;--accent-hover: #32e612;--accent-light: rgba(57, 255, 20, .12);--accent-dim: rgba(57, 255, 20, .5);--text-primary: #e0e0e0;--text-secondary: #6a6a7a;--text-muted: #3a3a4a;--border: #1e1e2e;--border-pixel: #39ff14;--success: #39ff14;--error: #ff3333;--warning: #ffaa00;--radius: 0px;--radius-sm: 0px;--radius-xs: 0px;--font-logo: "PIXY", monospace;--font-body: "PIXY", monospace;--pixel-border: 2px solid #39ff14;--pixel-border-dim: 2px solid #1a3a12;--pixel-shadow: 4px 4px 0px rgba(57, 255, 20, .15)}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}#root{display:flex;flex-direction:column;min-height:100vh;position:relative}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;font-size:14px}input{font-family:var(--font-body);outline:none;border:none;font-size:14px}.page{flex:1;padding:16px 16px 28px;max-width:100%;width:100%;animation:pageEnter .3s ease-out;position:relative;z-index:1}.starry-sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#0d0d1a,#050508 60%,#000);pointer-events:none}.star{position:absolute;background:#fff;width:2px;height:2px}.star.small{width:1px;height:1px;opacity:.4}.star.medium{width:2px;height:2px;opacity:.7}.star.large{width:3px;height:3px;opacity:.9;box-shadow:0 0 4px #39ff144d}.star.twinkle-1{animation:twinkle 3s ease-in-out infinite}.star.twinkle-2{animation:twinkle 4s ease-in-out infinite 1s}.star.twinkle-3{animation:twinkle 5s ease-in-out infinite 2s}.star.twinkle-4{animation:twinkle 3.5s ease-in-out infinite .5s}.star.twinkle-5{animation:twinkle 4.5s ease-in-out infinite 1.5s}.shooting-star{position:absolute;width:2px;height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent),-20px 0 10px var(--accent-dim),-40px 0 6px transparent;animation:shoot 2s linear infinite;opacity:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes shoot{0%{transform:translate(0) translateY(0);opacity:0}5%{opacity:1}70%{opacity:1}to{transform:translate(300px) translateY(150px);opacity:0}}@keyframes pixelGlow{0%,to{box-shadow:0 0 4px #39ff1433}50%{box-shadow:0 0 12px #39ff1480}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.fade-in{animation:fadeIn .3s ease-out}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .4s ease,visibility .4s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font-family:var(--font-logo);font-size:34px;letter-spacing:4px;margin-bottom:24px;animation:scaleIn .6s ease-out}.loading-bar-track{width:120px;height:4px;background:var(--border);overflow:hidden}.loading-bar-fill{height:100%;width:40%;background:var(--accent);animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,var(--accent) 0%,#7fff50 50%,var(--accent) 100%);background-size:200% 100%}.pixel-card{background:var(--bg-card);border:var(--pixel-border-dim);padding:16px;position:relative;transition:border-color .2s}.pixel-card:hover{border-color:var(--accent-dim)}.pixel-card.active{border-color:var(--accent);box-shadow:var(--pixel-shadow)}.pixel-btn{font-family:var(--font-body);background:var(--accent);color:#000;border:2px solid var(--accent);padding:12px 24px;font-size:14px;font-weight:400;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .15s;position:relative}.pixel-btn:hover{background:#4dff28;box-shadow:0 0 10px #39ff1466}.pixel-btn:active{transform:translate(2px,2px);box-shadow:none}.pixel-btn:disabled{background:var(--text-muted);border-color:var(--text-muted);color:#666;cursor:not-allowed;box-shadow:none}.pixel-btn.secondary{background:transparent;color:var(--accent);border:var(--pixel-border)}.pixel-btn.secondary:hover{background:var(--accent-light)}.theme-modern{--bg-primary: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--bg-modal: #0f172a;--bg-overlay: rgba(0, 0, 0, .6);--bg-input: #1e293b;--accent: #3b82f6;--accent-hover: #2563eb;--accent-light: rgba(59, 130, 246, .12);--accent-dim: rgba(59, 130, 246, .4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #475569;--border: rgba(148, 163, 184, .12);--border-pixel: rgba(59, 130, 246, .3);--success: #22c55e;--error: #ef4444;--warning: #f59e0b;--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--font-logo: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--pixel-border: 1px solid rgba(148, 163, 184, .15);--pixel-border-dim: 1px solid rgba(148, 163, 184, .08);--pixel-shadow: 0 4px 12px rgba(0, 0, 0, .15)}.theme-modern body,.theme-modern{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-modern *{image-rendering:auto}.theme-modern .starry-sky{background:linear-gradient(135deg,#0f172a,#1e1b4b 40%,#0f172a,#172554)}.theme-modern .star{opacity:.15;border-radius:50%}.theme-modern .star.large{box-shadow:0 0 6px #3b82f64d}.theme-modern .shooting-star{background:#60a5fa;box-shadow:0 0 6px #60a5fa,-20px 0 10px #60a5fa80,-40px 0 6px transparent}.theme-modern .pixel-card{border-radius:var(--radius);border:var(--pixel-border-dim);background:#1e293bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease}.theme-modern .pixel-card:hover{border-color:#94a3b833;background:#33415599}.theme-modern .pixel-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 12px #3b82f626}.theme-modern .pixel-btn{border-radius:var(--radius-sm);font-weight:600;letter-spacing:0;text-transform:none;transition:all .2s ease;box-shadow:0 2px 8px #3b82f640}.theme-modern .pixel-btn:hover{background:var(--accent-hover);box-shadow:0 4px 16px #3b82f659;transform:translateY(-1px)}.theme-modern .pixel-btn:active{transform:translateY(0);box-shadow:0 1px 4px #3b82f633}.theme-modern .pixel-btn:disabled{background:#334155;border-color:#334155;color:#64748b;box-shadow:none}.theme-modern .pixel-btn.secondary{border:1px solid rgba(59,130,246,.3);box-shadow:none;color:#93c5fd}.theme-modern .pixel-btn.secondary:hover{background:#3b82f61a;border-color:#3b82f680;box-shadow:none}.theme-modern ::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:4px}.theme-modern input{border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important}.theme-modern .loading-screen{background:#0f172a}.theme-modern .loading-logo{font-weight:700;font-size:32px;letter-spacing:-.5px}.theme-modern .loading-bar-track{border-radius:4px;overflow:hidden}.theme-modern .loading-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;border-radius:4px}.theme-modern .modal-content{border-radius:24px 24px 0 0}.theme-toggle-btn{position:fixed;top:12px;right:12px;z-index:100;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;border:none}.theme-classic .theme-toggle-btn{background:#39ff141a;border:1px solid rgba(57,255,20,.3);color:#39ff14}.theme-modern .theme-toggle-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#94a3b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.theme-toggle-btn:hover{transform:scale(1.1)}.theme-modern .page{animation:modernPageEnter .4s cubic-bezier(.16,1,.3,1)}@keyframes modernPageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}