:root{color-scheme:light dark}html:not([data-theme=dark]){--bg:#fff;--fg:#111;--muted:#666;--accent:#3b82f6;--panel:#f7f7f8;--border:#e5e7eb}html[data-theme=dark]{--bg:#0b0b0c;--fg:#f3f4f6;--muted:#a1a1aa;--accent:#60a5fa;--panel:#2a2a2d;--border:#222327}*{box-sizing:border-box}#root,body,html{height:100%}body{background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,Arial;margin:0}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);gap:16px;padding:20px}.brand{font-weight:800;letter-spacing:.5px}.nav{gap:8px}.nav a{border-radius:8px;color:var(--fg);padding:6px 8px;text-decoration:none}.nav a.active{background:rgba(99,102,241,.08);color:var(--accent)}.toolbar-line{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.content{padding:32px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{animation:fade-up .45s ease-out forwards;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.06);opacity:0;padding:14px;transform:translateY(8px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .3s ease}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:0 10px 28px rgba(0,0,0,.1);transform:translateY(-2px)}.card-title{align-items:center;border-bottom:2px solid transparent;color:var(--fg);display:inline-flex;font-size:18px;font-weight:800;gap:6px;line-height:1.25;text-decoration:none;transition:color .15s ease,border-color .15s ease}.card-title:hover{border-bottom-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent)}.muted{color:var(--muted)}.chips{list-style:none;padding-left:0}.badges,.filter{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.chip{align-items:center;background:transparent;border:1px solid var(--border);border-radius:999px;color:var(--fg);cursor:pointer;display:inline-flex;padding:4px 10px}.chip.active{background:rgba(99,102,241,.12);border-color:var(--accent);color:var(--accent)}.chip.clear{opacity:.8}.section-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);padding:14px 16px}.section-header{align-items:center;border-bottom:1px dashed var(--border);display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.section-header h2{font-size:18px;font-weight:800;margin:0}.bullets-clean{list-style:none;margin:0;padding-left:0}.bullets-clean li{line-height:1.6;margin:8px 0}.bullets-clean li:before{color:var(--accent);content:"•";font-weight:900;margin-right:8px}.bullets-check{list-style:none;margin:0;padding-left:0}.bullets-check li{margin:8px 0;padding-left:22px;position:relative}.bullets-check li:before{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border:1px solid var(--accent);border-radius:4px;content:"";height:14px;left:0;position:absolute;top:.35em;width:14px}.bullets-check li:after{color:var(--accent);content:"✓";font-size:12px;left:3px;position:absolute;top:.05em}.section-card.callout{background:color-mix(in srgb,var(--accent) 8%,transparent);border-left:4px solid var(--accent)}.tl{margin:24px 0;padding-left:20px;position:relative}.tl:before{background:var(--border);bottom:0;content:"";left:8px;position:absolute;top:0;width:2px}.tl-item{margin:16px 0 16px;position:relative}.tl-dot{background:var(--accent);border-radius:50%;height:12px;left:2px;position:absolute;top:8px;width:12px}.tl-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px}.tl-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.tl-header img{border-radius:6px}.tl-title{font-weight:700}.tl-sub{color:var(--muted);font-size:14px}.page{margin:0 auto;max-width:1100px;padding:24px}.project-detail .hero{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.title{font-size:28px;font-weight:800;margin:6px 0 14px}.back{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--fg);display:inline-flex;gap:6px;padding:6px 10px;text-decoration:none;transition:.12s ease}.back:hover{border-color:var(--accent);color:var(--accent)}.two-col{display:grid;gap:24px;grid-template-columns:2fr 1fr}@media (max-width:960px){.two-col{grid-template-columns:1fr}}.sticky{position:-webkit-sticky;position:sticky;top:16px}.hero-img{border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.12);margin:8px 0 12px}.divider{background:var(--border);border:0;height:1px;margin:10px 0 12px}.lead{color:var(--muted);line-height:1.7}.bullets{margin:8px 0 12px;padding-left:1.25rem}.bullets li{line-height:1.6;margin:6px 0}.bullets li::marker{color:var(--accent)}.input{background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--fg);outline:none;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input::-webkit-input-placeholder{color:var(--muted)}.input::-ms-input-placeholder{color:var(--muted)}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.switch{align-items:center;color:var(--muted);display:inline-flex;gap:8px}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel);border:1px solid var(--border);border-radius:999px;height:22px;position:relative;transition:border-color .2s,background .2s;width:38px}.switch input:after{background:var(--fg);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transform:translateX(0);transition:transform .18s ease;width:18px}.switch input:checked{background:color-mix(in srgb,var(--accent) 18%,var(--panel));border-color:var(--accent)}.switch input:checked:after{transform:translateX(16px)}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 95%,transparent) 0,color-mix(in srgb,var(--panel) 85%,transparent) 100%);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:12px}.brand{align-items:center;display:flex;gap:10px;padding:6px 6px 10px}.avatar{background:linear-gradient(135deg,#6366f1,#22d3ee);border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.15);color:#fff;display:grid;font-weight:800;height:36px;place-items:center;width:36px}.brand-name{font-weight:800;letter-spacing:.3px}.brand-tag{color:var(--muted);font-size:12px;margin-top:-2px}.nav{display:grid;gap:6px}.nav-item{align-items:center;border:1px solid transparent;border-radius:10px;color:var(--fg);display:flex;gap:10px;padding:8px 10px;text-decoration:none;transition:border-color .15s,background .15s,color .15s,transform .15s}.nav-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 20%,var(--border))}.nav-item.active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent);font-weight:700}.nav-icon{display:grid;height:35px;opacity:.9;place-items:center;width:18px}.dock{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--border);border-radius:12px;display:flex;gap:8px;margin-top:auto;padding:8px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.icon-btn{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.06);color:var(--fg);display:grid;height:34px;place-items:center;transition:border-color .15s,color .15s,transform .15s;width:34px}.icon-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.icon-btn svg{height:18px;width:18px}.seg{background:var(--panel);border:1px solid var(--border);border-radius:10px;display:inline-flex;gap:2px;padding:2px}.seg-btn{background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;padding:4px 8px;transition:background .15s,color .15s}.seg-btn.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}html{view-transition-name:root}::view-transition-new(root),::view-transition-old(root){animation-duration:1s;animation-timing-function:ease}html.theming,html.theming *{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,fill .35s ease,stroke .35s ease!important}