*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #0a0a0a;--surface: #161616;--surface-2: #202020;--border: #272727;--text: #f0f0f0;--text-muted: #9e9e9e;--text-dim: #c0c0c0;--claude: #e0a84f;--gemini: #6ea8ff;--deepseek: #3fc7d6;--copilot: #b39bff;--openai: #34d1a3;--chatgpt: #10a37f;--ollama_cloud: #b0a695;--custom: #8f96a3;--green: #4ade80;--red: #f87171;--yellow: #fbbf24;--orange: #fb923c;--radius: 20px;--radius-sm: 11px;--shadow: 0 1px 1px rgba(0, 0, 0, .3), 0 10px 28px -14px rgba(0, 0, 0, .6);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f3f7fb;--surface: #ffffff;--surface-2: #edf3f8;--border: #dce5ee;--text: #142033;--text-muted: #68788c;--text-dim: #3f5065;--shadow: 0 1px 2px rgba(25, 55, 85, .05), 0 12px 28px -16px rgba(25, 55, 85, .2);color-scheme:light}}:root[data-theme=light]{--bg: #f3f7fb;--surface: #ffffff;--surface-2: #edf3f8;--border: #dce5ee;--text: #142033;--text-muted: #68788c;--text-dim: #3f5065;--shadow: 0 1px 2px rgba(25, 55, 85, .05), 0 12px 28px -16px rgba(25, 55, 85, .2);color-scheme:light}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5;min-height:100dvh;font-variant-numeric:tabular-nums;transition:background .15s ease,color .15s ease}@media(display-mode:standalone){body{min-height:100svh}}:root[data-theme=light] img[src="/icons/custom.svg"]{filter:brightness(0) saturate(100%);opacity:.78}a,a:visited{color:var(--gemini);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}a:hover,a:visited:hover{color:color-mix(in srgb,var(--gemini) 80%,white);text-decoration:underline}.btn,.btn:visited{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.btn:hover,.btn:visited:hover,.btn:focus-visible{background:var(--surface-2);border-color:color-mix(in srgb,var(--border) 60%,var(--text) 20%);color:var(--text);text-decoration:none}.btn-primary,.btn-primary:visited{background:var(--text);color:var(--bg);border:1px solid var(--text);box-shadow:0 1px 3px #0003;text-decoration:none}.btn-primary:hover,.btn-primary:visited:hover,.btn-primary:focus-visible{background:color-mix(in srgb,var(--text) 88%,var(--bg));color:var(--bg);border-color:color-mix(in srgb,var(--text) 88%,var(--bg));text-decoration:none;opacity:.95}.btn-secondary,.btn-secondary:visited{background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-decoration:none}.btn-secondary:hover,.btn-secondary:visited:hover,.btn-secondary:focus-visible{background:color-mix(in srgb,var(--surface-2) 80%,var(--text) 10%);border-color:color-mix(in srgb,var(--border) 60%,var(--text) 20%);color:var(--text);text-decoration:none}.btn-danger,.btn-danger:visited{background:color-mix(in srgb,var(--red) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 30%,transparent);color:var(--red);text-decoration:none}.btn-danger:hover,.btn-danger:visited:hover,.btn-danger:focus-visible{background:color-mix(in srgb,var(--red) 20%,var(--surface));border-color:var(--red);color:var(--red);text-decoration:none}.btn-lg,.btn-lg:visited{padding:12px 28px;font-size:14.5px;font-weight:700;border-radius:var(--radius-sm)}nav{padding:16px 28px 12px;display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-brand,.nav-brand:visited{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;margin-right:16px}.nav-brand:hover,.nav-brand:visited:hover{text-decoration:none}.nav-brand img{width:22px;height:25px;flex:0 0 auto}.nav-brand-wordmark{display:inline-flex;align-items:baseline;font-size:18px;font-weight:750;line-height:1;letter-spacing:-.8px}.brand-accent{background:linear-gradient(100deg,#24cfe9 5%,#25e3a1 88%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}nav a.nav-link,nav a.nav-link:visited{color:var(--text-muted);text-decoration:none;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;transition:color .1s,background .1s}nav a.nav-link:hover,nav a.nav-link:visited:hover{color:var(--text);background:var(--surface-2)}nav a.nav-link.active{color:var(--text);background:var(--surface-2)}.nav-controls{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;box-shadow:var(--shadow);transition:background .15s,color .15s,border-color .15s}.icon-btn:hover{color:var(--text);background:var(--surface-2)}.icon-btn.active{color:var(--green);border-color:var(--green);background:color-mix(in srgb,var(--green) 12%,var(--surface))}.icon-btn svg{width:18px;height:18px}.edit-toggle .icon-check,.edit-toggle.active .icon-pencil{display:none}.edit-toggle.active .icon-check{display:block}.theme-toggle .icon-sun{display:none}:root[data-theme=light] .theme-toggle .icon-moon{display:none}:root[data-theme=light] .theme-toggle .icon-sun{display:block}.user-dropdown-container{position:relative;display:inline-block}.user-menu-btn{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:0 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:all .15s ease}.user-menu-btn:hover{background:var(--surface-2)}.user-menu-avatar{width:21px;height:21px;border-radius:50%;background:var(--gemini);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-transform:uppercase}.dropdown-caret{width:15px;height:15px;color:var(--text-muted);transition:transform .2s ease}.user-menu-btn.open .dropdown-caret{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);width:184px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 25px #0000004d;padding:7px;z-index:100;display:flex;flex-direction:column;gap:2px}.dropdown-item,.dropdown-item:visited{display:flex;align-items:center;gap:11px;padding:10px 13px;font-size:14px;font-weight:500;color:var(--text-dim);text-decoration:none;border-radius:var(--radius-sm);background:transparent;border:none;width:100%;box-sizing:border-box;cursor:pointer;text-align:left;transition:background .15s,color .15s}.dropdown-item:hover,.dropdown-item:visited:hover,.dropdown-item.active,.dropdown-item.active:visited{background:var(--surface-2);color:var(--text)}.dropdown-item-danger,.dropdown-item-danger:visited{color:var(--red)}.dropdown-item-danger:hover,.dropdown-item-danger:visited:hover{background:color-mix(in srgb,var(--red) 15%,var(--surface));color:var(--red)}.dropdown-icon{width:17px;height:17px;flex-shrink:0}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}main{max-width:1080px;margin:0 auto;padding:32px 28px 48px}