:root{--bg-shoji: #faf8f4;--bg-washi: #f5f1ea;--bg-kinu: #eee9df;--bg-suna: #e6e0d4;--bg-white: #ffffff;--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;--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 rgba(44, 42, 38, .06);--shadow-md: 0 2px 8px rgba(44, 42, 38, .08);--shadow-lg: 0 4px 16px rgba(44, 42, 38, .1);--shadow-card: 0 1px 3px rgba(44, 42, 38, .04), 0 4px 12px rgba(44, 42, 38, .06);--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{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}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-decoration:none;text-underline-offset:.2em;transition:color var(--duration-fast) var(--ease-out)}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{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;letter-spacing:var(--tracking-wide);padding:var(--space-3) var(--space-6);min-height:2.5rem;border:1px solid transparent;border-radius:999px;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap;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)}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{background-color:transparent;color:var(--text-sumi);border-color:var(--border-mid)}.btn-secondary:hover,.btn-secondary:hover:not(:disabled){background-color:var(--bg-kinu);border-color:var(--border-focus);color:var(--text-sumi);text-decoration:none;box-shadow:var(--shadow-sm)}.btn-secondary:active:not(:disabled){background-color:var(--bg-suna);transform:scale(.98)}.btn-ghost{background-color:transparent;color:var(--text-bokashi);border-color:transparent}.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{outline:none;border-color:var(--accent-shu);box-shadow:0 0 0 3px var(--accent-shu-wash)}input::placeholder,textarea::placeholder{color:var(--text-usuzumi)}label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-bokashi);margin-block-end:var(--space-1);letter-spacing:var(--tracking-wide)}.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)}: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:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-mid);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.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{min-height:100dvh;display:flex;flex-direction:column}.portfolio-main.svelte-12qhfyh{flex:1}.shell.svelte-12qhfyh{min-height:100dvh;display:flex;flex-direction:column}.header.svelte-12qhfyh{position:sticky;top:0;z-index:var(--z-nav);border-bottom:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-shoji) 94%,white)}.header-inner.svelte-12qhfyh{max-width:var(--content-wide);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.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{display:flex;gap:var(--space-2);flex-wrap:wrap}.nav-link.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-bokashi);text-decoration:none;line-height:1.2;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.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-soft)}.main.svelte-12qhfyh{flex:1}.container.svelte-12qhfyh{max-width:var(--content-width);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12)}.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);display:flex;justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap}.auth-gate.svelte-12qhfyh{min-height:100dvh;display:grid;place-items:center;padding:var(--space-6) var(--space-4)}.login-card.svelte-12qhfyh{width:min(100%,25rem);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-shoji) 92%,white);box-shadow:0 10px 28px color-mix(in srgb,var(--text-sumi) 7%,transparent);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.welcome.svelte-12qhfyh{margin:0;color:var(--text-bokashi);font-size:var(--text-sm);line-height:1.6}.field.svelte-12qhfyh{display:grid;gap:var(--space-2)}.field-label.svelte-12qhfyh{font-size:var(--text-sm);color:var(--text-sumi)}.field-input.svelte-12qhfyh{width:100%;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-shoji);color:var(--text-sumi);padding:var(--space-2) var(--space-3);font:inherit;outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.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);border-radius:999px;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)}.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{margin:0;min-height:1.25em;color:var(--accent-shu-deep);font-size:var(--text-sm)}@media(max-width:48rem){.header-inner.svelte-12qhfyh{flex-direction:column;align-items:flex-start}.login-card.svelte-12qhfyh{padding:var(--space-5)}}