:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--bg-color:#f8fafc;--tab-bg:#e2e8f0;--tab-active:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--line-number-bg:#f1f5f9;--danger-color:#ef4444;--danger-hover:#dc2626;--editor-bg:#fff;--border-color:#e2e8f0;--input-bg:#fff}.dark-theme{--bg-color:#0f172a;--tab-bg:#1e293b;--tab-active:#334155;--text-main:#f1f5f9;--text-muted:#94a3b8;--line-number-bg:#1e293b;--editor-bg:#1e293b;--border-color:#334155;--input-bg:#0f172a;--shadow:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}.pink-theme{--primary-color:#db2777;--primary-hover:#be185d;--bg-color:#fdf2f8;--tab-bg:#fbcfe8;--tab-active:#fff;--text-main:#831843;--text-muted:#be185d;--line-number-bg:#fce7f3;--editor-bg:#fff;--border-color:#f9a8d4;--input-bg:#fff;--shadow:0 4px 6px -1px #db27771a, 0 2px 4px -2px #db27771a}.orange-theme{--primary-color:#f59e0b;--primary-hover:#d97706;--bg-color:#fffbeb;--tab-bg:#fef3c7;--tab-active:#fff;--text-main:#92400e;--text-muted:#d97706;--line-number-bg:#fff7ed;--editor-bg:#fff;--border-color:#fcd34d;--input-bg:#fff;--shadow:0 4px 6px -1px #f59e0b1a, 0 2px 4px -2px #f59e0b1a}.banana-theme{--primary-color:#eab308;--primary-hover:#ca8a04;--bg-color:#fefce8;--tab-bg:#fef9c3;--tab-active:#fff;--text-main:#854d0e;--text-muted:#ca8a04;--line-number-bg:#fefdf0;--editor-bg:#fff;--border-color:#fde047;--input-bg:#fff;--shadow:0 4px 6px -1px #eab3081a, 0 2px 4px -2px #eab3081a}.sea-theme{--primary-color:#0d9488;--primary-hover:#0f766e;--bg-color:#f0fdfa;--tab-bg:#ccfbf1;--tab-active:#fff;--text-main:#115e59;--text-muted:#0f766e;--line-number-bg:#f5fffd;--editor-bg:#fff;--border-color:#99f6e4;--input-bg:#fff;--shadow:0 4px 6px -1px #0d94881a, 0 2px 4px -2px #0d94881a}.colorful-theme{--primary-color:#d946ef;--primary-hover:#c026d3;--bg-color:#fdf4ff;--tab-bg:#fae8ff;--tab-active:#fff;--text-main:#701a75;--text-muted:#c026d3;--line-number-bg:#fef4ff;--editor-bg:#fff;--border-color:#f5d0fe;--input-bg:#fff;--shadow:0 4px 6px -1px #d946ef1a, 0 2px 4px -2px #d946ef1a}.forest-theme{--primary-color:#166534;--primary-hover:#14532d;--bg-color:#f0fdf4;--tab-bg:#dcfce7;--tab-active:#fff;--text-main:#064e3b;--text-muted:#15803d;--line-number-bg:#f7fee7;--editor-bg:#fff;--border-color:#bbf7d0;--input-bg:#fff}.desert-theme{--primary-color:#c2410c;--primary-hover:#9a3412;--bg-color:#fffaf0;--tab-bg:#ffedd5;--tab-active:#fff;--text-main:#7c2d12;--text-muted:#9a3412;--line-number-bg:#fffbf0;--editor-bg:#fff;--border-color:#fed7aa;--input-bg:#fff}.nordic-theme{--primary-color:#334155;--primary-hover:#1e293b;--bg-color:#f8fafc;--tab-bg:#e2e8f0;--tab-active:#fff;--text-main:#0f172a;--text-muted:#475569;--line-number-bg:#f1f5f9;--editor-bg:#fff;--border-color:#cbd5e1;--input-bg:#fff}.deep-space-theme{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--bg-color:#000;--tab-bg:#111;--tab-active:#1a1a1a;--text-main:#fff;--text-muted:#a78bfa;--line-number-bg:#0a0a0a;--editor-bg:#050505;--border-color:#333;--input-bg:#000;--shadow:0 0 20px #8b5cf633}.sepia-theme{--primary-color:#78350f;--primary-hover:#451a03;--bg-color:#f5f2e0;--tab-bg:#e7e0c9;--tab-active:#fdfbf7;--text-main:#451a03;--text-muted:#92400e;--line-number-bg:#ede9d5;--editor-bg:#fdfbf7;--border-color:#d6ccb2;--input-bg:#fdfbf7}.hacker-theme{--primary-color:#22c55e;--primary-hover:#16a34a;--bg-color:#000;--tab-bg:#050505;--tab-active:#0a0a0a;--text-main:#22c55e;--text-muted:#166534;--line-number-bg:#000;--editor-bg:#000;--border-color:#166534;--input-bg:#000}.cyberpunk-theme{--primary-color:#f0abfc;--primary-hover:#e879f9;--bg-color:#0f0720;--tab-bg:#1e1039;--tab-active:#2d1b4d;--text-main:#22d3ee;--text-muted:#f0abfc;--line-number-bg:#1e1039;--editor-bg:#160b2e;--border-color:#d946ef;--input-bg:#0f0720;--shadow:0 0 15px #d946ef4d}.crt-theme{--primary-color:#fbbf24;--primary-hover:#f59e0b;--bg-color:#1a1a1a;--tab-bg:#262626;--tab-active:#333;--text-main:#fbbf24;--text-muted:#92400e;--line-number-bg:#1a1a1a;--editor-bg:#1a1a1a;--border-color:#b45309;--input-bg:#1a1a1a}.espresso-theme{--primary-color:#a16207;--primary-hover:#854d0e;--bg-color:#2d241e;--tab-bg:#3d3028;--tab-active:#4d3d33;--text-main:#fef3c7;--text-muted:#d97706;--line-number-bg:#2d241e;--editor-bg:#3d3028;--border-color:#5d432c;--input-bg:#2d241e}.matcha-theme{--primary-color:#65a30d;--primary-hover:#4d7c0f;--bg-color:#f7fee7;--tab-bg:#ecfccb;--tab-active:#fff;--text-main:#365314;--text-muted:#4d7c0f;--line-number-bg:#f7fee7;--editor-bg:#fff;--border-color:#d9f99d;--input-bg:#fff}.grape-theme{--primary-color:#9333ea;--primary-hover:#7e22ce;--bg-color:#faf5ff;--tab-bg:#f3e8ff;--tab-active:#fff;--text-main:#581c87;--text-muted:#7e22ce;--line-number-bg:#fdfaff;--editor-bg:#fff;--border-color:#e9d5ff;--input-bg:#fff}.slate-theme{--primary-color:#475569;--primary-hover:#334155;--bg-color:#f1f5f9;--tab-bg:#e2e8f0;--tab-active:#fff;--text-main:#1e293b;--text-muted:#475569;--line-number-bg:#f8fafc;--editor-bg:#fff;--border-color:#cbd5e1;--input-bg:#fff}.dracula-theme{--primary-color:#ff79c6;--primary-hover:#bd93f9;--bg-color:#282a36;--tab-bg:#44475a;--tab-active:#6272a4;--text-main:#f8f8f2;--text-muted:#bd93f9;--line-number-bg:#282a36;--editor-bg:#282a36;--border-color:#44475a;--input-bg:#282a36}.paper-theme{--primary-color:#3b82f6;--primary-hover:#2563eb;--bg-color:#fff;--tab-bg:#f3f4f6;--tab-active:#fff;--text-main:#111827;--text-muted:#6b7280;--line-number-bg:#f9fafb;--editor-bg:#fff;--border-color:#e5e7eb;--input-bg:#fff}.unicorn-theme{--primary-color:#f472b6;--primary-hover:#fb7185;--bg-color:#fff1f2;--tab-bg:#ffe4e6;--tab-active:#fff;--text-main:#881337;--text-muted:#fb7185;--line-number-bg:#fff5f5;--editor-bg:#fff;--border-color:#fecdd3;--input-bg:#fff;--shadow:0 0 15px #f472b633}.batman-theme{--primary-color:#facc15;--primary-hover:#eab308;--bg-color:#111;--tab-bg:#1a1a1a;--tab-active:#222;--text-main:#fff;--text-muted:#facc15;--line-number-bg:#000;--editor-bg:#111;--border-color:#333;--input-bg:#000}.sea-background{pointer-events:none;z-index:-1;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden}.sea-theme .sea-background{display:block}.sea-creature{-webkit-user-select:none;user-select:none;opacity:.6;font-size:2rem;position:absolute}.fish{animation:15s linear infinite swim-right}.fish-reverse{animation:20s linear infinite swim-left}.turtle{opacity:.4;font-size:3rem;animation:35s linear infinite swim-right}@keyframes swim-right{0%{left:-10%}to{left:110%}}@keyframes swim-left{0%{left:110%}to{left:-10%}}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}body{background-color:var(--bg-color);color:var(--text-main);overscroll-behavior-y:auto;min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-y:auto}.container{max-width:1200px;min-height:100dvh;padding:2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;transition:padding .3s;display:flex}.tabs-wrapper{background:var(--tab-bg);border-radius:var(--border-radius);align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem;display:flex}.tab-bar{scrollbar-width:none;flex:1;gap:.5rem;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.theme-toggle{background:var(--editor-bg);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--tab-bg);color:var(--text-main);border-color:var(--primary-color)}.theme-toggle.pink{color:#db2777}.theme-toggle.orange{color:#f59e0b}.theme-toggle.banana{color:#eab308}.theme-toggle.sea{color:#0d9488}.theme-toggle.colorful{color:#d946ef}.theme-toggle.forest{color:#166534}.theme-toggle.desert{color:#c2410c}.theme-toggle.nordic{color:#334155}.theme-toggle.deep-space{color:#8b5cf6}.theme-toggle.sepia{color:#78350f}.theme-toggle.hacker{color:#22c55e}.theme-toggle.cyberpunk{color:#f0abfc}.theme-toggle.crt{color:#fbbf24}.theme-toggle.espresso{color:#a16207}.theme-toggle.matcha{color:#65a30d}.theme-toggle.grape{color:#9333ea}.theme-toggle.slate{color:#475569}.theme-toggle.dracula{color:#ff79c6}.theme-toggle.paper{color:#3b82f6}.theme-toggle.unicorn{color:#f472b6}.theme-toggle.batman{color:#facc15}.tab{cursor:pointer;white-space:nowrap;color:var(--text-muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.tab:hover{color:var(--text-main);background:#ffffff80}.public-indicator{color:var(--primary-color);opacity:.8;flex-shrink:0;position:absolute;top:4px;right:4px}.tab.active .public-indicator{opacity:1}.tab.active{background:var(--tab-active);color:var(--text-main);box-shadow:var(--shadow-sm);font-weight:600}.add-tab{background:var(--primary-color);cursor:pointer;color:#fff;width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.add-tab:hover{background:var(--primary-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.add-tab:active{transform:translateY(0)scale(.95)}.editor-container{flex-direction:column;flex:1;gap:.75rem;padding:.5rem 0;display:flex}.title-input{min-width:0;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:1.75rem;font-weight:700}.slug-row{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.slug-input{color:var(--primary-color);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;width:100%;padding:0}.slug-prefix{white-space:nowrap}.title-row{align-items:center;gap:1rem;width:100%;display:flex}.title-actions{align-items:center;gap:.5rem;display:flex}.public-toggle-btn{background:var(--editor-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;height:36px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.public-toggle-btn.is-public{color:#9d174d;background:#fdf2f8;border-color:#fbcfe8}.public-toggle-btn.is-editable{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.public-toggle-btn:hover{background:#f8fafc;border-color:#cbd5e1}.public-toggle-btn.is-public:hover{background:#fce7f3;border-color:#f9a8d4}.public-toggle-btn.is-editable:hover{background:#dcfce7;border-color:#86efac}.public-badge{background:var(--line-number-bg);color:var(--text-muted);border:1px solid var(--border-color);border-radius:9999px;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.public-badge.editable{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.copy-link-btn{background:var(--editor-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:36px;padding:.5rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.copy-link-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f10d}.copy-link-btn.copy-success{color:#166534;background:#f0fdf4;border-color:#4ade80}.editor-wrapper{border:1px solid var(--border-color);background:var(--editor-bg);box-shadow:var(--shadow-sm);border-radius:8px;flex:1;min-height:400px;display:flex;position:relative}.line-numbers{background:var(--line-number-bg);width:45px;color:var(--text-muted);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-color);padding:1rem .25rem;font-family:Courier New,monospace;font-size:1rem;line-height:1.6;overflow:hidden}.content-area{resize:none;color:var(--text-main);background:0 0;border:none;outline:none;flex:1;height:auto;padding:1rem;font-family:Courier New,monospace;font-size:1rem;line-height:1.6;overflow-y:auto}.status-bar{color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 0;font-size:.8rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.delete-btn,.clear-all-btn,.logout-btn{background:var(--editor-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:.4rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.delete-btn:hover,.clear-all-btn:hover{color:var(--danger-color);background:#ef44440d;border-color:#ef444433}.logout-btn:hover{color:var(--text-main);border-color:var(--border-color);background:var(--tab-bg)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--editor-bg);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:90%;max-width:400px;padding:2rem;box-shadow:0 20px 25px -5px #0000004d}.modal-content h3{color:var(--text-main);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.modal-content p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:center;gap:.75rem;display:flex}.btn-secondary{background:var(--tab-bg);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--tab-active)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:var(--danger-hover);box-shadow:0 4px 12px #ef44444d}.login-container{background-color:var(--bg-color);justify-content:center;align-items:center;height:100vh;padding:1rem;display:flex}.login-card{background:var(--editor-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:3rem 2.5rem}.login-card h1{color:var(--text-main);margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-card p{color:var(--text-muted);margin-bottom:2.5rem;font-size:.95rem}.password-input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:10px;outline:none;margin-bottom:1rem;padding:.85rem 1.25rem;font-size:1rem;transition:all .2s}.password-input:focus{border-color:var(--primary-color);background:var(--editor-bg);box-shadow:0 0 0 3px #6366f11a}.btn-primary{background:var(--primary-color);color:#fff;border-radius:10px;width:100%;padding:.85rem;font-size:1rem}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.error-text{color:var(--danger-color);margin-top:1.25rem;font-size:.85rem;font-weight:500}@media (width<=768px){.container{padding:1rem}.editor-container{gap:.75rem;padding:.75rem 0}.title-input{font-size:1.5rem}.line-numbers{width:35px;font-size:.9rem}.content-area{font-size:.95rem}}@media (width<=480px){.container{padding:.5rem;padding-bottom:calc(3.5rem + env(safe-area-inset-bottom))}.tabs-wrapper{gap:.35rem;padding:.35rem}.tab{padding:.5rem .75rem;font-size:.8rem}.add-tab{width:32px;height:32px}.title-input{margin-bottom:.25rem;font-size:1.25rem}.status-bar{flex-flow:wrap;gap:.4rem;padding-top:.75rem}.status-bar span:last-child{text-align:right;order:-1;width:100%;margin-bottom:.2rem}.delete-btn,.clear-all-btn,.logout-btn{padding:.3rem .5rem;font-size:.7rem}}