:root{--background:#0f0f10;--card:#161619;--muted:#1f1f23;--border:#26262b;--foreground:#f7f8f8;--muted-foreground:#8a8f98;--primary:#f7f8f8;--primary-foreground:#0f0f10;--success:#4cc38a;--warning:#e2a336;--danger:#e5544b;--info:#6e8bd6;--ring:#6e8bd6;--overlay:#00000080;--shadow-overlay:0 12px 32px #00000073;--radius:8px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}.num{font-variant-numeric:tabular-nums}.skin-forma{--background:#0f0f10;--card:#161619;--card-foreground:#f7f8f8;--muted:#1f1f23;--border:#26262b;--foreground:#f7f8f8;--muted-foreground:#8a8f98;--primary:#f7f8f8;--primary-foreground:#0f0f10;--danger:#e5544b;--info:#6e8bd6;--ring:#6e8bd6;--overlay:#00000080;--shadow-overlay:0 12px 32px #00000073;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.skin-studio{--background:#f7f6f3;--card:#fff;--card-foreground:#1d1d20;--muted:#edecea;--border:#dcdbd7;--foreground:#1d1d20;--muted-foreground:#6f6e74;--primary:#1d4ed8;--primary-foreground:#fff;--danger:#b3261e;--info:#1d4ed8;--ring:#1d4ed8;--overlay:#1d1d2066;--shadow-overlay:0 12px 32px #1d1d2029;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.skin-lodge{--background:#101613;--card:#17201b;--card-foreground:#ece5d3;--muted:#1e2a23;--border:#2b3a31;--foreground:#ece5d3;--muted-foreground:#93a094;--primary:#d3b57e;--primary-foreground:#14100a;--danger:#e07a5f;--info:#8fb3a5;--ring:#d3b57e;--overlay:#080c0a8c;--shadow-overlay:0 12px 32px #00000080;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.site-header{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0f0f10e0;position:sticky;top:0}.site-header-inner{align-items:baseline;gap:12px;max-width:1080px;margin:0 auto;padding:14px 20px;display:flex}.site-header-inner h1{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.site-header-inner .sub{color:var(--muted-foreground);font-size:13px}.site-main{max-width:1080px;margin:0 auto;padding:32px 20px 96px}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:20px;display:grid}.entry-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--motion-instant-duration) var(--motion-instant), transform var(--motion-instant-duration) var(--motion-instant);display:block;overflow:hidden}.entry-card:hover{border-color:#3a3a42}.entry-card:active{transform:scale(.985)}.entry-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.entry-card h2{margin:0;font-size:15px;font-weight:600}.entry-card .meta{color:var(--muted-foreground);gap:8px;margin-top:4px;font-size:12px;display:flex}.entry-card p{color:var(--muted-foreground);margin:10px 0 0;font-size:13px}.entry-card__body{padding:13px 16px 16px}.entry-thumb{background:var(--background);border-bottom:1px solid var(--border);pointer-events:none;-webkit-user-select:none;user-select:none;height:158px;position:relative;overflow:hidden}.entry-thumb__inner{transform-origin:0 0;width:138.889%;padding:16px;transform:scale(.72)}.entry-thumb:after{content:"";background:linear-gradient(to bottom, transparent, var(--background));height:34px;position:absolute;inset:auto 0 0}.chip{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:2px 8px;font-size:11.5px;display:inline-block}.chip--level{color:var(--info);border-color:color-mix(in srgb, var(--info) 40%, transparent)}.chip--id{color:var(--foreground);background:var(--muted);letter-spacing:.02em}.section-label{color:var(--muted-foreground);margin:32px 0 0;font-size:13px;font-weight:600}.howto{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-top:48px;padding:20px 22px}.howto .section-label{margin:0 0 12px}.howto__steps{max-width:68ch;color:var(--muted-foreground);gap:10px;margin:0;padding-left:20px;font-size:13.5px;display:grid}.howto__steps strong{color:var(--foreground);font-weight:500}.howto code{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:calc(var(--radius) - 3px);padding:1px 6px;font-size:12px}.howto__note{border-top:1px solid var(--border);color:var(--muted-foreground);max-width:68ch;margin:14px 0 0;padding-top:12px;font-size:13px}.entry-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-top:8px;display:flex}.entry-head h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.entry-lede{color:var(--muted-foreground);max-width:62ch;margin:8px 0 0}.back-link{color:var(--muted-foreground);font-size:13px}.back-link:hover{color:var(--foreground)}.preview-shell{border:1px solid var(--border);border-radius:var(--radius);margin-top:20px;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.preview-toolbar .spacer{flex:1}.preview-toolbar .hint{color:var(--muted-foreground);font-size:12px}.seg{background:var(--muted);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.seg button{appearance:none;color:var(--muted-foreground);cursor:pointer;transition:background var(--motion-instant-duration) var(--motion-instant), color var(--motion-instant-duration) var(--motion-instant), transform var(--motion-instant-duration) var(--motion-instant);background:0 0;border:0;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:500}.seg button:active{transform:scale(.96)}.seg button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 3px #0000004d}.seg button:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.preview-stage{background:var(--background);color:var(--foreground);min-height:260px;transition:background var(--motion-default-duration) var(--motion-default);place-items:center;padding:44px 24px;display:grid}.preview-stage>*{width:min(28rem,100%)}.preview-stage>.motion-app>*{min-width:min(28rem,100%)}.detail-grid{grid-template-columns:2fr 1fr;align-items:start;gap:12px;margin-top:12px;display:grid}@media (max-width:780px){.detail-grid{grid-template-columns:1fr}}.code-panel details{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);overflow:hidden}.code-panel details+details{margin-top:8px}.code-panel summary{cursor:pointer;font-variant-numeric:tabular-nums;padding:10px 14px;font-size:13px;font-weight:500;list-style:none}.code-panel summary::-webkit-details-marker{display:none}.code-panel summary:before{content:"▸ ";color:var(--muted-foreground)}.code-panel details[open] summary:before{content:"▾ "}.code-panel pre{border-top:1px solid var(--border);margin:0;padding:14px;font-size:12px;line-height:1.6;overflow-x:auto}.manifest-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:16px;font-size:13px}.manifest-panel h3{margin:0 0 10px;font-size:13px;font-weight:600}.manifest-panel dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.manifest-panel dt{color:var(--muted-foreground)}.manifest-panel dd{overflow-wrap:anywhere;margin:0}.manifest-panel ul{color:var(--muted-foreground);margin:6px 0 0;padding-left:18px}.manifest-panel li+li{margin-top:4px}.token-list{flex-wrap:wrap;gap:4px;display:flex}