:root{--white:#fff;--grey-50:#fafafa;--grey-100:#f4f4f4;--grey-200:#e8e8e8;--grey-300:#d6d6d6;--grey-400:#8e8e8e;--grey-600:#6b6b6b;--grey-800:#3d3d3d;--ink:#111;--ink-2:var(--grey-800);--ink-3:var(--grey-600);--ink-4:var(--grey-400);--bg:var(--white);--bg-soft:var(--grey-50);--surface:var(--white);--surface-alt:var(--grey-100);--border:var(--grey-300);--border-soft:var(--grey-200);--text:var(--ink);--text-mute:var(--ink-3);--text-accent:var(--ink);--text-on-accent:var(--white);--accent:var(--ink);--accent-hover:var(--grey-800);--accent-soft:var(--grey-100);--focus-ring:var(--ink);--pink:#c2185b;--pink-ink:#a8324f;--pink-soft:#ffe7ef;--pink-line:#f3b9cd;--text-on-pink:#fff;--danger:#b3261e;--danger-bg:#fdf1f0;--danger-border:#f0c9c6;--shadow-sm:none;--shadow-md:0 1px 2px #1111110f;--shadow-lg:0 8px 24px #1111111a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--font-sans:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans JP", sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.35;--leading-normal:1.8;--tracking-tight:-.02em;--tracking-wide:.12em;--container:1120px;--container-narrow:720px;--header-height:56px;--bottomnav-height:60px}@media (width>=900px){:root{--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-md:1.125rem;--text-lg:1.25rem}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0b0b;--bg-soft:#121212;--surface:#131313;--surface-alt:#1c1c1c;--border:#333;--border-soft:#242424;--text:#f2f2f2;--text-mute:#a1a1a1;--text-accent:#f2f2f2;--text-on-accent:#0b0b0b;--accent:#f2f2f2;--accent-hover:#d6d6d6;--accent-soft:#1c1c1c;--focus-ring:#f2f2f2;--pink:#ff7fa6;--pink-ink:#ff9dbb;--pink-soft:#2a1520;--pink-line:#5c2b3d;--text-on-pink:#0b0b0b;--danger:#f2b8b5;--danger-bg:#2a1614;--danger-border:#5c2b27;--shadow-md:0 1px 2px #0009;--shadow-lg:0 8px 24px #000000b3}}:root[data-theme=dark]{--bg:#0b0b0b;--bg-soft:#121212;--surface:#131313;--surface-alt:#1c1c1c;--border:#333;--border-soft:#242424;--text:#f2f2f2;--text-mute:#a1a1a1;--text-accent:#f2f2f2;--text-on-accent:#0b0b0b;--accent:#f2f2f2;--accent-hover:#d6d6d6;--accent-soft:#1c1c1c;--focus-ring:#f2f2f2;--pink:#ff7fa6;--pink-ink:#ff9dbb;--pink-soft:#2a1520;--pink-line:#5c2b3d;--text-on-pink:#0b0b0b;--danger:#f2b8b5;--danger-bg:#2a1614;--danger-border:#5c2b27;--shadow-md:0 1px 2px #0009;--shadow-lg:0 8px 24px #000000b3}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);word-break:normal;overflow-wrap:anywhere;line-break:strict;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,video{max-width:100%;height:auto;display:block}a{color:var(--text);text-underline-offset:.2em;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}a:hover{text-decoration-color:currentColor}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}.container{width:100%;max-width:var(--container);padding-inline:var(--space-4);margin-inline:auto}.container-narrow{max-width:var(--container-narrow)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);z-index:100;padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--text-on-accent);border-radius:var(--radius-sm);transition:top .15s;position:absolute;top:-100px}.skip-link:focus{top:var(--space-2)}.heading{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text)}.heading-xl{font-size:var(--text-2xl)}.heading-lg{font-size:var(--text-xl)}.heading-md{font-size:var(--text-lg);letter-spacing:-.01em}@media (width>=768px){.heading-xl{font-size:var(--text-3xl)}.heading-lg{font-size:var(--text-2xl)}}.muted{color:var(--text-mute);font-size:var(--text-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-base);cursor:pointer;border:1px solid #0000;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);color:var(--text-on-accent)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--surface-alt)}.btn-ghost{color:var(--text-mute);min-height:40px;padding-inline:var(--space-3);background:0 0}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.panel{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-5)}.chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chips__count{margin-left:var(--space-2);opacity:.65}.tag{padding:3px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--text-xs);white-space:nowrap;align-items:center;text-decoration:none;display:inline-flex}.tag:hover{background:var(--pink);border-color:var(--pink);color:var(--text-on-pink)}body{overflow-x:clip}.work__hinban{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tag--flat{color:var(--ink-3);cursor:default;border-style:dashed}.tag--flat:hover{background:var(--surface);border-color:var(--border);color:var(--ink-3)}.work-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=600px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.work-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr))}}.prose{font-size:var(--text-lg);line-height:1.95}.prose>*+*,.prose p+p{margin-top:var(--space-5)}.prose strong{color:var(--text-accent);font-weight:700}.prose h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);margin-top:var(--space-8);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);font-weight:700;line-height:1.45;position:relative}.prose h2:after{content:"";background:var(--pink);width:2.5em;height:3px;position:absolute;inset-block-end:-1px;inset-inline-start:0}.prose h3{font-family:var(--font-display);font-size:var(--text-xl);margin-top:var(--space-7);font-weight:700;line-height:1.5}.prose li::marker{color:var(--pink)}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--pink-line);text-decoration-color:var(--pink-line);text-underline-offset:.25em;text-decoration-thickness:2px}.prose a:hover,.prose a:focus-visible{-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.prose ul,.prose ol{padding-left:1.4em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li+li{margin-top:var(--space-2)}.prose blockquote{padding:var(--space-4) var(--space-5);border-left:3px solid var(--pink);background:var(--surface-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text);font-size:var(--text-base)}.prose code{background:var(--surface-alt);font-family:var(--font-mono);border-radius:3px;padding:.1em .4em;font-size:.9em}.prose img{border-radius:var(--radius-md)}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);display:block;overflow-x:auto}.prose th,.prose td{padding:var(--space-3);border:1px solid var(--border-soft);text-align:start;vertical-align:top;white-space:normal}.prose th{background:var(--pink-soft);border-block-end-color:var(--pink-line);white-space:nowrap;font-weight:700}.prose .figure{margin:var(--space-6) 0;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:var(--bg-soft)}.prose .figure svg{width:100%;height:auto;color:var(--text);display:block}@media (width<=640px){.prose .figure{-webkit-overflow-scrolling:touch;overflow-x:auto}.prose .figure svg{min-width:560px}}.prose .figure figcaption{margin-top:var(--space-3);color:var(--text-mute);font-size:var(--text-xs);text-align:center}.prose>blockquote:first-child{padding:var(--space-4) var(--space-5);border-left:3px solid var(--pink);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--pink-soft);color:var(--text);margin-block-end:var(--space-6)}.prose>blockquote:first-child p:first-child{margin-block-start:0}.prose>blockquote:first-child ul{margin-block-end:0}.section{margin-top:var(--space-7)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-soft);box-shadow:inset 0 -1px 0 0 var(--pink-line);clip-path:inset(0 0 -2px);display:flex}.section-head a{font-size:var(--text-sm);white-space:nowrap;color:var(--text-mute);text-decoration:none}.section-head a:hover{color:var(--text);text-decoration:underline}.empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-mute);background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.prose .voice{gap:var(--space-3);margin:var(--space-6) 0;grid-template-columns:46px 1fr;align-items:start;display:grid}.prose .voice__avatar{color:var(--text-mute);justify-items:center;gap:2px;display:grid}.prose .voice__face{border-radius:var(--radius-pill);background:var(--surface-alt);object-fit:cover;width:42px;height:42px;display:block}.prose .voice__name{letter-spacing:var(--tracking-wide);color:var(--text-mute);font-size:10px}.prose .voice__bubble{padding:var(--space-4);border:1px solid var(--pink-line);border-radius:var(--radius-lg);background:var(--pink-soft);font-size:var(--text-sm);line-height:1.9;position:relative}.prose .voice__bubble:before,.prose .voice__bubble:after{content:"";border-block:7px solid #0000;border-inline-end:8px solid var(--pink-line);width:0;height:0;position:absolute;inset-block-start:15px;inset-inline-start:-8px}.prose .voice__bubble:after{border-inline-end-color:var(--pink-soft);inset-inline-start:-7px}.prose .voice__bubble>:first-child{margin-block-start:0}.prose .voice__bubble>:last-child{margin-block-end:0}.prose .voice--think .voice__bubble{background:0 0;border-style:dashed}.prose .voice--think .voice__bubble:after{border-inline-end-color:var(--bg)}.prose .voice__avatar{color:var(--pink-ink)}