@charset "UTF-8";:root{--radius-card: 12px;--radius-btn: 8px;--radius-pill: 9999px;--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--transition: .2s ease}:root,[data-theme=slate]{--bg: #0c0c0e;--bg-alt: #121214;--bg-footer: #0e0e10;--bg-elevated: #18181b;--surface: rgba(255, 255, 255, .035);--surface-hover: rgba(255, 255, 255, .06);--surface-solid: #18181b;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #e4e4e7;--accent-hover: #fafafa;--accent-soft: rgba(228, 228, 231, .1);--accent-text: #0c0c0e;--border: rgba(255, 255, 255, .1);--border-whisper: rgba(255, 255, 255, .06);--nav-bg: rgba(12, 12, 14, .92);--mobile-nav-bg: #0c0c0e;--hero-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 255, 255, .06), transparent 60%);--card-shadow: 0 0 0 1px var(--border-whisper);--selection: rgba(228, 228, 231, .22);color-scheme:dark}[data-theme=ocean]{--bg: #070b14;--bg-alt: #0b1220;--bg-footer: #080e18;--bg-elevated: #111a2b;--surface: rgba(125, 211, 252, .05);--surface-hover: rgba(125, 211, 252, .1);--surface-solid: #111a2b;--text-primary: #e8eefc;--text-secondary: #94a8c7;--text-muted: #64748b;--accent: #7dd3fc;--accent-hover: #bae6fd;--accent-soft: rgba(125, 211, 252, .12);--accent-text: #0a1524;--border: rgba(125, 211, 252, .16);--border-whisper: rgba(125, 211, 252, .08);--nav-bg: rgba(7, 11, 20, .94);--mobile-nav-bg: #070b14;--hero-glow: radial-gradient(ellipse 70% 50% at 30% -10%, rgba(56, 189, 248, .16), transparent 55%), radial-gradient(ellipse 50% 40% at 90% 0%, rgba(99, 102, 241, .1), transparent 50%);--card-shadow: 0 0 0 1px var(--border-whisper), 0 12px 40px rgba(2, 8, 24, .35);--selection: rgba(125, 211, 252, .28);color-scheme:dark}[data-theme=mist]{--bg: #f6f5f2;--bg-alt: #eeece7;--bg-footer: #ebe9e4;--bg-elevated: #ffffff;--surface: rgba(24, 24, 27, .03);--surface-hover: rgba(24, 24, 27, .06);--surface-solid: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #71717a;--accent: #18181b;--accent-hover: #3f3f46;--accent-soft: rgba(24, 24, 27, .06);--accent-text: #fafafa;--border: rgba(24, 24, 27, .1);--border-whisper: rgba(24, 24, 27, .06);--nav-bg: rgba(246, 245, 242, .9);--mobile-nav-bg: #f6f5f2;--hero-glow: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(24, 24, 27, .04), transparent 60%);--card-shadow: 0 0 0 1px var(--border-whisper), 0 8px 24px rgba(24, 24, 27, .04);--selection: rgba(24, 24, 27, .12);color-scheme:light}[data-theme=sakura]{--bg: #140a10;--bg-alt: #1a0e14;--bg-footer: #160b12;--bg-elevated: #1f1018;--surface: rgba(249, 168, 212, .06);--surface-hover: rgba(249, 168, 212, .12);--surface-solid: #24141c;--text-primary: #fff1f5;--text-secondary: #f0b8cd;--text-muted: #c48aa0;--accent: #f472b6;--accent-hover: #f9a8d4;--accent-soft: rgba(244, 114, 182, .18);--accent-text: #1a0a12;--border: rgba(244, 114, 182, .22);--border-whisper: rgba(244, 114, 182, .12);--nav-bg: rgba(20, 10, 16, .94);--mobile-nav-bg: #140a10;--hero-glow: radial-gradient(ellipse 70% 50% at 20% 0%, rgba(244, 114, 182, .28), transparent 55%), radial-gradient(ellipse 60% 45% at 85% 10%, rgba(251, 113, 133, .18), transparent 50%);--card-shadow: 0 0 0 1px var(--border-whisper), 0 12px 40px rgba(80, 10, 40, .35);--selection: rgba(244, 114, 182, .35);color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;background-color:var(--bg);overscroll-behavior:none;overscroll-behavior-y:none;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:clip;overscroll-behavior:none;overscroll-behavior-y:none;min-height:100%;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;transition:background-color .35s ease,color .35s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}::selection{background:var(--selection)}#app{width:100%;min-height:100%;min-height:100dvh;position:relative;background-color:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block;height:auto}button{font-family:inherit;-webkit-tap-highlight-color:transparent}@media(hover:none){.stat-card:hover,.skill-pill:hover,.project-card:hover,.contact-card:hover{transform:none!important}}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}@media(max-width:480px){.container{padding:0 16px}}.section-header{text-align:center;margin-bottom:56px;max-width:640px;margin-left:auto;margin-right:auto}@media(max-width:768px){.section-header{margin-bottom:40px}}.section-eyebrow{display:inline-block;font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--accent-soft);border:1px solid var(--border-whisper)}.section-title{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.12;letter-spacing:-.03em;margin-bottom:14px;color:var(--text-primary);text-align:center}.section-lead{font-size:17px;line-height:1.6;color:var(--text-secondary);margin:0 auto;max-width:520px}.portfolio{position:relative;z-index:1;background-color:var(--bg);min-height:100%}.theme-switcher{position:relative;margin-left:8px}.theme-trigger{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px 6px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-whisper);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.theme-trigger:hover,.theme-trigger--open{color:var(--text-primary);background:var(--surface-hover);border-color:var(--border)}.theme-trigger-label{font-size:12px;font-weight:600;letter-spacing:.02em;max-width:88px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1100px){.theme-trigger-label{display:none}}.theme-chevron{flex-shrink:0;opacity:.7;transition:transform var(--transition)}.theme-trigger--open .theme-chevron{transform:rotate(180deg)}.theme-swatch{display:inline-flex;width:22px;height:22px;border-radius:50%;overflow:hidden;border:1px solid var(--border);flex-shrink:0}.theme-swatch i{flex:1;display:block}.theme-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,100vw - 32px);padding:8px;border-radius:14px;border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 16px 48px #00000059,var(--card-shadow);z-index:1200;animation:theme-pop .16s ease}@keyframes theme-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.theme-menu-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 10px 6px}.theme-option{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:10px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--transition)}.theme-option:hover{background:var(--surface-hover)}.theme-option--active{background:var(--accent-soft)}.theme-option-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.theme-option-name{font-size:14px;font-weight:600}.theme-option-desc{font-size:12px;color:var(--text-muted);line-height:1.35}.theme-check{color:var(--accent);flex-shrink:0}.lang-switcher{display:flex;align-items:center;gap:2px;margin-left:8px;background:var(--surface);border:1px solid var(--border-whisper);border-radius:var(--radius-pill);padding:2px}.lang-btn{background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font-mono);padding:6px 10px;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--transition),background var(--transition);letter-spacing:.5px;min-width:40px;min-height:36px;display:flex;align-items:center;justify-content:center}.lang-btn:hover{color:var(--text-primary)}.lang-btn--active{color:var(--text-primary);background:var(--accent-soft)}.lang-divider{color:var(--border);font-size:12px;user-select:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background-color:transparent;transition:background-color .25s ease,padding .25s ease;padding-top:calc(16px + env(safe-area-inset-top,0px))}.navbar--scrolled{background-color:var(--bg);background:var(--nav-bg);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);padding:10px 0;padding-top:calc(10px + env(safe-area-inset-top,0px))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.navbar--scrolled{background:var(--mobile-nav-bg)}}.navbar-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.navbar-logo{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.04em;min-height:44px;display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible}.navbar-logo .logo-text{display:inline-block;padding-right:.12em;letter-spacing:.04em;line-height:1.15;overflow:visible}.navbar-logo .logo-mark{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:16px;color:var(--accent)}.navbar-logo .logo-mark :global(svg){width:1em;height:1em}.navbar-logo .logo-sub{display:none}[data-theme=sakura] .navbar-logo .logo-text{background:linear-gradient(120deg,#fff1f5,#f9a8d4,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.12em;padding-right:.18em}[data-theme=sakura] .navbar-logo .logo-sub{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--text-muted);opacity:.85;margin-left:2px;padding-right:.12em;overflow:visible}.navbar-links{display:flex;gap:2px;align-items:center;flex-wrap:nowrap}.navbar-link{padding:8px 12px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-btn);transition:color var(--transition),background var(--transition);min-height:40px;display:flex;align-items:center;white-space:nowrap}.navbar-link:hover{color:var(--text-primary);background:var(--surface)}.navbar-mobile-controls{display:flex;align-items:center;gap:6px}.navbar-burger{background:none;border:none;cursor:pointer;padding:10px;display:flex;flex-direction:column;gap:5px;min-width:44px;min-height:44px;align-items:center;justify-content:center}.burger-line{width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.burger-line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-line.open:nth-child(2){opacity:0}.burger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.navbar-mobile{background-color:var(--mobile-nav-bg);border-bottom:1px solid var(--border-whisper);overflow:hidden;padding-bottom:8px;max-height:min(70vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar-mobile-link{display:block;padding:14px 24px;color:var(--text-secondary);font-size:16px;font-weight:500;transition:color var(--transition);min-height:48px}.navbar-mobile-link:hover{color:var(--text-primary)}.navbar-mobile-theme{padding:8px 16px 12px}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}.section{--section-pad-y: 112px;padding:var(--section-pad-y) 0;position:relative;background-color:var(--bg);margin-bottom:-2px;padding-bottom:calc(var(--section-pad-y) + 2px)}@media(max-width:768px){.section{--section-pad-y: 72px}}.section--alt{background-color:var(--bg-alt)}.hero-section{min-height:100svh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;padding:0!important;margin:0;overflow:visible;background-color:var(--bg)}.hero-bg{display:none}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px;padding:96px 24px;position:relative;z-index:1;max-width:min(920px,100%);width:100%;overflow:visible;box-sizing:border-box}@media(max-width:640px){.hero-content{gap:18px;padding:88px 20px}}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:12px;font-weight:500;font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);letter-spacing:.4px;min-height:40px;backdrop-filter:blur(10px)}.hero-brand{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:100%;overflow:visible;padding-inline:.12em}.hero-title{font-size:clamp(48px,11vw,96px);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--text-primary);display:inline-block;max-width:100%;padding:.08em .18em .06em .1em;margin:0;overflow:visible;-webkit-font-smoothing:antialiased;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media(max-width:480px){.hero-title{font-size:clamp(42px,12vw,56px);letter-spacing:-.01em;padding-inline:.16em .2em}}[data-theme=slate] .hero-title{background:linear-gradient(165deg,#fafafa,#f4f4f5 42%,#e4e4e7);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=ocean] .hero-title{background:linear-gradient(165deg,#f0f9ff,#bae6fd 45%,#7dd3fc);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=ocean] .hero-brand{filter:drop-shadow(0 4px 18px rgba(56,189,248,.18))}[data-theme=mist] .hero-title{background:linear-gradient(165deg,#18181b,#27272a,#3f3f46);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=sakura] .hero-title{background:linear-gradient(165deg,#fff7fb,#fbcfe8 40%,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=sakura] .hero-brand{filter:drop-shadow(0 4px 18px rgba(244,114,182,.28))}[data-theme=ocean] .hero-section{background-image:var(--hero-glow)}[data-theme=mist] .project-card:hover{box-shadow:var(--card-shadow),0 16px 40px #18181b14}.hero-kana{font-size:13px;font-weight:500;letter-spacing:.35em;color:var(--accent);text-transform:uppercase}.hero-headline{font-size:clamp(20px,3.2vw,28px);font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary);max-width:560px}.hero-headline-accent{color:var(--text-secondary);font-weight:500}.hero-subtitle{font-size:17px;color:var(--text-secondary);max-width:540px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:4px}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%;max-width:320px}}.hero-scroll{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.65;z-index:1;pointer-events:none}[data-theme=sakura] .hero-scroll{bottom:12px;opacity:.45}.hero-scroll:after{content:"";width:1px;height:28px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:scroll-line 1.8s ease infinite}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{transform:scaleY(1);transform-origin:top;opacity:1}to{transform:scaleY(1);transform-origin:bottom;opacity:0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:15px;font-weight:600;font-family:var(--font-body);border-radius:var(--radius-btn);border:none;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition);min-height:46px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-text);box-shadow:0 1px #ffffff14 inset}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border);background:var(--surface-hover)}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:stretch}@media(max-width:768px){.about-grid{grid-template-columns:1fr;gap:24px}}.about-text{display:flex;flex-direction:column;gap:18px;font-size:16px;line-height:1.75;color:var(--text-secondary);padding:32px;background:var(--surface);border:1px solid var(--border-whisper);border-radius:calc(var(--radius-card) + 4px);box-shadow:var(--card-shadow)}.about-text p:first-child{color:var(--text-primary);font-weight:500}@media(max-width:480px){.about-text{padding:22px}}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:24px 18px;text-align:center;display:flex;flex-direction:column;gap:8px;justify-content:center;background:var(--surface);border:1px solid var(--border-whisper);border-radius:var(--radius-card);box-shadow:var(--card-shadow);transition:border-color var(--transition),transform var(--transition),background var(--transition)}.stat-card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-2px)}@media(max-width:480px){.stat-card{padding:18px 14px}}.stat-number{font-size:34px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.03em}@media(max-width:480px){.stat-number{font-size:28px}}.stat-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.skills-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.skill-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);transition:border-color var(--transition),background var(--transition),transform var(--transition);min-height:44px;cursor:default}.skill-pill:hover{border-color:var(--accent);background:var(--surface-hover);transform:translateY(-1px)}.skill-icon{font-size:24px;line-height:1;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.skill-icon :global(svg){width:1em;height:1em}.skill-name{color:var(--text-primary)}.timeline{position:relative;max-width:720px;margin:0 auto}.timeline-item{display:flex;gap:24px;padding-bottom:40px}.timeline-item--last{padding-bottom:0}@media(max-width:600px){.timeline-item{gap:16px;padding-bottom:32px}}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:48px}.timeline-dot{width:48px;height:48px;border-radius:14px;background:var(--surface);border:1px solid var(--border-whisper);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--accent);flex-shrink:0;box-shadow:var(--card-shadow)}.timeline-dot :global(svg){width:1em;height:1em}.timeline-line{width:2px;flex:1;background:var(--border-whisper);margin-top:8px;border-radius:1px}.timeline-content{padding-top:4px;display:flex;flex-direction:column;gap:6px}.timeline-year{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.timeline-title{font-size:18px;font-weight:600;line-height:1.3;color:var(--text-primary)}.timeline-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column;gap:14px;padding:28px;min-height:240px;background:var(--surface);border:1px solid var(--border-whisper);border-radius:calc(var(--radius-card) + 2px);box-shadow:var(--card-shadow);transition:border-color var(--transition),transform var(--transition),background var(--transition),box-shadow var(--transition);cursor:pointer;color:var(--text-primary);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity var(--transition)}.project-card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-4px);box-shadow:var(--card-shadow),0 16px 40px #0000001f}.project-card:hover:before{opacity:1}.project-card:hover .project-open{color:var(--text-primary);opacity:1}.project-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--border-whisper);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary)}.project-icon :global(svg){width:1em;height:1em}.project-open{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);opacity:.75;transition:color var(--transition),opacity var(--transition)}.project-title{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--text-primary)}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}.project-tag{padding:5px 11px;font-size:12px;font-weight:500;font-family:var(--font-mono);color:var(--text-muted);background:var(--accent-soft);border:1px solid var(--border-whisper);border-radius:var(--radius-pill)}.contact-text{margin-bottom:0}.contact-links{display:flex;flex-direction:column;gap:12px}.contact-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--border-whisper);border-radius:var(--radius-card);box-shadow:var(--card-shadow);transition:border-color var(--transition),transform var(--transition),background var(--transition);cursor:pointer;color:var(--text-primary);min-height:72px}.contact-card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-2px)}.contact-card:hover .contact-arrow{opacity:1;color:var(--text-primary);transform:translate(1px,-1px)}.contact-icon{font-size:24px;line-height:1;flex-shrink:0;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--accent-soft);border:1px solid var(--border-whisper);color:var(--text-primary)}.contact-icon :global(svg){width:1em;height:1em}.contact-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.contact-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.contact-value{font-size:15px;font-weight:600;color:var(--text-primary)}.contact-arrow{color:var(--text-muted);opacity:.45;flex-shrink:0;transition:opacity var(--transition),color var(--transition),transform var(--transition)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:960px;margin:0 auto;align-items:start}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:24px}}.contact-form{background:var(--surface);border:1px solid var(--border-whisper);border-radius:calc(var(--radius-card) + 2px);padding:28px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:18px}.contact-form-title{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}.contact-form-title :global(svg){width:18px;height:18px;color:var(--accent)}.contact-form-field{display:flex;flex-direction:column;gap:6px}.contact-form-field label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.contact-form-field input,.contact-form-field textarea{width:100%;padding:12px 14px;font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-alt);border:1px solid var(--border-whisper);border-radius:var(--radius-btn);outline:none;transition:border-color var(--transition);box-sizing:border-box}.contact-form-field input::placeholder,.contact-form-field textarea::placeholder{color:var(--text-muted)}.contact-form-field input:focus,.contact-form-field textarea:focus{border-color:var(--accent)}.contact-form-field textarea{resize:vertical;min-height:100px}.contact-form-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start}.contact-form-btn :global(svg){width:16px;height:16px}.contact-form-sent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center}.contact-form-sent :global(svg){width:40px;height:40px;color:var(--accent)}.contact-form-sent-title{font-size:18px;font-weight:600;color:var(--text-primary)}.contact-form-sent-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.about-cv-btn{margin-top:16px;display:inline-flex;align-items:center;gap:8px;width:fit-content}.about-cv-btn :global(svg){width:16px;height:16px}.footer{padding:48px 0 36px;border-top:1px solid var(--border-whisper);padding-bottom:calc(36px + env(safe-area-inset-bottom,0px));background-color:var(--bg-footer);margin-top:0;margin-bottom:0}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}@media(max-width:600px){.footer-top{flex-direction:column;align-items:center;text-align:center}}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-logo{font-size:18px;font-weight:700;letter-spacing:.04em;color:var(--text-primary)}.footer-tagline{font-size:13px;color:var(--text-muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 18px}.footer-nav a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color var(--transition)}.footer-nav a:hover{color:var(--text-primary)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:24px;border-top:1px solid var(--border-whisper);text-align:center}.footer-rights{font-size:13px;color:var(--text-muted);letter-spacing:.01em}.footer-sakura{font-size:12px;color:var(--accent);font-weight:500}.footer-sakura-hint{font-size:11px;color:var(--text-muted);opacity:.8;max-width:420px;line-height:1.4}.sakura-layer{pointer-events:none;position:fixed;inset:0;z-index:0;overflow:hidden}.sakura-glow{position:absolute;border-radius:50%;pointer-events:none}.sakura-glow--a{width:420px;height:420px;top:-80px;left:-60px;background:radial-gradient(circle,rgba(244,114,182,.35) 0%,transparent 70%)}.sakura-glow--b{width:360px;height:360px;top:30%;right:-100px;background:radial-gradient(circle,rgba(251,113,133,.22) 0%,transparent 70%)}.sakura-glow--c{width:300px;height:300px;bottom:5%;left:20%;background:radial-gradient(circle,rgba(192,132,252,.16) 0%,transparent 70%)}.sakura-petal{position:absolute;top:-24px;border:none;padding:0;border-radius:70% 10%;background:linear-gradient(135deg,#fce7f3,#f9a8d4 50%,#fb7185);box-shadow:0 0 8px #f9a8d466;animation-name:petal-fall;animation-timing-function:linear;animation-iteration-count:infinite;transform:rotate(25deg);pointer-events:none;appearance:none}.sakura-petal--hot{pointer-events:auto;cursor:pointer}@keyframes petal-fall{0%{transform:translate3d(0,-10vh,0) rotate(0)}to{transform:translate3d(var(--drift, 30px),110vh,0) rotate(360deg)}}.sakura-float{position:absolute;font-size:18px;opacity:.22;animation:float-soft 7s ease-in-out infinite;user-select:none}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.sakura-stamp{position:fixed;right:18px;bottom:80px;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;width:72px;height:72px;border:2px solid rgba(244,114,182,.55);border-radius:50%;color:#f9a8d4;background:#140a108c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:rotate(-12deg);box-shadow:0 0 0 4px #f472b614;animation:stamp-breathe 4s ease-in-out infinite;cursor:pointer;font-family:inherit;transition:transform .2s ease,border-color .2s ease}.sakura-stamp:hover{transform:rotate(-8deg) scale(1.05);border-color:#f9a8d4e6}@media(max-width:600px){.sakura-stamp{width:58px;height:58px;right:12px;bottom:72px}}.sakura-stamp-kana{font-size:18px;font-weight:700;line-height:1;letter-spacing:.05em}@media(max-width:600px){.sakura-stamp-kana{font-size:14px}}.sakura-stamp-sub{font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;opacity:.85}@keyframes stamp-breathe{0%,to{box-shadow:0 0 0 4px #f472b614}50%{box-shadow:0 0 0 7px #f472b629,0 0 24px #f472b633}}.sakura-refs{display:flex;margin-top:12px;gap:10px;flex-wrap:wrap;justify-content:center}.sakura-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);border:1px dashed var(--border);background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition),transform var(--transition)}.sakura-chip:hover{border-color:var(--accent);background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px)}.sakura-chip:hover .sakura-chip-icon{color:var(--accent)}.sakura-chip-icon{display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;color:var(--text-primary);flex-shrink:0;transition:color var(--transition)}.sakura-chip-icon :global(svg){width:1em;height:1em}.sakura-banner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;box-sizing:border-box;width:100%;max-width:720px;margin:8px auto 0;padding:14px 20px;border-radius:var(--radius-card);border:1px solid var(--border);background:linear-gradient(90deg,#f472b61f,#fb718514);color:var(--text-secondary);font-size:14px;text-align:center;line-height:1.5;overflow:visible;flex-shrink:0}.sakura-banner>span:not([aria-hidden=true]){min-width:0;flex:1 1 auto;overflow-wrap:anywhere;word-break:break-word}.sakura-banner span[aria-hidden=true]{flex-shrink:0}@media(max-width:480px){.sakura-banner{padding:12px 14px;font-size:13px;gap:8px}}.sakura-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:1100;display:flex;align-items:center;gap:10px;max-width:min(440px,100vw - 32px);padding:12px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#140a10eb;color:var(--text-primary);font-size:13px;font-weight:500;line-height:1.4;box-shadow:0 12px 40px #500a2873;animation:sakura-toast-in .28s ease;pointer-events:none}.sakura-toast-icon{flex-shrink:0}@keyframes sakura-toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sakura-lore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:900px){.sakura-lore-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sakura-lore-grid{grid-template-columns:1fr}}.sakura-lore-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;min-height:140px;text-align:left;background:var(--surface);border:1px solid var(--border-whisper);border-radius:calc(var(--radius-card) + 2px);box-shadow:var(--card-shadow);color:var(--text-primary);font-family:inherit;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition)}.sakura-lore-card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-2px)}.sakura-lore-card--open{border-color:var(--accent);background:linear-gradient(160deg,#f472b624,#140a1033)}.sakura-lore-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--border-whisper);color:var(--accent);font-size:18px}.sakura-lore-icon :global(svg){width:1em;height:1em}.sakura-lore-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.sakura-lore-body{font-size:13px;color:var(--text-secondary);line-height:1.55}.sakura-lore-hint{margin-top:auto;font-size:11px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}[data-theme=sakura] .hero-section{background-image:var(--hero-glow)}[data-theme=sakura] .footer-logo{background:linear-gradient(120deg,#fff1f5,#f9a8d4,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:999;width:42px;height:42px;border-radius:50%;background:var(--surface-solid);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition),border-color var(--transition),background var(--transition),transform var(--transition);box-shadow:var(--card-shadow)}.back-to-top:hover{color:var(--text-primary);border-color:var(--accent);transform:translateY(-2px)}@media(max-width:768px){.back-to-top{bottom:16px;right:16px}}[data-theme=sakura] .back-to-top{right:100px}@media(max-width:600px){[data-theme=sakura] .back-to-top{right:78px}}.nf-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.nf-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.nf-title{font-size:72px;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);line-height:1}.nf-text{font-size:16px;color:var(--text-secondary);margin-bottom:8px}