@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&display=swap";:root{--blue: #00A3FF;--purple: #6A38FF;--navy: #08152F;--cyan: #00D4FF;--mint: #00E5A8;--orange: #FF8A00;--pink: #FF2D95;--charcoal: #0F172A;--slate: #334155;--gray: #64748B;--light-gray: #E2E8F0;--very-light: #F8FAFC;--surface: #FFFFFF;--surface-light: #F3F6FB;--surface-dark: #0F1B3D;--page-bg: #FAFBFF;--text-primary: #0B1220;--text-secondary: #334155;--text-tertiary: #64748B;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--gradient-blue: linear-gradient(135deg, #00A3FF, #00D4FF);--gradient-royal: linear-gradient(135deg, #6A38FF, #9D5CFF);--gradient-energy: linear-gradient(135deg, #6A38FF, #FF2D95);--ink: var(--navy);--paper: #FFFFFF;--paper-dim: var(--surface-light);--accent: var(--blue);--teal: var(--mint);--rust: var(--pink);--rule: var(--light-gray);--muted: var(--gray)}*{box-sizing:border-box}body{margin:0;background:var(--page-bg);color:var(--text-primary);font-family:Inter,sans-serif}.display{font-family:Sora,sans-serif;letter-spacing:-.015em}.mono{font-family:Inter,sans-serif;font-weight:500;letter-spacing:.04em}.gridbg{background-image:radial-gradient(circle at 1px 1px,rgba(8,21,47,.05) 1px,transparent 0);background-size:24px 24px}.paperCard{background:var(--surface);color:var(--text-primary);border-radius:12px;border:1px solid var(--light-gray);box-shadow:0 1px 2px #0f172a0a,0 4px 16px #0f172a0a;padding:1.25rem}.paperCard:before{content:none}input,select,textarea{font-family:Inter,sans-serif;background:var(--surface-light);color:var(--text-primary);border:1.5px solid var(--light-gray);outline:none;transition:border-color .15s;padding:.55rem .75rem;border-radius:8px;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--blue)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button{font-family:Inter,sans-serif;cursor:pointer;background:none;border:none;color:inherit}.btn-primary{background:var(--blue);color:var(--text-inverse);font-family:Sora,sans-serif;font-weight:600;letter-spacing:.005em;padding:.6rem 1.25rem;border-radius:8px;display:inline-flex;align-items:center;gap:.5rem;transition:filter .15s,transform .1s}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1.5px solid var(--blue);color:var(--blue);background:var(--surface);font-family:Sora,sans-serif;font-weight:600;padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center;gap:.4rem}.stamp{background:var(--gradient-royal);color:var(--text-inverse);font-family:Inter,sans-serif;font-weight:600;display:inline-block;padding:2px 10px;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.layout{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--navy);padding:1.5rem 1rem;display:flex;flex-direction:column}.sidebar-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.sidebar-toggle{display:none}.sidebar-links{display:flex;flex-direction:column;gap:.25rem;flex:1;min-height:0}.sidebar a,.sidebar button.navlink{display:block;padding:.55rem .75rem;border-radius:8px;color:#b7c3da;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:.9rem;text-align:left;width:100%}.sidebar a.active,.sidebar a:hover,.sidebar button.navlink:hover{color:var(--text-inverse);background:#ffffff14}.sidebar a.active{background:var(--blue);color:var(--text-inverse)}.main{flex:1;padding:2rem;max-width:900px;min-width:0}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;padding:.85rem 1rem}.sidebar-topbar{margin-bottom:0}.sidebar-toggle{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;width:34px;height:34px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.sidebar-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:opacity .15s}.sidebar-links{display:none;padding-top:14px}.sidebar.mobile-open .sidebar-links{display:flex}.main{padding:1.1rem;max-width:100%}.paperCard{padding:1rem}}@media (max-width: 480px){.main{padding:.85rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite;display:inline-flex}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
