.theme-slider{--slider-track: linear-gradient(120deg, #1f1f1f, #0a0a0a);--slider-thumb: #080808;--slider-border: rgba(255, 255, 255, .16);--slider-shadow: 0 4px 10px rgba(0, 0, 0, .35);position:relative;width:64px;height:34px;padding:0;border:1px solid var(--slider-border);border-radius:999px;background:transparent;cursor:pointer;outline:none;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,box-shadow .2s ease}.theme-slider .slider-track{position:relative;width:56px;height:26px;border-radius:999px;background:var(--slider-track);display:block;transition:background .3s ease}.theme-slider .slider-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);box-shadow:var(--slider-shadow);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.theme-slider.slider-dark{--slider-track: linear-gradient(135deg, #1b1b1b, #000000);--slider-thumb: #ffffff;--slider-border: rgba(255, 255, 255, .2);--slider-shadow: 0 4px 12px rgba(0, 0, 0, .6)}.theme-slider.slider-dark .slider-thumb{transform:translate(28px)}.theme-slider.slider-light{--slider-track: linear-gradient(135deg, #f1f1f1, #d9d9d9);--slider-thumb: #000000;--slider-border: rgba(15, 27, 46, .12);--slider-shadow: 0 4px 10px rgba(15, 27, 46, .18)}.theme-slider.slider-light .slider-thumb{transform:translate(0)}.theme-slider:focus-visible{box-shadow:0 0 0 2px #fff9;border-color:#ffffffbf}.theme-slider--site{background:var(--surface-muted)}.theme-slider--calc{border-color:var(--calc-border)}.theme-slider--calc.slider-dark{--slider-track: linear-gradient(135deg, #1d1d1d, #000000);--slider-thumb: #0d0d0d;--slider-shadow: 0 4px 10px rgba(0, 0, 0, .65)}.theme-slider--calc.slider-light{--slider-track: linear-gradient(135deg, #f5f5f5, #dedede);--slider-thumb: #ffffff;--slider-shadow: 0 4px 10px rgba(15, 27, 46, .18)}.theme-slider--calc:focus-visible{box-shadow:0 0 0 2px #7ed0ff99}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#000;color:var(--text-color);box-shadow:0 2px 8px #00000059;border-bottom:1px solid #0f0f0f}.site-brand{font-weight:700;letter-spacing:.03em}.site-nav{display:flex;gap:.6rem}.nav-link{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--muted-text);text-decoration:none;transition:color .2s ease,background-color .2s ease}.nav-icon{font-size:1.15rem;line-height:1}.nav-link:hover{color:var(--text-color);background:var(--surface-hover)}.nav-link.active{color:var(--button-text, #f8fbff);background:color-mix(in srgb,var(--accent) 75%,#ffffff 25%)}.header-actions{display:flex;align-items:center;gap:.75rem;min-width:0}.header-error{max-width:260px;font-size:.75rem;color:var(--muted-text);text-align:right}.header-auth-button{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--text-color);font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease}.header-auth-button:hover:not(:disabled){background:var(--surface);border-color:color-mix(in srgb,var(--border-subtle) 70%,#ffffff 30%);transform:translateY(-1px)}.header-auth-button:disabled{cursor:not-allowed;opacity:.7}.header-profile-chip{display:inline-flex;align-items:center;gap:.5rem;min-width:0;padding:.35rem .45rem .35rem .35rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border-subtle)}.header-profile-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex-shrink:0;background:var(--surface-strong);color:var(--button-text);font-weight:600;font-size:.85rem}.header-profile-avatar img{width:100%;height:100%;object-fit:cover}.header-profile-meta{min-width:0;display:flex;flex-direction:column;gap:.1rem}.header-profile-meta strong,.header-profile-meta span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-meta span{font-size:.75rem;color:var(--muted-text)}.app-shell[data-theme=light] .site-header{background:#fff;color:var(--text-color);box-shadow:0 2px 12px #0f1b2e14;border-bottom:1px solid var(--border-subtle)}.app-shell[data-theme=light] .nav-link{color:#000}.app-shell[data-theme=light] .nav-link:hover{background:#ffffff1f}.app-shell[data-theme=light] .nav-link.active{background:#1a1a1a;color:#f8fbff}@media (max-width: 960px){.site-header{flex-wrap:wrap;gap:.75rem}.header-actions{width:100%;justify-content:space-between}.header-error{order:2;max-width:none;flex:1 1 100%;text-align:left}}@media (max-width: 640px){.header-profile-meta{display:none}.header-profile-chip{padding-right:.35rem}.header-auth-button{padding-inline:.7rem}}:root{font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #000000;--page-bg: #000000;--text-color: #f2f2f2;--muted-text: #b7b7b7;--surface: #0b0b0b;--surface-muted: #111111;--surface-strong: #161616;--surface-hover: rgba(255, 255, 255, .08);--border-subtle: #1f1f1f;--accent: #000000;--button-text: #f8fbff;--shadow: 0 12px 32px rgba(0, 0, 0, .35)}.app-shell{background:var(--page-bg);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}body[data-theme=light]{--bg: #f2f4f8;--page-bg: radial-gradient(circle at 20% 20%, rgba(126, 208, 255, .35), transparent 30%), radial-gradient(circle at 80% 0%, rgba(147, 197, 253, .25), transparent 25%), #f2f4f8;--text-color: #0f1b2e;--muted-text: #5c677d;--surface: #ffffff;--surface-muted: #f8fbff;--surface-strong: #0e1a2b;--surface-hover: rgba(15, 27, 46, .06);--border-subtle: #e3e8f0;--accent: #000000;--button-text: #f8fbff;--shadow: 0 12px 32px rgba(15, 27, 46, .08)}body{margin:0;min-height:100vh;background:var(--page-bg)}.page-shell{flex:1;padding:1.5rem}.page-section{background:var(--surface);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-subtle)}.page-section.frameless{background:transparent;border:none;box-shadow:none;padding:0}.page-section.full-bleed{padding:0;overflow:hidden}.section-heading{margin:0 0 .75rem;font-size:1.4rem;color:var(--text-color)}.text-muted{color:var(--muted-text)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.card{padding:1rem;border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-muted);box-shadow:0 6px 18px #0003;color:var(--text-color)}.card h3{margin:0 0 .35rem}.link-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:8px;background:var(--accent);color:var(--button-text, #f8fbff);border:none;cursor:pointer;font-weight:600;transition:background .2s ease,transform .1s ease}.link-button:hover{background:color-mix(in srgb,var(--accent) 85%,#ffffff 15%);transform:translateY(-1px)}.small-divider{margin:1rem 0;border:none;border-top:1px solid var(--border-subtle)}.tool-card{display:flex;flex-direction:column;gap:.5rem}.tool-meta{margin:0;color:var(--muted-text)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:1rem}.tile-card{position:relative;aspect-ratio:16 / 9;width:min(420px,100%);border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface-muted);box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex}.tile-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003;border-color:var(--accent)}.project-card{cursor:default}.tile-content{padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem}.tile-title{margin:0}