:root{--bg-obsidian:#08080c;--gold:#e6a15c;--gold-glow:#e6a15c33;--titanium-glass:#ffffff05;--border-hairline:#ffffff0d;--border-hover:#e6a15c4d;--text-primary:#f0f0f3;--text-muted:#8e8e9f;--font-serif:"Playfair Display", "Noto Serif JP", serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-obsidian);color:var(--text-primary);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;position:relative;overflow-x:hidden}.noise-overlay{content:"";opacity:.035;z-index:9999;pointer-events:none;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");width:100vw;height:100vh;position:fixed;top:0;left:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-obsidian)}::-webkit-scrollbar-thumb{background:var(--border-hairline);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}h1,h2,h3,h4,.serif-text{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:400}.glass-panel{background:var(--titanium-glass);-webkit-backdrop-filter:blur(12px)saturate(110%);border:1px solid var(--border-hairline);border-radius:8px;transition:border-color .4s cubic-bezier(.25,1,.5,1),box-shadow .4s cubic-bezier(.25,1,.5,1)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:0 8px 32px 0 #0006, 0 0 15px 0 var(--gold-glow)}.cursor-canvas{pointer-events:none;z-index:10000;width:100%;height:100%;position:fixed;top:0;left:0}.custom-cursor{background-color:var(--gold);pointer-events:none;z-index:10001;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.hovered{border:1px solid var(--gold);mix-blend-mode:normal;background-color:#0000;width:48px;height:48px}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(180px,auto);gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:grid}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:640px){.bento-grid{flex-direction:column;padding:16px;display:flex}}