@tailwind base;@tailwind components;@tailwind utilities;:root{--paper-bg: #fcfaf5;--ink-black: #1a1a1a;--ink-blue: #1e293b;--accent-gold: #d4af37;--panel-bg: rgba(255, 255, 255, .85);--border-color: rgba(0, 0, 0, .05);--input-bg: rgba(255, 255, 255, .6);--input-border: #e2e8f0;--input-focus-bg: #ffffff;--shadow-color: rgba(0, 0, 0, .08)}.dark{--paper-bg: #0f172a;--ink-black: #f8fafc;--ink-blue: #e2e8f0;--accent-gold: #fbbf24;--panel-bg: rgba(30, 41, 59, .85);--border-color: rgba(255, 255, 255, .1);--input-bg: rgba(15, 23, 42, .6);--input-border: #334155;--input-focus-bg: #1e293b;--shadow-color: rgba(0, 0, 0, .5)}.bg-texture{background-color:var(--paper-bg);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.01) 2px,rgba(0,0,0,.01) 4px);transition:background-color .5s ease}.dark .bg-texture{background-color:var(--paper-bg);background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px)}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--ink-blue);background-color:var(--paper-bg);transition:color .5s ease,background-color .5s ease}.font-serif{font-family:Merriweather,Georgia,Times New Roman,serif}.font-display{font-family:Cinzel,Times New Roman,Georgia,serif;font-weight:600;letter-spacing:.05em}.font-mono{font-family:JetBrains Mono,Consolas,Monaco,monospace}input,textarea,select{color:var(--ink-blue)!important;background-color:var(--input-bg);transition:all .3s ease;border:1px solid var(--input-border)}input:focus,textarea:focus,select:focus{background-color:var(--input-focus-bg);border-color:#8b5cf6;box-shadow:0 4px 20px -2px #8b5cf61a;color:var(--ink-black)!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--input-bg) inset!important;-webkit-text-fill-color:var(--ink-blue)!important;transition:background-color 5000s ease-in-out 0s}.dark input:-webkit-autofill,.dark input:-webkit-autofill:hover,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(15,23,42,.8) inset!important;-webkit-text-fill-color:#e2e8f0!important}::placeholder{color:#64748b!important;opacity:1!important}::-webkit-input-placeholder{color:#64748b!important;opacity:1!important}.dark ::placeholder,.dark ::-webkit-input-placeholder{color:#94a3b8!important;opacity:1!important}input,textarea,select{color:#1e293b!important;-webkit-text-fill-color:#1e293b!important}.dark input,.dark textarea,.dark select{color:#f1f5f9!important;-webkit-text-fill-color:#f1f5f9!important;background-color:#1e293bf2!important}.dark input:not([type=checkbox]):not([type=radio]),.dark textarea,.dark select{background:#1e293b!important;border-color:#475569!important}.dark input:focus:not([type=checkbox]):not([type=radio]),.dark textarea:focus,.dark select:focus{background:#334155!important;border-color:#8b5cf6!important}.dark select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .5rem center!important;background-repeat:no-repeat!important;background-size:1.5em 1.5em!important;padding-right:2.5rem!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#e2e8f0;border-radius:6px}.dark ::-webkit-scrollbar-track{background:#334155}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#8b5cf6,#6366f1);border-radius:6px;border:2px solid transparent;background-clip:padding-box}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#a78bfa,#818cf8)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#7c3aed,#4f46e5)}::-webkit-scrollbar-corner{background:#e2e8f0}.dark ::-webkit-scrollbar-corner{background:#334155}::selection{background-color:#e9d5ff;color:#4c1d95}.dark ::selection{background-color:#581c87;color:#e9d5ff}*:focus-visible{outline:2px solid #a855f7;outline-offset:2px}.artistic-shadow{box-shadow:0 10px 40px -10px var(--shadow-color),0 2px 10px -2px var(--shadow-color)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:background-color .5s ease,border-color .5s ease}.prose p{margin-bottom:1.5em;line-height:1.8}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.btn-magical{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px -3px #7c3aed4d;border:1px solid rgba(255,255,255,.1)}.btn-magical:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px -5px #7c3aed66;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.btn-magical:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-magical:disabled{opacity:.5;cursor:not-allowed;background:#94a3b8;box-shadow:none}.btn-ghost{background:transparent;color:var(--ink-blue);transition:all .2s ease;border:1px solid transparent}.btn-ghost:hover{background:#7c3aed14;color:#7c3aed}.dark .btn-ghost:hover{background:#8b5cf626;color:#a78bfa}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-color:#7c3aed4d}.nav-pill{position:relative;transition:all .3s ease}.nav-pill.active{background-color:#7c3aed1a;color:#7c3aed}.dark .nav-pill.active{background-color:#8b5cf633;color:#a78bfa}.glass-header{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.05)}.dark .glass-header{background:#0f172ab3;border-bottom:1px solid rgba(255,255,255,.05)}