html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:#f3f4fa}#root{width:100%}.an-container{max-width:1100px;margin:0 auto;padding:0 24px 60px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Inter,Noto Sans JP,sans-serif;color:#1d1d1f;min-height:100vh;background:#fff}.an-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;color:#86868b;font-size:14px}.an-loading-dot{width:12px;height:12px;border-radius:50%;background:#0071e3}.an-header{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 0 36px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:32px}.an-header-left{display:flex;flex-direction:column;gap:8px}.an-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-size:26px;font-weight:600;letter-spacing:-.02em;margin:0;display:flex;align-items:center;gap:10px;color:#1d1d1f}.an-title-icon{display:flex;align-items:center;color:#0071e3}.an-header-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#86868b}.an-live-dot{width:7px;height:7px;border-radius:50%;background:#34c759;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #34c75966}50%{opacity:.8;box-shadow:0 0 0 6px #34c75900}}.an-last-updated{margin-left:8px;padding-left:8px;border-left:1px solid rgba(0,0,0,.1)}.an-header-right{display:flex;align-items:center;gap:8px}.an-period-switcher{display:flex;background:#f5f5f7;border-radius:8px;padding:3px}.an-period-btn{padding:6px 14px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:12px;font-weight:500;color:#86868b;transition:all .2s ease;font-family:inherit}.an-period-btn.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 3px #00000014}.an-period-btn:hover:not(.active){color:#1d1d1f}.an-refresh-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;background:#f5f5f7;cursor:pointer;color:#86868b;transition:all .2s ease}.an-refresh-btn:hover{background:#e8e8ed;color:#1d1d1f}.an-stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}.an-stat-card{background:#f5f5f7;border-radius:12px;padding:20px;display:flex;flex-direction:column;transition:all .2s ease}.an-stat-card:hover{background:#efeff1;transform:translateY(-1px)}.an-stat-value{font-family:SF Pro Display,-apple-system,sans-serif;font-size:32px;font-weight:600;letter-spacing:-.03em;color:#1d1d1f;line-height:1.1}.an-stat-label{font-size:12px;color:#86868b;margin-top:6px;font-weight:500;letter-spacing:.02em}.an-stat-sub{font-size:11px;color:#34c759;margin-top:4px;font-weight:500}.an-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:20px;margin-bottom:12px;transition:border-color .2s ease}.an-card:hover{border-color:#0000001f}.an-card-wide{margin-bottom:12px}.an-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.an-card-header h2{font-size:14px;font-weight:600;color:#1d1d1f;margin:0;letter-spacing:0;line-height:1.4}.an-card-badge{font-size:11px;font-weight:500;color:#86868b;background:#f5f5f7;padding:3px 10px;border-radius:20px}.an-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:0}.an-bar-chart{display:flex;align-items:flex-end;gap:3px;height:180px;padding-top:8px}.an-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative;min-width:0}.an-bar-col:hover .an-bar-tooltip{opacity:1;transform:translate(-50%) translateY(-4px)}.an-bar-col:hover .an-bar-fill{background:#005bb5!important}.an-bar-tooltip{position:absolute;top:-8px;left:50%;transform:translate(-50%) translateY(0);background:#1d1d1f;color:#fff;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;z-index:10}.an-bar-track{flex:1;width:100%;display:flex;align-items:flex-end;border-radius:3px 3px 0 0;overflow:hidden}.an-bar-fill{width:100%;background:#0071e3;border-radius:3px 3px 0 0;transition:background .2s ease;min-height:2px}.an-bar-date{font-size:9px;color:#86868b;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.an-pages-list{display:flex;flex-direction:column;gap:8px}.an-page-item{display:flex;align-items:center;gap:10px}.an-page-rank{font-size:11px;font-weight:600;color:#86868b;width:24px;flex-shrink:0}.an-page-info{flex:1;min-width:0}.an-page-path{font-size:13px;font-weight:500;color:#1d1d1f;display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-page-bar-track{height:4px;background:#f5f5f7;border-radius:2px;overflow:hidden}.an-page-bar-fill{height:100%;background:#0071e3;border-radius:2px}.an-page-views{font-size:13px;font-weight:600;color:#1d1d1f;flex-shrink:0;min-width:32px;text-align:right}.an-ref-list{display:flex;flex-direction:column;gap:10px}.an-ref-item{display:flex;flex-direction:column;gap:4px}.an-ref-info{display:flex;justify-content:space-between;align-items:center}.an-ref-name{font-size:13px;font-weight:500;color:#1d1d1f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-ref-count{font-size:12px;font-weight:600;color:#86868b;flex-shrink:0;margin-left:8px}.an-ref-bar-track{height:4px;background:#f5f5f7;border-radius:2px;overflow:hidden}.an-ref-bar-fill{height:100%;background:linear-gradient(90deg,#0071e3,#5ac8fa);border-radius:2px}.an-pct-container{display:flex;flex-direction:column;gap:12px}.an-pct-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#f5f5f7}.an-pct-segment{height:100%;transition:opacity .2s ease}.an-pct-segment:hover{opacity:.8}.an-pct-segment:first-child{border-radius:4px 0 0 4px}.an-pct-segment:last-child{border-radius:0 4px 4px 0}.an-pct-legend{display:flex;flex-wrap:wrap;gap:8px 16px}.an-pct-legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.an-pct-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.an-pct-name{color:#1d1d1f;font-weight:500}.an-pct-val{color:#86868b}.an-visits-list{display:flex;flex-direction:column}.an-visit-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);transition:background .15s ease}.an-visit-row:last-child{border-bottom:none}.an-visit-row:hover{background:#fafafa;margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:8px}.an-visit-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f5f5f7;border-radius:8px;color:#86868b;flex-shrink:0}.an-visit-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.an-visit-page{font-size:13px;font-weight:500;color:#1d1d1f}.an-visit-meta{font-size:11px;color:#86868b}.an-visit-time{font-size:12px;color:#86868b;flex-shrink:0;white-space:nowrap}.an-show-more{display:block;width:100%;padding:10px;margin-top:8px;border:none;border-radius:8px;background:#f5f5f7;cursor:pointer;font-size:12px;font-weight:500;color:#0071e3;transition:all .2s ease;font-family:inherit}.an-show-more:hover{background:#e8e8ed}.an-empty{font-size:13px;color:#86868b;text-align:center;padding:24px}.an-footer{text-align:center;padding:32px 0 16px;font-size:11px;color:#c7c7cc;letter-spacing:.05em}.an-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:0}.an-heatmap{display:grid;grid-template-columns:repeat(24,1fr);gap:4px}.an-heatmap-cell{aspect-ratio:1;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;transition:transform .15s ease}.an-heatmap-cell:hover{transform:scale(1.1);z-index:1}.an-heatmap-hour{font-size:9px;font-weight:600;color:#00000080}.an-heatmap-val{font-size:10px;font-weight:600;color:#ffffffe6}.an-data-list{display:flex;flex-direction:column}.an-data-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(0,0,0,.04)}.an-data-item:last-child{border-bottom:none}.an-data-name{font-size:12px;color:#1d1d1f;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.an-data-count{font-size:12px;font-weight:600;color:#86868b}@media(max-width:768px){.an-container{padding:0 16px 40px}.an-header{flex-direction:column;gap:16px;padding:24px 0 20px}.an-header-right{width:100%;justify-content:space-between}.an-stats-row{grid-template-columns:repeat(3,1fr)}.an-stat-value{font-size:24px}.an-grid-2,.an-grid-3{grid-template-columns:1fr}.an-heatmap{grid-template-columns:repeat(12,1fr)}.an-bar-chart{height:140px}.an-bar-date{display:none}.an-bar-chart .an-bar-col:nth-child(odd) .an-bar-date{display:block}}.bust-page{min-height:100vh;width:100%;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bust-canvas{max-width:min(90vw,90vh);max-height:min(90vw,90vh);width:auto;height:auto;display:block}.bust-toggle{position:fixed;top:16px;right:16px;padding:8px 14px;background:#111;color:#fff;border:none;border-radius:6px;font-family:inherit;font-size:12px;letter-spacing:.05em;cursor:pointer;z-index:10}.bust-controls{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#111111eb;color:#fff;padding:18px 22px;border-radius:10px;display:flex;flex-direction:column;gap:12px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;min-width:420px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.control-row{display:flex;align-items:center;gap:12px}.control-row label{width:110px;opacity:.8;letter-spacing:.03em}.control-row input[type=range]{flex:1}.control-row input[type=color]{width:40px;height:28px;border:none;background:transparent;cursor:pointer}.control-row .value{min-width:60px;text-align:right;font-variant-numeric:tabular-nums;opacity:.7}.control-row button{padding:6px 10px;background:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:4px;font-size:11px;cursor:pointer}.control-row button:hover{background:#3a3a3a}:root{--bg: #f3f4fa;--bg-2: #eaebf4;--bg-3: #e0e2ed;--surface: #ffffff;--text: #2e333a;--text-light: #5b5f68;--muted: #777b84;--accent: #1c60a7;--accent-soft: rgba(28, 96, 167, .08);--accent-deep: #0e3870;--border: rgba(174, 178, 187, .25);--border-strong: rgba(174, 178, 187, .5);--shadow-ambient: 0 8px 32px rgba(28, 96, 167, .07);--radius: 0px;--font-display: "Manrope", "Zen Kaku Gothic New", sans-serif;--font-jp: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-body: "Noto Sans JP", "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--ease: cubic-bezier(.22, 1, .36, 1);--transition-fast: .25s ease;--transition-medium: .5s var(--ease);--transition-slow: .9s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg)}body{font-family:var(--font-body);font-weight:400;line-height:1.8;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c5c9d6;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:.01em}p{margin-bottom:1em}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}img{max-width:100%;display:block}.app{min-height:100vh;overflow-x:clip;position:relative;z-index:1}.geo{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.geo-dots{width:230px;height:230px;background-image:radial-gradient(rgba(28,96,167,.22) 1.5px,transparent 1.5px);background-size:19px 19px}.geo-ring{border:1px solid rgba(28,96,167,.14);border-radius:50%}.geo-cross{width:18px;height:18px}.geo-cross:before,.geo-cross:after{content:"";position:absolute;background:#1c60a766}.geo-cross:before{left:50%;top:0;bottom:0;width:1px}.geo-cross:after{top:50%;left:0;right:0;height:1px}.hero-geo-ring{width:52vh;height:52vh;right:6vw;top:9vh}.hero-geo-dots{left:6vw;bottom:9vh}.hero-geo-cross-1{left:9vw;top:16vh}.hero-geo-cross-2{right:11vw;bottom:13vh}.quote-geo-cross-1{left:14%;top:26%}.quote-geo-cross-2{right:14%;bottom:26%}.map-geo-cross-1{top:-9px;left:-9px;z-index:2}.map-geo-cross-2{bottom:-9px;right:-9px;z-index:2}@media(max-width:768px){.hero-geo-ring,.hero-geo-dots,.hero-geo-cross-1,.hero-geo-cross-2,.quote-geo-cross-1,.quote-geo-cross-2{display:none}}.preloader{position:fixed;inset:0;background:var(--bg);z-index:10000;display:flex;align-items:center;justify-content:center}.preloader-center{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.preloader-name{font-family:var(--font-jp);font-size:clamp(1.6rem,5vw,3.2rem);font-weight:700;letter-spacing:.08em;color:var(--text);min-height:1.4em}.preloader-sub{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.35em;color:var(--muted)}.preloader-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--bg-3)}.preloader-bar-fill{height:100%;background:var(--accent);transform-origin:0 50%;transition:transform .15s linear}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.4rem var(--space-lg);transition:var(--transition-medium)}.navigation.scrolled{background-color:#f9f9fecc;backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);padding:.85rem var(--space-lg);border-bottom:1px solid var(--border)}.nav-content{max-width:1500px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.nav-logo{font-family:var(--font-display);font-size:.92rem;font-weight:800;letter-spacing:.06em;color:var(--text);transition:var(--transition-fast)}.nav-logo-dot,.nav-logo:hover{color:var(--accent)}.nav-links{display:flex;gap:var(--space-md);list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.18em;color:var(--text-light);position:relative;padding:.5em 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--accent);transition:var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-clock{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:.6em;white-space:nowrap}.nav-clock-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:clockPulse 2s ease-in-out infinite}@keyframes clockPulse{0%,to{opacity:1}50%{opacity:.3}}.menu-toggle{display:none;background:none;border:none;width:30px;height:24px;cursor:pointer;position:relative}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:100%;height:1px;background-color:var(--text);position:absolute;transition:var(--transition-fast)}.menu-toggle span{top:50%;transform:translateY(-50%)}.menu-toggle span:before{content:"";top:-8px}.menu-toggle span:after{content:"";bottom:-8px}.menu-toggle span.open{background-color:transparent}.menu-toggle span.open:before{top:0;transform:rotate(45deg)}.menu-toggle span.open:after{bottom:0;transform:rotate(-45deg)}.hero-scroll-container{position:relative;height:280vh;width:100%}.hero-sticky{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-name-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-family:var(--font-display);font-size:clamp(3rem,11vw,10rem);font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap;margin:0;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(to bottom,#0e3870,#0e3870f2 20%,#0e38704d 70%,#0e38700a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-name-bg .typing-cursor{-webkit-text-fill-color:var(--accent);color:var(--accent);background:none}.hero-bust-wrap{position:absolute;top:4vh;left:50%;transform-origin:center top;translate:-50% 0;z-index:3;pointer-events:none;display:flex;justify-content:center}.hero-bust{display:block;height:68vh;width:68vh;max-width:90vw;max-height:90vw;aspect-ratio:1 / 1;filter:blur(.4px);image-rendering:auto;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 45%,rgba(0,0,0,.85) 72%,rgba(0,0,0,.45) 92%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 0% 45%,#000000d9 72%,#00000073 92%,#0000)}.hero-bust-fade{position:absolute;left:50%;bottom:-1px;transform:translate(-50%);width:120%;height:18%;background:linear-gradient(to bottom,rgba(243,244,250,0) 0%,var(--bg) 80%);pointer-events:none;z-index:4}.hero-title-below{position:absolute;bottom:14vh;left:50%;transform:translate(-50%);text-align:center;z-index:4;width:100%;padding:0 var(--space-lg)}.hero-title-cycle{display:block;font-family:var(--font-jp);font-size:1.15rem;font-weight:400;letter-spacing:.2em;color:var(--text-light)}.typing-text{display:inline-block;min-width:1ch}.typing-cursor{animation:blink 1s step-end infinite;font-weight:300;color:var(--accent);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-story{position:absolute;left:50%;bottom:13vh;translate:-50% 0;width:min(90vw,880px);text-align:center;z-index:5;pointer-events:none}.hero-story-jp{font-family:var(--font-jp);font-size:clamp(1.7rem,4.5vw,3.4rem);font-weight:700;letter-spacing:.04em;color:var(--text);line-height:1.4}.hero-story-sub{margin-top:.9rem;font-family:var(--font-jp);font-size:clamp(.82rem,1.4vw,1rem);letter-spacing:.1em;color:var(--muted)}.hero-scroll-indicator{position:absolute;left:50%;bottom:var(--space-md);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);z-index:5}.hero-scroll-indicator span{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.35em;color:var(--muted)}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.8)}50%{opacity:1;transform:scaleY(1)}}@media(max-width:768px){.hero-bust{height:auto;width:80vw;max-width:80vw;max-height:80vw}.hero-name-bg{font-size:clamp(1.3rem,7.5vw,2.8rem);top:calc(4vh + 54vw)}}.quote-section{padding:calc(var(--space-xl) * 1.3) var(--space-lg);text-align:center;background-color:var(--bg);position:relative}.quote-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1150px,94%);aspect-ratio:2000 / 227;background:url(/quote-stroke.jpg) center / 100% 100% no-repeat;mix-blend-mode:multiply;pointer-events:none;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-composite:intersect}.quote-text{position:relative;z-index:1;font-family:var(--font-jp);font-size:clamp(1.3rem,3.6vw,2.7rem);font-weight:600;color:var(--text);letter-spacing:.06em;max-width:900px;margin:0 auto;white-space:nowrap}.quote-bracket{color:var(--accent)}@media(max-width:768px){.quote-text{white-space:normal}}.section{padding:var(--space-xl) var(--space-lg);max-width:1300px;margin:0 auto}.section-head{display:flex;align-items:baseline;gap:1.6rem;flex-wrap:wrap;margin-bottom:calc(var(--space-lg) * 1.3)}.section-no{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);letter-spacing:.1em}.section-h2{font-size:clamp(2.6rem,7vw,5.2rem);font-weight:800;letter-spacing:-.03em;text-transform:uppercase;color:var(--text);overflow:hidden;line-height:1.05}.section-h2-inner{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ease)}.section-head.in .section-h2-inner{transform:translateY(0)}.section-jp{font-family:var(--font-jp);font-size:1rem;letter-spacing:.25em;color:var(--muted)}.section-rule{flex-basis:100%;height:1px;background:var(--border);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.1s var(--ease) .2s;margin-top:1.4rem}.section-head.in .section-rule{transform:scaleX(1)}.about-content{display:grid;grid-template-columns:1.15fr .85fr;gap:calc(var(--space-xl) * .9);align-items:center}.about-intro{font-family:var(--font-jp);font-size:1.45rem;line-height:2.1;margin-bottom:var(--space-md);color:var(--text)}.about-text p{color:var(--text-light)}.about-hobbies{font-family:var(--font-jp);font-size:.82rem;color:var(--muted);margin-top:var(--space-xs);letter-spacing:.04em}.about-details{display:grid;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border)}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}.detail-label{font-family:var(--font-jp);font-size:.74rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}.detail-value{font-size:.9rem;color:var(--text)}.about-image{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.about-image-frame{position:relative}.about-image-frame:before{content:"";position:absolute;top:-30px;left:-30px;width:170px;height:170px;background-image:radial-gradient(rgba(28,96,167,.25) 1.5px,transparent 1.5px);background-size:17px 17px;z-index:-1;pointer-events:none}.about-image-frame:after{content:"";position:absolute;inset:0;border:1px solid var(--accent);transform:translate(14px,14px);pointer-events:none;transition:transform .5s var(--ease)}.about-image-frame:hover:after{transform:translate(7px,7px)}.about-image img{width:400px;max-width:100%;height:auto;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .6s ease}.about-image-frame:hover img{filter:grayscale(0) contrast(1)}.about-image-caption{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.28em;color:var(--muted)}.experience-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:calc(var(--space-lg) * 1.4)}.experience-map{height:100%}.experience-timeline{display:flex;flex-direction:column}.experience-item{padding:2.6rem 0 2.6rem 1.8rem;border-left:1px solid var(--border);position:relative;opacity:.35;transition:opacity .5s ease,border-color .5s ease}.experience-item:before{content:"";position:absolute;left:-4.5px;top:3.1rem;width:8px;height:8px;border-radius:50%;background:var(--muted);transition:background .4s ease,box-shadow .4s ease}.experience-item.active{opacity:1;border-left-color:var(--accent)}.experience-item.active:before{background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.experience-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:.8rem}.experience-period{font-family:var(--font-jp);font-size:.78rem;font-weight:500;letter-spacing:.04em;color:var(--muted)}.experience-loc{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.24em;color:var(--accent)}.experience-content h3{font-size:1.35rem;margin-bottom:var(--space-xs);color:var(--text)}.experience-company{display:block;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-sm)}.experience-content p{font-size:.88rem;line-height:1.9;color:var(--text-light);margin-bottom:0}.experience-map-sticky{position:sticky;top:16vh}.experience-map-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--muted)}.worldmap{position:relative;background:var(--surface);border-radius:calc(var(--radius) + 4px);outline:1px solid rgba(174,178,187,.15);box-shadow:var(--shadow-ambient);padding:1.6rem}.worldmap-svg{width:100%;height:auto;display:block}.worldmap-base path{fill:#e2e4ee;stroke:#cdd1de;stroke-width:.5}.worldmap-side{fill:var(--accent-deep)}.worldmap-top{fill:var(--accent);stroke:#6fa3d8;stroke-width:.6}.worldmap-pin{fill:var(--text)}.worldmap-pin-ping{fill:none;stroke:var(--text);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:pinPing 2s var(--ease) infinite}@keyframes pinPing{0%{transform:scale(.6);opacity:.9}to{transform:scale(3.2);opacity:0}}.worldmap-readout{position:absolute;left:1.6rem;bottom:8%;pointer-events:none}.worldmap-label{display:inline-block;font-family:var(--font-display);font-size:clamp(1rem,2vw,1.5rem);font-weight:700;letter-spacing:.12em;color:var(--text)}.worldmap-label:before{content:"● ";color:var(--accent);font-size:.6em;vertical-align:middle}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg) var(--space-lg)}.skill-category-head{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.skill-category-en{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.3em;color:var(--accent);margin-bottom:.3rem}.skill-category h3{font-size:1.05rem;color:var(--text)}.skill-category ul{list-style:none}.skill-category li{font-size:.88rem;color:var(--text-light);padding:var(--space-xs) 0;position:relative;padding-left:1.1em;transition:var(--transition-fast)}.skill-category li:before{content:"";position:absolute;left:0;top:50%;width:5px;height:1px;background-color:var(--accent)}.skill-category li:hover{color:var(--text);padding-left:1.5em}.contact{padding-bottom:calc(var(--space-xl) * 1.2)}.contact-content{text-align:center}.contact-big{font-family:var(--font-jp);font-size:clamp(1.4rem,3.4vw,2.6rem);font-weight:600;letter-spacing:.05em;color:var(--text);margin-bottom:var(--space-md)}.contact-big em{font-style:normal;color:var(--accent)}.contact-email{display:inline-block;font-family:var(--font-display);font-size:clamp(1.4rem,4.6vw,3.6rem);font-weight:700;letter-spacing:-.02em;color:var(--text);border-bottom:2px solid var(--border-strong);padding-bottom:.15em;margin-bottom:var(--space-xl);transition:var(--transition-fast)}.contact-email:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact-email-arrow{display:inline-block;margin-left:.2em;color:var(--accent);transition:transform .4s var(--ease)}.contact-email:hover .contact-email-arrow{transform:translate(.15em,-.15em)}.contact-links{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.contact-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm)}.contact-link:hover{transform:translateY(-3px)}.link-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.link-value{font-size:.9rem;color:var(--text)}.contact-link:hover .link-value{color:var(--accent)}.meishi-container{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-md)}.meishi-card{width:400px;height:230px;perspective:1000px;position:relative}.meishi-card:before{content:"";position:absolute;bottom:-26px;right:-34px;width:150px;height:150px;background-image:radial-gradient(rgba(28,96,167,.25) 1.5px,transparent 1.5px);background-size:17px 17px;z-index:-1;pointer-events:none}.meishi-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.meishi-card:hover .meishi-inner{transform:rotateY(180deg)}.meishi-front,.meishi-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;overflow:hidden;box-shadow:0 20px 50px #0e387038}.meishi-front img,.meishi-back img{width:100%;height:100%;object-fit:cover}.meishi-back{transform:rotateY(180deg)}.meishi-hint{margin-top:var(--space-sm);font-family:var(--font-jp);font-size:.72rem;color:var(--muted);letter-spacing:.12em}.footer{background:var(--accent-deep) url(/footer-bg.jpg) center / cover no-repeat;padding:calc(var(--space-lg) * 1.4) var(--space-lg);overflow:hidden}.footer-inner{max-width:1300px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap}.footer-mark{font-family:var(--font-jp);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600;letter-spacing:.1em;color:#fff}.footer-tagline{font-family:var(--font-jp);font-size:.82rem;letter-spacing:.32em;color:#fff9}.footer-rule{height:1px;background:#ffffff2e;margin:var(--space-md) 0 var(--space-sm)}.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:#ffffff8c}@media(max-width:1100px){.nav-clock{display:none}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.experience-layout{display:flex;flex-direction:column;gap:var(--space-md)}.experience-map{order:-1;position:sticky;top:58px;z-index:20;background:var(--bg);padding:.6rem 0;border-bottom:1px solid var(--border)}.experience-map-sticky{position:static}.experience-map-meta{margin-top:.5rem;padding-top:.5rem}}@media(max-width:768px){:root{--space-lg: 3rem;--space-xl: 5rem}.navigation{padding:var(--space-sm) var(--space-md)}.navigation.scrolled{padding:.7rem var(--space-md)}.menu-toggle{display:block;z-index:10000;position:relative}.nav-links-desktop{display:none}.about-content{grid-template-columns:1fr;gap:var(--space-lg)}.about-image{order:-1}.about-image img{width:280px}.skills-grid{grid-template-columns:1fr;gap:var(--space-md)}.meishi-card{width:300px;height:172px}.contact-links{flex-direction:column;gap:var(--space-md)}.footer-top{flex-direction:column;align-items:center;gap:.6rem;text-align:center}.footer-meta{flex-direction:column;gap:.4rem;text-align:center}}@media(max-width:480px){:root{--space-lg: 2rem;--space-xl: 4rem}.section,.quote-section{padding:var(--space-xl) var(--space-md)}.footer{padding:var(--space-lg) var(--space-md)}}.mobile-menu{display:none}@media(max-width:768px){.mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg);z-index:9999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-links{display:flex;flex-direction:column;justify-content:center;height:calc(100% - 80px);gap:var(--space-md);list-style:none;padding:0 var(--space-lg);margin:0}.mobile-menu-links li{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.mobile-menu.open .mobile-menu-links li{opacity:1;transform:translateY(0)}.mobile-menu-links a{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:.04em;color:var(--text);display:flex;align-items:baseline;gap:1rem}.mobile-link-index{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--accent)}.mobile-link-jp{font-family:var(--font-jp);font-size:.85rem;font-weight:400;letter-spacing:.2em;color:var(--muted)}.mobile-menu-links a.active{color:var(--accent)}.mobile-menu-foot{position:absolute;bottom:var(--space-md);left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;color:var(--muted)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-line,.nav-clock-dot,.worldmap-pin-ping,.typing-cursor{animation:none}}@media print{.navigation,.mobile-menu,.preloader{display:none}body{background:#fff;color:#000}.section{padding:2rem 0;break-inside:avoid}}