@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Maru+Gothic:wght@500;700;900&family=Noto+Sans+JP:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--font-display: "Zen Kaku Gothic New", "Noto Sans JP", system-ui, sans-serif;--font-body: "Noto Sans JP", system-ui, sans-serif;--font-grotesk: "Space Grotesk", "Zen Kaku Gothic New", sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--r-xs: 6px;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 34px;--r-pill: 999px;--gap-1: 8px;--gap-2: 14px;--gap-3: 22px;--gap-4: 34px;--gap-5: 56px;--gap-6: 88px;--t-mega: clamp(2.8rem, 7vw, 6rem);--t-h1: clamp(2.2rem, 4.6vw, 3.7rem);--t-h2: clamp(1.7rem, 3vw, 2.6rem);--t-h3: clamp(1.25rem, 1.8vw, 1.55rem);--t-lead: clamp(1.05rem, 1.5vw, 1.3rem);--t-body: 1.02rem;--t-sm: .9rem;--t-xs: .78rem;--sw-1: #2FB873;--sw-2: #FFC94D;--sw-3: #FF7A5C;--sw-4: #5B8DEF;--sw-5: #B07CF0;--sw-6: #1C2B24;--sw-paper: #FCEFD9;--ease: cubic-bezier(.22,.61,.36,1)}:root,:root[data-tone=sprout]{--bg: #F7F5EE;--bg-2: #EFEDE2;--surface: #FFFFFF;--surface-2: #FBFAF4;--ink: #16211B;--ink-soft: #46544C;--muted: #7A857D;--line: #E4E1D5;--line-strong: #16211B;--accent: #1FA968;--accent-press: #178154;--accent-ink: #FFFFFF;--accent-tint: #E4F4EC;--halo: rgba(31,169,104,.16);--shadow-sm: 0 1px 2px rgba(22,33,27,.06), 0 2px 8px rgba(22,33,27,.05);--shadow-md: 0 6px 18px rgba(22,33,27,.08), 0 2px 6px rgba(22,33,27,.05);--shadow-lg: 0 24px 60px rgba(22,33,27,.14);--block: 4px 4px 0 var(--line-strong)}:root[data-tone=studio]{--bg: #F3F5FB;--bg-2: #E9EDF7;--surface: #FFFFFF;--surface-2: #F8FAFE;--ink: #141A2E;--ink-soft: #424B66;--muted: #767E97;--line: #E1E6F1;--line-strong: #141A2E;--accent: #3556F0;--accent-press: #2640C9;--accent-ink: #FFFFFF;--accent-tint: #E6EAFE;--halo: rgba(53,86,240,.16);--shadow-sm: 0 1px 2px rgba(20,26,46,.06), 0 2px 8px rgba(20,26,46,.05);--shadow-md: 0 6px 18px rgba(20,26,46,.09), 0 2px 6px rgba(20,26,46,.05);--shadow-lg: 0 24px 60px rgba(20,26,46,.16);--block: 4px 4px 0 var(--line-strong)}:root[data-tone=ink]{--bg: #0E1412;--bg-2: #121A17;--surface: #18211D;--surface-2: #1E2823;--ink: #ECF3EE;--ink-soft: #B4C2BA;--muted: #8A988F;--line: #283330;--line-strong: #3A4843;--accent: #3DE08A;--accent-press: #2DBE72;--accent-ink: #06120B;--accent-tint: #15302360;--halo: rgba(61,224,138,.18);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 22px rgba(0,0,0,.45);--shadow-lg: 0 28px 70px rgba(0,0,0,.6);--block: 4px 4px 0 var(--line-strong)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--t-body);line-height:1.7;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);font-weight:900;line-height:1.12;letter-spacing:-.01em;margin:0;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:var(--accent-ink)}.mono{font-family:var(--font-mono)}.grotesk{font-family:var(--font-grotesk)}.wrap{width:min(1180px,92vw);margin-inline:auto}.wrap-narrow{width:min(820px,92vw);margin-inline:auto}.kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700}.kicker:before{content:"";width:22px;height:2px;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1rem;padding:14px 22px;border-radius:var(--r-pill);border:2px solid transparent;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background .15s var(--ease);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);background:var(--accent-press)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--surface)}.btn-ink{background:var(--ink);color:var(--bg)}.btn-ink:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-lg{padding:17px 30px;font-size:1.08rem}.btn-sm{padding:9px 16px;font-size:.9rem}.chip{display:inline-flex;align-items:center;gap:7px;font-size:var(--t-xs);font-weight:700;font-family:var(--font-mono);padding:6px 12px;border-radius:var(--r-pill);background:var(--accent-tint);color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.swatches{display:inline-flex;gap:6px}.swatches>i{width:14px;height:14px;border-radius:4px;display:block;box-shadow:inset 0 0 0 1px #00000014}.site-footer{flex:none;border-top:1px solid var(--line);padding:var(--gap-5) 0 var(--gap-4);background:var(--surface)}.site-footer .wrap{max-width:min(1180px,92vw)}.site-footer .footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}.site-footer__brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:900;font-size:1.2rem;letter-spacing:-.01em;white-space:nowrap;color:var(--ink)}.site-footer__mark{width:38px;height:38px;border-radius:11px;flex:none;background:url(../icon.png) center/cover no-repeat;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.site-footer__mark:before,.site-footer__mark:after{content:none}.site-footer__name{display:flex;flex-direction:column}.site-footer__name small{display:block;font-family:var(--font-mono);font-weight:700;font-size:.6rem;letter-spacing:.18em;color:var(--muted);text-transform:uppercase;margin-top:2px}.site-footer__intro{max-width:300px}.site-footer__desc{color:var(--muted);font-size:.9rem;margin-top:14px}.site-footer .footer-cols{display:flex;gap:56px;flex-wrap:wrap}.site-footer .footer-col h4{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700}.site-footer .footer-col a{display:block;color:var(--ink-soft);font-size:.92rem;padding:5px 0}.site-footer .footer-col a:hover{color:var(--accent)}.site-footer .footer-bottom{margin-top:var(--gap-4);padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}@media (max-width: 680px){.site-footer .footer-grid{gap:22px}.site-footer .footer-cols{gap:32px}}