:root{--cyan:#00cce5;--magenta:#f03c8c;--yellow:#ffb020;--cyan-bg:#00cce51a;--cyan-pop:#00cce52e;--magenta-bg:#f03c8c17;--magenta-pop:#f03c8c29;--yellow-bg:#ffb02017;--yellow-pop:#ffb02029;--text:#1a1a24;--text-dim:#72728a;--text-bright:#0a0a12;--bg-card:#ffffff94;--border:#ffffffb3;--border-hover:#ffffffe6;--sidebar-w:220px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);-webkit-font-smoothing:antialiased;background-color:#f7f6f4;background-image:radial-gradient(at 0 0,#82d2ff40 0%,#0000 50%),radial-gradient(at 100% 0,#ff82b433 0%,#0000 45%),radial-gradient(at 50% 100%,#ffd25033 0%,#0000 45%),radial-gradient(#fff9 0%,#0000 60%),linear-gradient(#f9f8f6 0%,#f4f2ee 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:fixed;background-origin:padding-box;background-clip:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.7}::selection{background:#00cce533}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);-webkit-backdrop-filter:blur(20px);z-index:100;background:#f8f7f6e0;border-right:1px solid #ffffff4d;flex-direction:column;padding:40px 24px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-name{color:var(--text-bright);letter-spacing:-.02em;margin-bottom:32px;font-family:Crimson Pro,serif;font-size:20px;font-weight:600;text-decoration:none;transition:opacity .3s;display:block}.sidebar-name:hover{opacity:.7}.sidebar-nav{margin-bottom:32px;list-style:none}.sidebar-nav li{margin-bottom:2px}.sidebar-nav a{color:var(--text-dim);border-radius:7px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover{color:var(--text-bright);background:#0000000a}.sidebar-nav a.active-cyan{color:var(--cyan);background:#00cce51a;font-weight:600}.sidebar-nav a.active-magenta{color:var(--magenta);background:#f03c8c1a;font-weight:600}.sidebar-nav a.active-yellow{color:var(--yellow);background:#ffb0201f;font-weight:600}.nav-icon{opacity:.5;flex-shrink:0;width:17px;height:17px}.sidebar-nav a[class*=active-] .nav-icon{opacity:.8}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid #0000000f;gap:14px;padding-top:18px;display:flex}.sidebar-footer a{color:var(--text-dim);transition:color .2s,transform .3s cubic-bezier(.16,1,.3,1)}.sidebar-footer a:hover{color:var(--text-bright);transform:translateY(-2px)}.topbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f7f6d9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:none;position:sticky;top:0}.topbar-name{color:var(--text-bright);font-family:Crimson Pro,serif;font-size:18px;font-weight:600;text-decoration:none}.topbar-menu{cursor:pointer;color:var(--text);background:0 0;border:none;padding:6px}.sidebar-overlay{z-index:99;background:#0000001f;transition:opacity .3s;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1000px){.sidebar{-webkit-backdrop-filter:none;background:#f5f3f0;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.topbar{display:flex}}