@import "https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Noto+Sans+JP:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--ink-base:#0e1116;--ink-inset:#0a0d12;--ink-surface:#161b22;--ink-surface-2:#1c222c;--ink-elevated:#21283480;--ink-elevated-solid:#232b38;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--text-primary:#e8edf4;--text-secondary:#9aa7b8;--text-tertiary:#6b7889;--text-disabled:#4a5564;--text-on-accent:#1b1304;--accent:#e8a33d;--accent-hover:#f2b357;--accent-pressed:#cf8f2e;--accent-soft:#e8a33d24;--accent-soft-border:#e8a33d52;--success:#3fb950;--success-soft:#3fb95024;--success-soft-border:#3fb95057;--danger:#f85149;--danger-hover:#ff6259;--danger-soft:#f8514924;--danger-soft-border:#f8514957;--info:#58a6ff;--info-soft:#58a6ff24;--info-soft-border:#58a6ff57;--warning:#e3b341;--warning-soft:#e3b34124;--warning-soft-border:#e3b34157;--bg-app:var(--ink-base);--surface-card:var(--ink-surface);--surface-card-hover:var(--ink-surface-2);--surface-input:var(--ink-inset);--surface-overlay:var(--ink-elevated-solid);--scrim:#06090da8;--text-heading:var(--text-primary);--text-body:var(--text-primary);--text-muted:var(--text-secondary);--text-faint:var(--text-tertiary);--focus-ring:#e8a33d8c;--font-sans:"Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-display:"Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:21px;--text-2xl:25px;--text-3xl:31px;--text-4xl:39px;--leading-tight:1.25;--leading-snug:1.45;--leading-normal:1.7;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--container-max:720px;--tabbar-height:64px;--topbar-height:56px;--tap-min:44px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 16px 40px #0000008c;--shadow-accent:0 6px 20px #e8a33d38;--border-width:1px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-app);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--accent-soft);color:var(--text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:padding-box}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);line-height:var(--leading-tight);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.kit-screen{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.kit-screen--flush{padding-bottom:var(--space-10)}.kit-section-label{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.kit-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.kit-rowbetween{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.kit-muted{color:var(--text-secondary)}.kit-faint{color:var(--text-tertiary);font-size:var(--text-sm)}.kit-mono{font-family:var(--font-mono)}.kit-stack{flex-direction:column;display:flex}.kit-topic{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);overflow:hidden}.kit-topic__head{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-4);cursor:pointer;color:var(--text-primary);text-align:left;font-family:var(--font-display);font-weight:700;font-size:var(--text-md);background:0 0;border:none;display:flex}.kit-topic__head:hover{background:var(--surface-card-hover)}.kit-topic__chev{color:var(--text-tertiary);transition:transform var(--dur-base) var(--ease-out);flex:none;display:inline-flex}.kit-topic__chev--open{transform:rotate(90deg)}.kit-topic__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:400}.kit-cat{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);display:flex}.kit-cat__icon{color:var(--text-tertiary);flex:none;display:inline-flex}.kit-cat__name{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary)}.kit-cat__meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:1px}.kit-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}.app-shell.svelte-12qhfyh{background:radial-gradient(900px 600px at 50% -10%, #e8a33d0f, transparent 60%), var(--ink-base);min-height:100vh;margin:0;display:flex}.device.svelte-12qhfyh{background:var(--bg-app);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.viewport.svelte-12qhfyh{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.viewport.svelte-12qhfyh>*{flex:1;width:100%}.brandbar.svelte-12qhfyh{align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--space-4);background:var(--ink-base);border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.brandbar__logo.svelte-12qhfyh{border-radius:var(--radius-md);background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border:1px solid var(--accent-soft-border);flex:none;justify-content:center;align-items:center;display:inline-flex}.brandbar__name.svelte-12qhfyh{font-family:var(--font-display);font-weight:700;font-size:var(--text-md)}.nav-desktop.svelte-12qhfyh{display:none}@media (width>=768px){.nav-desktop.svelte-12qhfyh{display:contents}.nav-mobile.svelte-12qhfyh,.brandbar.svelte-12qhfyh{display:none}.viewport.svelte-12qhfyh>*{max-width:760px;margin:0 auto}}