:root{--bg-primary:#0a0e1a;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--border:#334155;--text-primary:#f1f5f9;--text-secondary:#64748b;--accent:#d4af37;--accent-hover:#c9a532;--success:#10b981;--danger:#ef4444;--warning:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.spinner{border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary{background:var(--accent);color:var(--bg-primary);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s;box-shadow:0 4px 6px -1px #d4af3733}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .15s}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .15s}.btn-danger:hover{background:var(--danger);color:#fff}input[type=text],input[type=email],input[type=password],textarea{background:var(--bg-tertiary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;transition:all .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #d4af371a}input::placeholder,textarea::placeholder{color:var(--text-secondary)}.card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s}.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 25px -5px #0006}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.badge{border-radius:6px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-secondary{background:var(--border);color:var(--text-primary)}.auth-container{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 50px -12px #00000080}.auth-title{color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-error{border:1px solid var(--danger);color:var(--danger);background:#ef44441a;border-radius:8px;padding:12px 16px;font-size:14px}.auth-link{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:14px}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-content{padding-top:60px;margin-left:0!important}.notes-grid{grid-template-columns:1fr!important}.kanban-board{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-left:20px;padding-right:20px;overflow-x:auto}.kanban-board>div{scroll-snap-align:center;width:calc(100vw - 64px)!important;min-width:unset!important;flex:0 0 calc(100vw - 64px)!important;max-width:calc(100vw - 64px)!important}.auth-card{padding:32px 24px}.editor-container{padding:60px 20px 80px!important}.note-title-mobile{font-size:32px!important}}@media (width<=480px){.auth-card{padding:24px 16px}.note-title-mobile{font-size:28px!important}h1{font-size:24px!important}}