:root{--bg-shoji:#faf8f4;--bg-washi:#f5f1ea;--bg-kinu:#eee9df;--bg-suna:#e6e0d4;--bg-white:#fff;--text-sumi:#2c2a26;--text-bokashi:#5c5750;--text-usuzumi:#6e6860;--accent-shu:#c23b22;--accent-shu-soft:#d4604c;--accent-shu-deep:#a3301b;--accent-shu-wash:#fdf0ee;--accent-matcha:#5b7a5e;--accent-matcha-soft:#7a9a7d;--accent-matcha-wash:#f0f5f0;--accent-gold:#d8b561;--accent-gold-wash:#fdf8ed;--border-light:#ddd8ce;--border-mid:#c5bfb3;--border-focus:#a09888;--state-success:#5b7a5e;--state-error:#c23b22;--state-warning:#c49a2a;--state-info:#4a6e8a;--state-disabled:#c5bfb3;--state-error-wash:#fee2e2;--state-error-text:#991b1b;--state-success-wash:#dcfce7;--state-success-text:#166534;--font-sans:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, -apple-system, sans-serif;--text-2xs:.5625rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.25rem;--text-4xl:3rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.3;--leading-normal:1.6;--leading-loose:1.8;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--exercise-frame-gap:var(--space-4);--exercise-control-gap:var(--space-3);--exercise-action-gap:var(--space-4);--exercise-result-padding:var(--space-4);--content-width:52rem;--content-wide:68rem;--nav-height:3.5rem;--bp-sm:37.5rem;--bp-md:48rem;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--shadow-sm:0 1px 2px #2c2a260f;--shadow-md:0 2px 8px #2c2a2614;--shadow-lg:0 4px 16px #2c2a261a;--shadow-card:0 1px 3px #2c2a260a, 0 4px 12px #2c2a260f;--ease-out:cubic-bezier(.25, .46, .45, .94);--ease-in-out:cubic-bezier(.42, 0, .58, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--ink-float-duration:.8s;--z-base:0;--z-above:10;--z-nav:100;--z-overlay:200;--z-modal:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-sumi);background-color:var(--bg-shoji);min-height:100dvh}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-sumi)}h1{font-size:var(--text-3xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-wide)}h2{font-size:var(--text-2xl);font-weight:var(--weight-regular)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-block-end:var(--space-4)}p:last-child{margin-block-end:0}strong{font-weight:var(--weight-semibold)}small{font-size:var(--text-sm);color:var(--text-bokashi)}a{color:var(--accent-shu);text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-shu-deep);text-decoration:underline;text-decoration-thickness:1px}a:active{color:var(--accent-shu-deep)}a.btn-primary,a.btn-secondary,a.btn-ghost,a.btn,a.btn-primary:hover,a.btn-secondary:hover,a.btn-ghost:hover,a.btn:hover{text-decoration:none}button,.btn,.btn-primary,.btn-secondary,.btn-ghost{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:var(--space-3) var(--space-6);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;min-height:2.5rem;transition:background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;border-radius:999px;line-height:1;text-decoration:none;display:inline-flex}button:focus-visible,.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible{outline:2px solid var(--accent-shu);outline-offset:2px}button:disabled,.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-shu);color:var(--bg-white);border-color:var(--accent-shu);box-shadow:0 1px 3px #c23b2233}.btn-primary:hover:not(:disabled){background-color:var(--accent-shu-deep);border-color:var(--accent-shu-deep);color:var(--bg-white);text-decoration:none;box-shadow:0 3px 10px #c23b2240}.btn-primary:active:not(:disabled){background-color:var(--accent-shu-deep);transform:scale(.98);box-shadow:0 1px 2px #c23b2233}.btn-secondary{color:var(--text-sumi);border-color:var(--border-mid);background-color:#0000}.btn-secondary:hover,.btn-secondary:hover:not(:disabled){background-color:var(--bg-kinu);border-color:var(--border-focus);color:var(--text-sumi);box-shadow:var(--shadow-sm);text-decoration:none}.btn-secondary:active:not(:disabled){background-color:var(--bg-suna);transform:scale(.98)}.btn-ghost{color:var(--text-bokashi);background-color:#0000;border-color:#0000}.btn-ghost:hover,.btn-ghost:hover:not(:disabled){background-color:var(--bg-washi);color:var(--text-sumi);text-decoration:none}.btn-ghost:active:not(:disabled){background-color:var(--bg-kinu);transform:scale(.98)}input,textarea,select{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-sumi);background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);width:100%}input:focus,textarea:focus,select:focus{border-color:var(--accent-shu);box-shadow:0 0 0 3px var(--accent-shu-wash);outline:none}input::placeholder,textarea::placeholder{color:var(--text-usuzumi)}label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-bokashi);letter-spacing:var(--tracking-wide);margin-block-end:var(--space-1);display:block}.card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.exercise-control-stack,.exercise-choice-grid{gap:var(--exercise-control-gap);display:grid}.exercise-actions{gap:var(--exercise-action-gap);flex-wrap:wrap;display:flex}.exercise-actions--stacked{gap:var(--exercise-action-gap);display:grid}.exercise-actions--full .btn,.exercise-actions--full button{width:100%}.exercise-pill{align-items:center;gap:var(--space-1);border:1px solid var(--border-light);padding:var(--space-1) var(--space-3);color:var(--text-bokashi);font-size:var(--text-sm);border-radius:999px;display:inline-flex}.exercise-note{color:var(--text-usuzumi);font-size:var(--text-sm);margin:0}@media (width<=37.5rem){.exercise-actions{display:grid}.exercise-actions .btn,.exercise-actions button{width:100%}}:focus-visible{outline:2px solid var(--accent-shu);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border-mid);background-clip:content-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--border-focus)}*{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}::selection{background-color:var(--accent-shu-wash);color:var(--accent-shu-deep)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-japanese{font-feature-settings:"palt";line-height:var(--leading-loose)}.text-japanese-lg{font-size:var(--text-2xl);font-weight:var(--weight-regular);letter-spacing:var(--tracking-wider)}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:page-enter var(--duration-slow) var(--ease-out) both}.portfolio-shell.svelte-12qhfyh{flex-direction:column;min-height:100dvh;display:flex}.portfolio-main.svelte-12qhfyh{flex:1}.shell.svelte-12qhfyh{flex-direction:column;min-height:100dvh;display:flex}.header.svelte-12qhfyh{z-index:var(--z-nav);border-bottom:1px solid var(--border-light);background:color-mix(in srgb, var(--bg-shoji) 94%, white);position:sticky;top:0}.header-inner.svelte-12qhfyh{max-width:var(--content-wide);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.title.svelte-12qhfyh{font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);color:var(--text-sumi);text-decoration:none}.nav.svelte-12qhfyh{gap:var(--space-2);flex-wrap:wrap;display:flex}.nav-link.svelte-12qhfyh{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-bokashi);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);flex-direction:column;align-items:center;line-height:1.2;text-decoration:none;display:flex}.nav-link.svelte-12qhfyh:hover{background:var(--bg-kinu);color:var(--text-sumi);text-decoration:none}.nav-link.active.svelte-12qhfyh{background:var(--accent-shu-wash);color:var(--accent-shu-deep)}.nav-en.svelte-12qhfyh{font-size:var(--text-sm);font-weight:var(--weight-medium)}.nav-ja.svelte-12qhfyh{font-size:var(--text-xs);color:var(--text-usuzumi)}.nav-link.active.svelte-12qhfyh .nav-ja:where(.svelte-12qhfyh){color:var(--accent-shu-deep)}.main.svelte-12qhfyh{flex:1}.container.svelte-12qhfyh{max-width:var(--content-width);padding:var(--space-8) var(--space-4) var(--space-12);margin:0 auto}.footer.svelte-12qhfyh{border-top:1px solid var(--border-light);padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--text-usuzumi);justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-gate.svelte-12qhfyh{min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;display:grid}.login-card.svelte-12qhfyh{border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-shoji) 92%, white);width:min(100%,25rem);box-shadow:0 10px 28px color-mix(in srgb, var(--text-sumi) 7%, transparent);padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.welcome.svelte-12qhfyh{color:var(--text-bokashi);font-size:var(--text-sm);margin:0;line-height:1.6}.field.svelte-12qhfyh{gap:var(--space-2);display:grid}.field-label.svelte-12qhfyh{font-size:var(--text-sm);color:var(--text-sumi)}.field-input.svelte-12qhfyh{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-shoji);width:100%;color:var(--text-sumi);padding:var(--space-2) var(--space-3);font:inherit;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.field-input.svelte-12qhfyh:focus-visible{border-color:var(--accent-shu-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-shu) 18%, transparent)}.submit-button.svelte-12qhfyh{margin-top:var(--space-1);border:1px solid var(--accent-shu-soft);background:var(--accent-shu-wash);color:var(--accent-shu-deep);padding:var(--space-2) var(--space-3);font:inherit;font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:999px}.submit-button.svelte-12qhfyh:hover:not(:disabled){background:color-mix(in srgb, var(--accent-shu-wash) 75%, white);border-color:var(--accent-shu)}.submit-button.svelte-12qhfyh:disabled{opacity:.65;cursor:wait}.error-message.svelte-12qhfyh{min-height:1.25em;color:var(--accent-shu-deep);font-size:var(--text-sm);margin:0}@media (width<=48rem){.header-inner.svelte-12qhfyh{flex-direction:column;align-items:flex-start}.login-card.svelte-12qhfyh{padding:var(--space-5)}}