.theme-light{--accent: #D97757;--bg: #FAF9F6;--bg-card: #FFFFFF;--bg-card-alt: #F2EFE9;--bg-sidebar: #F5F4F1;--text: #222222;--text-secondary: #78716c;--text-tertiary: #a8a29e;--border: rgba(0,0,0,.15);--border-subtle: rgba(0,0,0,.06);--border-divider: rgba(0,0,0,.08);--error: #DC2626;--error-soft-bg: #fef2f2;--error-soft-text: #b91c1c;--success-soft-bg: #f0fdf4;--success-soft-text: #15803d;--overlay: rgba(250,249,246,.75);--backdrop: rgba(250,249,246,.85);--noise-opacity: .03;--scrollbar-thumb: rgba(0,0,0,.2)}.theme-dark{--accent: #E59275;--bg: #1A1918;--bg-card: #23211F;--bg-card-alt: #2A2826;--bg-sidebar: #1F1E1C;--text: #EAE9E5;--text-secondary: #a8a29e;--text-tertiary: #78716c;--border: rgba(255,255,255,.15);--border-subtle: rgba(255,255,255,.06);--border-divider: rgba(255,255,255,.08);--error: #F87171;--error-soft-bg: rgba(239,68,68,.15);--error-soft-text: #fca5a5;--success-soft-bg: rgba(34,197,94,.15);--success-soft-text: #86efac;--overlay: rgba(26,25,24,.75);--backdrop: rgba(26,25,24,.85);--noise-opacity: .04;--scrollbar-thumb: rgba(255,255,255,.15)}body{font-family:Inter,sans-serif}.font-serif{font-family:Newsreader,serif}:root{--radius-sketch: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-sketch-alt: 15px 225px 15px 255px / 255px 15px 225px 15px;--radius-sketch-btn: 255px 25px 225px 25px / 25px 225px 25px 255px}.sketch-border{border:1.5px solid var(--border);border-radius:var(--radius-sketch)}.sketch-border-2{border:1.5px solid var(--border);border-radius:var(--radius-sketch-alt)}.accent-color{color:var(--accent)}.accent-bg{background-color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.border-subtle{border-color:var(--border-subtle)}.border-divider{border-color:var(--border-divider)}.card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sketch);transition:all .3s ease}.card-alt{background:var(--bg-card-alt);border:1.5px solid var(--border);border-radius:var(--radius-sketch)}.glass-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-sketch)}.organic-card{background:var(--bg-card-alt);border:1.5px solid var(--border);border-radius:var(--radius-sketch);transition:all .3s ease}.alert-error{background:var(--error-soft-bg);color:var(--error-soft-text)}.alert-success{background:var(--success-soft-bg);color:var(--success-soft-text)}.noise-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}*{scrollbar-width:thin}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}@keyframes modalAppear{to{transform:scale(1);opacity:1}}.text-xxs{font-size:.65rem;line-height:.85rem}
