:root{--color-navy:#1b2a4a;--color-navy-deep:#16243e;--color-soft-cream:#faf6f0;--color-off-white:#f2ede4;--color-light-gold:#f5edd6;--color-mid:#d4cec6;--color-muted:#8b8278;--color-dark:#1a1a1a;--color-gold:#c9a84c;--color-copper:#b87333;--color-blush:#d4845a;--color-copper-bg:#fdf0e0;--color-copper-light:#f5e6d0;--color-blush-bg:#fdf0e8;--color-blush-light:#f8e6d8;--color-green:#2a7a4b;--color-green-bg:#e8f5ee;--color-red:#c62828;--color-red-bg:#fdecea;--color-amber:#b45309;--color-amber-bg:#fef3c7;--color-blue:#1565c0;--color-blue-bg:#e3f2fd;--font-display:"Cormorant Garamond",Georgia,serif;--font-ui:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--shadow-card:0 4px 12px #ffffff14,0 16px 40px #ffffff0f,0 32px 64px #c9a84c14,0 0 0 1px #ffffff1a;--shadow-card-hover:0 6px 20px #ffffff1f,0 20px 48px #ffffff14,0 40px 72px #c9a84c1f,0 0 0 1px #c9a84c38;--sidebar-width:228px;--sidebar-radius:0 20px 20px 0;--sidebar-shadow:4px 0 24px #00000040,inset -1px 0 0 #c9a84c14;--transition-mode:.35s cubic-bezier(.4,0,.2,1);--transition-fast:.15s ease;--transition-base:.25s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-ui);color:var(--color-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-size:14px}.h-app{background:var(--color-navy-deep);height:100vh;display:flex;overflow:hidden}.h-main{background:var(--color-soft-cream);flex-direction:column;flex:1;display:flex;overflow-y:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.h-display{font-family:var(--font-display)}.h-display,.h-mono{color:var(--color-navy)}.h-mono{font-family:var(--font-mono)}@keyframes modeFlip{0%{opacity:1;transform:rotateY(0)}50%{opacity:0;transform:rotateY(90deg)}51%{opacity:0;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.h-mode-flip{animation:modeFlip var(--transition-mode) ease-in-out}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}