:root{--bg:#f2f5fb;--ink:#0b1320;--muted:#5b6b82;--line:#e9eef5;--ring:#e5e7eb;--card:#fff;--rail-w:clamp(320px,33vw,520px);--num-color:rgba(2,6,23,.28)}[data-theme=dark]{--bg:#0b1320;--ink:#e5e7eb;--muted:#94a3b8;--line:#1f2937;--ring:#334155;--card:#0f172a;--num-color:hsla(0,0%,100%,.3)}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:Plus Jakarta Sans,ui-sans-serif,system-ui;transition:background-color .35s ease,color .35s ease}@media (min-width:980px){body,html{height:100%;overflow:hidden;overscroll-behavior:none}}.layout{width:calc(100vw - var(--rail-w));height:100vh}.left{height:100%;overflow-y:auto;background:var(--card);border-right:1px solid var(--line)}.right{position:fixed;top:0;right:0;width:var(--rail-w);height:100vh;border-left:1px solid var(--line);background:linear-gradient(180deg,#eef3ff,#eff3fe 70%);overflow:hidden}[data-theme=dark] .right{background:linear-gradient(180deg,#0f172a,#111827 70%)}.container{max-width:1100px;margin:0 auto;padding:56px 28px}.hero h1{font-size:56px;letter-spacing:-.02em;line-height:1.02;margin:0 0 10px;font-weight:800}.tagline{margin:0 0 20px;color:var(--muted);font-size:18px}.cta{display:flex;gap:10px;margin-bottom:28px}.left{position:relative}.topbar{position:-webkit-sticky;position:sticky;top:12px;display:flex;justify-content:flex-end;margin-bottom:8px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--ring);background:var(--card);box-shadow:0 8px 24px rgba(16,24,40,.1);cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px) scale(1.03)}.theme-toggle .emoji{font-size:20px;line-height:1;transition:transform .35s ease}[data-theme=dark] .theme-toggle .emoji{transform:rotate(-20deg) scale(1.05)}.btn{display:inline-block;border-radius:12px;border:1px solid var(--ink);padding:10px 14px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s;color:var(--ink);background:transparent}.btn:hover{background:var(--ink);color:#fff;transform:translateY(-1px)}.btn--ghost{border-color:var(--ring);color:var(--ink)}.btn--sm{padding:8px 12px;font-size:13px}.btn--white-border{border-color:var(--ink)}[data-theme=dark] .btn--white-border{border-color:#fff}[data-theme=dark] .btn--white-border:hover{background:#fff;color:#0b1320;border-color:#fff}[data-theme=dark] .btn:not(.btn--ghost){background:#111827;border-color:#111827;color:#fff}[data-theme=dark] .btn:not(.btn--ghost):hover{background:#0a0f1d;border-color:#0a0f1d;color:#fff}[data-theme=dark] .btn--ghost{border-color:#475569;color:#e5e7eb;background:transparent}[data-theme=dark] .btn--ghost:hover{background:#e5e7eb;color:#0b1220;border-color:#e5e7eb}.section-title{font-size:20px;margin:0 0 14px;font-weight:700}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid var(--ring);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(16,24,40,.05);transition:transform .18s,box-shadow .18s,border-color .18s;transform-origin:center}.card:hover{transform:scale(1.025);box-shadow:0 18px 40px rgba(16,24,40,.12);border-color:#d7dbe3}.card-title{margin:0 0 6px;font-weight:700;font-size:18px}.card-desc{margin:0 0 12px;color:var(--muted)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{font-size:12px;background:#f7f9ff;border:1px solid var(--ring);border-radius:999px;padding:5px 9px}[data-theme=dark] .chip{background:#111827}@media (max-width:979px){.layout{width:100vw;height:auto}.right{display:none}.hero h1{font-size:42px}.layout{width:100vw;height:auto}.right{display:none}.container{padding:calc(16px + env(safe-area-inset-top)) 16px 20px;gap:12px}.hero h1{font-size:clamp(24px,7vw,32px);margin:0 0 6px}.tagline{color:var(--muted);margin:0 0 12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:60ch;font-size:clamp(12px,3.6vw,14px)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:12px;border-radius:14px}.card-title{font-size:14px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{margin:0;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chips{display:none}.btn{padding:8px 12px;font-size:12px;border-radius:12px}}body,html{background:none!important;background-color:var(--bg)!important}#__next,.layout{background-color:var(--bg)}