@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0a0e1a;--s1:#111827;--s2:#1a2235;--s3:#223050;--border:#1e2d4a;--border2:#2a3f6a;--text:#e8edf7;--muted:#6b7a9a;--muted2:#89b;--accent:#4f8ef7;--accent2:#3a7be8;--gold:#f0b429;--gold2:#e8a010;--green:#3ecf8e;--rose:#e85d7a;--violet:#9b6ef5;--teal:#2ec4b6;--orange:#f97316;--shadow:0 4px 24px #00000080;--shadow2:0 8px 40px #0009;--radius:12px;--radius2:8px;--glass:#ffffff0a;--glow-accent:0 0 20px #4f8ef74d;--glow-gold:0 0 20px #f0b4294d;--glow-green:0 0 20px #3ecf8e4d}[data-theme=light]{--bg:#f0f4ff;--s1:#fff;--s2:#e8eef8;--s3:#d8e2f4;--border:#c8d4ec;--border2:#a8bce0;--text:#0f172a;--muted:#64748b;--muted2:#4a5a7a;--glass:#ffffffb3;--shadow:0 4px 24px #4f8ef71a;--shadow2:0 8px 40px #4f8ef726}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-body{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{background:var(--s1);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex;box-shadow:0 2px 16px #0000004d}.header-left{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.header-left h1{background:linear-gradient(135deg, var(--accent), var(--violet));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700}.header-left p{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.68rem}.header-right{flex:1;align-items:center;gap:8px;display:flex}.main-layout{flex:1;display:flex;overflow:hidden}.left-panel{background:var(--s1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;width:240px;padding:12px;display:flex;overflow-y:auto}.right-panel{background:var(--bg);flex:1;padding:16px;overflow-y:auto}.nav-tabs{flex:1;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{height:3px}.ntab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.ntab:hover{background:var(--s2);color:var(--text);border-color:var(--border)}.ntab.active{background:var(--s2);color:var(--accent);border-color:var(--accent);box-shadow:var(--glow-accent)}.card{background:var(--s1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:border-color .2s}.card:hover{border-color:var(--border2)}.card-glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent2);box-shadow:var(--glow-accent);transform:translateY(-1px)}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--s2);color:var(--text);border-color:var(--border2)}.btn-success{background:var(--green);color:#0a0e1a}.btn-success:hover{opacity:.9;box-shadow:var(--glow-green);transform:translateY(-1px)}.btn-gold{background:var(--gold);color:#0a0e1a}.btn-gold:hover{opacity:.9;box-shadow:var(--glow-gold);transform:translateY(-1px)}.btn-sm{padding:4px 12px;font-size:.78rem}.btn-icon{background:var(--s2);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;padding:6px;font-size:1rem;line-height:1;transition:all .2s}.btn-icon:hover{color:var(--accent);border-color:var(--accent)}.badge{letter-spacing:.5px;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent);background:#4f8ef726;border:1px solid #4f8ef74d}.badge-gold{color:var(--gold);background:#f0b42926;border:1px solid #f0b4294d}.badge-green{color:var(--green);background:#3ecf8e26;border:1px solid #3ecf8e4d}.badge-violet{color:var(--violet);background:#9b6ef526;border:1px solid #9b6ef54d}.badge-rose{color:var(--rose);background:#e85d7a26;border:1px solid #e85d7a4d}.badge-teal{color:var(--teal);background:#2ec4b626;border:1px solid #2ec4b64d}.display{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700}.mono{font-family:JetBrains Mono,monospace}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px;font-size:.7rem;font-weight:600}input,select,textarea{background:var(--s2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:.85rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f8ef726}.progress-bar{background:var(--s2);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--violet));border-radius:999px;height:100%;transition:width .4s}.level-tag{border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;display:inline-flex}.level-a1{color:var(--green);background:#3ecf8e33;border:1px solid #3ecf8e66}.level-a2{color:var(--teal);background:#2ec4b633;border:1px solid #2ec4b666}.level-b1{color:var(--accent);background:#4f8ef733;border:1px solid #4f8ef766}.level-b2{color:var(--violet);background:#9b6ef533;border:1px solid #9b6ef566}.level-c1{color:var(--gold);background:#f0b42933;border:1px solid #f0b42966}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #e85d7a80}70%{box-shadow:0 0 0 14px #e85d7a00}to{box-shadow:0 0 #e85d7a00}}@keyframes glow{0%,to{box-shadow:0 0 8px #4f8ef74d}50%{box-shadow:0 0 20px #4f8ef799}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.anim-fade{animation:.3s fadeIn}.anim-pulse{animation:2s infinite pulse}.anim-glow{animation:2s infinite glow}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.w-full{width:100%}.text-center{text-align:center}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=900px){.left-panel,.header-left p,.ntab span.tab-label{display:none}}@media (width<=640px){.header{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 12px 6px}.header-left h1{font-size:1.2rem}.header-right{width:100%}.nav-tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:4px;width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.nav-tabs::-webkit-scrollbar{display:none}.ntab{scroll-snap-align:start;flex-shrink:0;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;font-size:1rem}.ntab span.tab-label{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.right-panel{padding:10px}}.sidebar-toggle{display:none}@media (width<=900px){.sidebar-toggle{z-index:100;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .2s,box-shadow .2s;display:inline-flex;position:fixed;bottom:20px;right:16px;box-shadow:0 4px 20px #4f8ef780}.sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 6px 28px #4f8ef7b3}.left-panel-mobile{z-index:200;background:var(--s1);border-right:1px solid var(--border);flex-direction:column;gap:8px;width:min(280px,85vw);height:100vh;padding:16px;animation:.25s slideIn;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 32px #00000080;display:flex!important}.sidebar-backdrop{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;animation:.2s fadeIn;position:fixed;inset:0;display:block!important}}