@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#0c0a09;--bg-surface:#15120f;--bg-card:#1a1613;--bg-card-hover:#211c18;--bg-input:#100d0b;--bg-accent-subtle:#f973160f;--border-subtle:#ffebd714;--border-hover:#ffebd72e;--border-active:#f97316;--text-main:#f3ede4;--text-muted:#a89a8c;--text-dim:#6b6058;--cyan:#f97316;--cyan-subtle:#f973161f;--emerald:#84a05c;--emerald-subtle:#84a05c1f;--violet:#b45309;--violet-subtle:#b453091f;--amber:#f97316;--rose:#dc4c3f;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"JetBrains Mono", "Fira Code", monospace;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-full:9999px;--shadow-sm:0 1px 0 #0006;--shadow-md:0 2px 0 #0006;--shadow-lg:0 4px 0 #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#ffebd705 1px,#0000 1px),linear-gradient(90deg,#ffebd705 1px,#0000 1px);background-size:100% 100%,32px 32px,32px 32px;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0f1c66}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#334155}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;font-weight:700}code,pre,.font-mono{font-family:var(--font-mono)}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .2s,background-color .2s}.glass-panel:hover{border-color:var(--border-hover)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:.84rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff7ed;background:#c2410c;border:1px solid #f97316;font-weight:600;box-shadow:0 1px 4px #c2410c4d}.btn-primary:hover{background:#9a3412;border-color:#fb923c}.btn-secondary{border:1px solid var(--border-subtle);color:var(--text-muted);background:#211c18}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-main);background:#2a2420}.btn-ai{color:#ecfeff;background:#155e63;border:1px solid #2dd4bf;font-weight:600;box-shadow:0 1px 4px #155e6359}.btn-ai:hover{background:#0f4c50;border-color:#5eead4}.btn-emerald{color:#f3ede4;background:#4d6b34;border:1px solid #84a05c;font-weight:600;box-shadow:0 1px 4px #4d6b344d}.btn-emerald:hover{background:#3e5629;border-color:#a3bc7d}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-cyan{color:#38bdf8;background:#0ea5e91a;border:1px solid #0ea5e940}.badge-violet{color:#a78bfa;background:#8b5cf61a;border:1px solid #8b5cf640}.badge-emerald{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.badge-amber{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b40}.input-text,.select-custom,.textarea-custom{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:var(--radius-md);font-family:var(--font-sans);outline:none;padding:8px 12px;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.input-text:focus,.select-custom:focus,.textarea-custom:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #0ea5e926}.toggle-switch{width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;border:1px solid var(--border-subtle);background-color:#1e293b;border-radius:22px;transition:all .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#cbd5e1;border-radius:50%;width:14px;height:14px;transition:all .25s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:var(--cyan);border-color:var(--cyan)}input:checked+.toggle-slider:before{background-color:#0b1120;transform:translate(18px)}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.select-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:14px;transition:all .15s;position:relative;overflow:hidden}.select-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px)}.select-card.selected{border-color:var(--cyan);background:#0ea5e914}.modal-overlay{z-index:1000;background:#060403d9;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-hover);border-radius:var(--radius-lg);width:100%;max-width:860px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s cubic-bezier(.16,1,.3,1) scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.shimmer-bar{background:linear-gradient(90deg,#0284c7 25%,#38bdf8 50%,#0284c7 75%) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crt-scanlines{position:relative}.crt-scanlines:before{content:" ";z-index:10;pointer-events:none;opacity:.55;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;display:block;position:absolute;inset:0}.crt-glow{text-shadow:0 0 6px}.term-scroll::-webkit-scrollbar{width:7px;height:7px}.term-scroll::-webkit-scrollbar-track{background:#0006}.term-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.term-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}
