#theme-toggle{position:relative;background:transparent;border:1px solid var(--border);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);padding:0;margin:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease!important}#theme-toggle:hover{border-color:var(--accent);color:var(--accent);transform:rotate(15deg)}#theme-toggle svg{position:absolute;top:50%;left:50%;transition:opacity .3s ease,transform .3s ease!important}:root[data-theme=dark] #sun{opacity:0;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}:root[data-theme=dark] #moon{opacity:1;transform:translate(-50%,-50%) rotate(0)}:root[data-theme=light] #sun{opacity:1;transform:translate(-50%,-50%) rotate(0)}:root[data-theme=light] #moon{opacity:0;transform:translate(-50%,-50%) rotate(90deg);pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:root[data-theme=dark]{--bg: #050505;--bg-color: #050505;--text: #f3f4f6;--text-main: #e5e7eb;--text-dim: #888888;--text-muted: #888888;--accent: #ef233c;--accent-red: #ef233c;--border: #262626;--border-color: #262626;--card-border: #333333;--code-bg: #0a0a0a;--nav-blur: rgba(5, 5, 5, .85);--surface-glass: rgba(18, 18, 18, .65);--surface-color: rgba(18, 18, 18, .45);--ring-bg: rgba(38, 38, 38, .8);--grid-color: rgba(255, 255, 255, .03);--glow-bg: radial-gradient(ellipse at top, rgba(239, 35, 60, .1) 0%, transparent 60%)}:root[data-theme=light]{--bg: #ffffff;--bg-color: #fcfcfc;--text: #0a0a0a;--text-main: #0a0a0a;--text-dim: #4b5563;--text-muted: #555555;--accent: #ef233c;--accent-red: #ef233c;--border: #d1d5db;--border-color: #e5e7eb;--card-border: #000000;--code-bg: #0a0a0a;--nav-blur: rgba(255, 255, 255, .9);--surface-glass: rgba(255, 255, 255, .65);--surface-color: rgba(255, 255, 255, .8);--ring-bg: rgba(229, 231, 235, .8);--grid-color: rgba(0, 0, 0, .04);--glow-bg: radial-gradient(ellipse at top, rgba(239, 35, 60, .05) 0%, transparent 60%)}body,nav,.card,.motive-card,.cat-link,.info-card,.toc-card,.dropdown-panel,.prose,.contact-box,.terminal-block,h1,h2,h3,p{transition:background-color .3s ease,border-color .3s ease,color .3s ease}*{box-sizing:border-box}html{height:100%}body{margin:0;background-color:var(--bg);background-image:var(--glow-bg);background-repeat:no-repeat;background-position:top center;color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6;position:relative;display:flex;flex-direction:column;min-height:100vh}nav{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--nav-blur);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:1rem 5vw;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease,border-color .3s ease}.logo{font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:800;text-decoration:none;color:var(--accent);letter-spacing:-.5px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{text-decoration:none;color:var(--text-dim);font-size:.9rem;font-family:JetBrains Mono,monospace;transition:color .2s;font-weight:700}.nav-links a:hover,.nav-links a.active{color:var(--accent)}@media(max-width:600px){body{overflow-x:hidden;width:100%}nav{flex-direction:column;align-items:flex-start;padding:.8rem 1.2rem!important;gap:.6rem;background:#050505a6!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}:root[data-theme=light] nav{background:#ffffffa6!important}.nav-links{width:100%;justify-content:flex-start;gap:1.5rem!important;padding-right:0}.nav-links a{font-size:.85rem;border:none!important;padding:0!important;background:transparent!important}#theme-toggle{position:absolute!important;top:2rem!important;right:1.2rem!important;margin:0!important}#theme-toggle:focus,#theme-toggle:active{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}}
