@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Courier+Prime&family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=IM+Fell+English:ital@0;1&family=DM+Serif+Display&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg:#0a0c12;--surface:#111318b3;--card:#15181fa6;--border:#ffffff14;--accent:#5c7cfa;--accent2:#748ffc;--text:#f1f3f5;--muted:#868e96;--dim:#495057;--glow:#5c7cfa40;--gold:#fcc419;--green:#51cf66;--red:#ff6b6b;--purple:#cc5de8;--surface-2:#1a1e2880;--accent-rgb:92,124,250;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:14px;--radius-sm:8px}[data-theme=parchment]{--bg:#f5f0e8;--surface:#ede6d699;--surface-2:#e5dbc780;--card:#faf6eebf;--border:#00000014;--accent:#8b5e3c;--accent-rgb:139,94,60;--accent2:#a0714f;--text:#2c1a0e;--muted:#7a6652;--dim:#a89880;--glow:#8b5e3c33;--gold:#c9921d;--font-display:"Playfair Display", Georgia, serif;--font-body:"Courier Prime", monospace;--font-mono:"Courier Prime", monospace}[data-theme=neon-kyoto]{--bg:#050508;--surface:#0a0a10a6;--surface-2:#12121c80;--card:#0f0f18bf;--border:#00ffff26;--accent:#00ffe7;--accent-rgb:0,255,231;--accent2:#f0a;--text:#e0e0f0;--muted:#7070a0;--dim:#404060;--glow:#00ffe74d;--gold:#f0a;--font-display:"Orbitron", monospace;--font-body:"Share Tech Mono", monospace;--font-mono:"Share Tech Mono", monospace}[data-theme=davinci]{--bg:#1a1409;--surface:#221c0ea6;--surface-2:#2d251280;--card:#2a2210bf;--border:#ffc8641f;--accent:#d4a84b;--accent-rgb:212,168,75;--accent2:#b8860b;--text:#f0e6c8;--muted:#9a8a6a;--dim:#6a5a3a;--glow:#d4a84b40;--gold:#d4a84b;--font-display:"IM Fell English", Georgia, serif;--font-body:"IM Fell English", Georgia, serif;--font-mono:"Courier Prime", monospace}[data-theme=arctic]{--bg:#f8fafc;--surface:#f0f4f8b3;--surface-2:#e2e8f080;--card:#fffc;--border:#0000000f;--accent:#2563eb;--accent-rgb:37,99,235;--accent2:#3b82f6;--text:#0f172a;--muted:#64748b;--dim:#94a3b8;--glow:#2563eb26;--gold:#f59e0b;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);height:100%;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent);opacity:.4}::selection{background:var(--glow)}.card{background:var(--card);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff0f}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 40%);position:absolute;inset:0}.card-glass{-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08;position:relative;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff14}.card-hover{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.card-hover:hover{border-color:#ffffff24;transform:translateY(-1px);box-shadow:0 6px 24px #00000059,inset 0 1px #ffffff14}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;box-shadow:0 2px 10px var(--glow), inset 0 1px 0 #ffffff26}.btn-primary:hover{filter:brightness(1.12);box-shadow:0 4px 18px var(--glow);transform:translateY(-1px)}.btn-primary:active{filter:brightness(.95);transform:translateY(1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{color:var(--muted);background:0 0;border:1px solid #0000;padding:.4rem .75rem}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-danger{color:var(--red);background:#ff6b6b1f;border:1px solid #ff6b6b33}.btn-danger:hover{background:#ff6b6b33}.btn-icon{border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:inline-flex}.btn-icon:hover{color:var(--text);border-color:var(--border);background:#ffffff0f}.input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:.875rem;font-family:var(--font-body);background:#ffffff0a;outline:none;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--dim)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5c7cfa1f}textarea.input{resize:vertical;min-height:80px;line-height:1.6}select.input{cursor:pointer}.tag{color:var(--accent2);background:#5c7cfa1a;border:1px solid #5c7cfa2e;border-radius:999px;align-items:center;gap:.25rem;padding:2px 8px;font-size:.6875rem;display:inline-flex}.tag-green{color:var(--green);background:#51cf661a;border-color:#51cf662e}.tag-gold{color:var(--gold);background:#fcc4191a;border-color:#fcc4192e}.tag-red{color:var(--red);background:#ff6b6b1a;border-color:#ff6b6b2e}.tag-purple{color:var(--purple);background:#cc5de81a;border-color:#cc5de82e}.section-title{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;display:flex}.divider{background:var(--border);height:1px;margin:.75rem 0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, var(--card) 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--glow)}50%{box-shadow:0 0 24px var(--glow)}}@keyframes barGrow{0%{width:0}}.animate-fade{animation:.3s ease-out fadeIn}.animate-slide{animation:.25s ease-out slideUp}.animate-scale{animation:.2s ease-out scaleIn}.animate-bar{animation:.8s ease-out forwards barGrow}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.spin{animation:1s linear infinite spin}.pulse{animation:1.5s ease-in-out infinite pulse}@keyframes ring-glow{0%,to{filter:drop-shadow(0 0 4px var(--accent))}50%{filter:drop-shadow(0 0 12px var(--accent))}}.ring-active{animation:2s ease-in-out infinite ring-glow}.freewrite-mode .sidebar,.freewrite-mode .topbar{display:none!important}.freewrite-mode .main-content{padding:0!important}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.w-full{width:100%}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-muted{color:var(--muted)}.text-dim{color:var(--dim)}.text-accent{color:var(--accent)}.text-gold{color:var(--gold)}.text-green{color:var(--green)}.text-red{color:var(--red)}@media (width>=769px){.mobile-menu-btn,.bottom-nav,.sidebar-backdrop{display:none!important}.sidebar{position:relative!important;transform:none!important}}@media (width<=768px){.sidebar{z-index:200;box-shadow:none;transition:transform .25s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:0;transform:translate(-100%);position:fixed!important}.sidebar.open{transform:translate(0);box-shadow:8px 0 32px #0006}.main-content{padding:.75rem .875rem calc(58px + env(safe-area-inset-bottom))!important}}