:root{color-scheme:light;--bg: #f6f1e8;--grid: rgb(29 36 51 / .045);--surface: #fffdf8;--surface-2: #f1ebe0;--ink: #1d2433;--muted: #676d7c;--line: #e4d9c7;--tomato: #e5603f;--teal: #23917f;--mustard: #d99a22;--violet: #7563d4;--sky: #3d8fd6;--good: #23917f;--bad: #d4483a;--tone: var(--tomato);--radius: 18px;--radius-sm: 10px;--shadow: 0 1px 0 rgb(29 36 51 / .04), 0 10px 30px -12px rgb(60 45 25 / .18);--font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Meiryo, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--gutter: clamp(16px, 4vw, 32px)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #15171e;--grid: rgb(255 255 255 / .035);--surface: #1e212b;--surface-2: #272b37;--ink: #eceae4;--muted: #a0a3b1;--line: #333849;--tomato: #f07a5b;--teal: #3cb8a3;--mustard: #eab54a;--violet: #9a8cf0;--sky: #6aaef0;--good: #3cb8a3;--bad: #f0715f;--shadow: 0 10px 30px -12px rgb(0 0 0 / .6)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;font-synthesis:none}h1,h2,h3{line-height:1.3;letter-spacing:.01em;margin:0 0 .5em}p{margin:0 0 1em}a{color:inherit}img,svg{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:44px;padding:.45em 1em;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:.95rem;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not(:disabled){border-color:var(--tone)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--tone);border-color:var(--tone);color:#fff}.btn.ghost{background:transparent}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.chip{display:inline-block;padding:.1em .7em;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--surface-2);color:var(--muted)}.note{font-size:.85rem;color:var(--muted)}.tone-tomato{--tone: var(--tomato)}.tone-teal{--tone: var(--teal)}.tone-mustard{--tone: var(--mustard)}.tone-violet{--tone: var(--violet)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}