@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base: #F7F4EF;--bg-surface: #FDFBF8;--bg-raised: #FFFFFF;--bg-subtle: #EDE9E1;--bg-overlay: rgba(30,25,18,.55);--border: rgba(30,25,18,.1);--border-strong: rgba(30,25,18,.22);--border-accent: rgba(180,140,60,.4);--text-primary: #1E1912;--text-secondary: #4A4438;--text-tertiary: #8C7F70;--text-muted: #B5A99A;--text-inverse: #F7F4EF;--accent: #B48C3C;--accent-light: #D4AA60;--accent-dim: rgba(180,140,60,.1);--accent-dim2: rgba(180,140,60,.18);--green: #2D7A4F;--green-dim: rgba(45,122,79,.1);--red: #C0392B;--red-dim: rgba(192,57,43,.1);--blue: #1B4F8A;--blue-dim: rgba(27,79,138,.1);--amber: #B8860B;--amber-dim: rgba(184,134,11,.1);--shadow-sm: 0 1px 3px rgba(30,25,18,.08);--shadow-md: 0 4px 16px rgba(30,25,18,.1);--shadow-lg: 0 12px 40px rgba(30,25,18,.14);--shadow-xl: 0 24px 64px rgba(30,25,18,.18);--r: 6px;--r-lg: 10px;--r-xl: 16px;--font-display: "Playfair Display", Georgia, serif;--font-body: "Crimson Pro", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--font-ui: "Crimson Pro", Georgia, serif;--sidebar-w: 280px;--panel-w: 360px;--topbar-h: 56px}.dark{--bg-base: #111009;--bg-surface: #18160F;--bg-raised: #211F15;--bg-subtle: #2A271A;--bg-overlay: rgba(0,0,0,.7);--border: rgba(245,235,200,.07);--border-strong: rgba(245,235,200,.14);--border-accent: rgba(212,170,96,.35);--text-primary: #F0EBE0;--text-secondary: #C8BEA8;--text-tertiary: #8A7F6A;--text-muted: #5A5040;--text-inverse: #1E1912;--accent: #D4AA60;--accent-light: #ECC878;--accent-dim: rgba(212,170,96,.1);--accent-dim2: rgba(212,170,96,.18);--green: #4CAF7D;--green-dim: rgba(76,175,125,.12);--red: #E05C5C;--red-dim: rgba(224,92,92,.12);--blue: #6B9FD4;--blue-dim: rgba(107,159,212,.12);--amber: #D4A017;--amber-dim: rgba(212,160,23,.12);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-xl: 0 24px 64px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s,color .25s}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}.mono{font-family:var(--font-mono);font-size:.875em}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-moz-selection{background:var(--accent-dim2);color:var(--text-primary)}::selection{background:var(--accent-dim2);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}a,button{transition:color .15s,background .15s,border-color .15s,opacity .15s}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--panel-w);grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.app-shell.panel-hidden{grid-template-columns:var(--sidebar-w) 1fr}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease both}.animate-slide-in{animation:slideIn .25s ease both}.animate-spin{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--bg-raised) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r)}.noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.gold-rule{height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}@media (max-width: 768px){:root{--topbar-h: 52px;--panel-w: 100vw}button,a{-webkit-tap-highlight-color:transparent}button{min-height:36px}h1{font-size:1.75rem}h2{font-size:1.375rem}}