html.dark body{background-color:var(--color-bg);color:var(--color-text-primary)}:root{--font-mono: "Courier New", monospace}.about-hero{padding:3rem 0 2.5rem;border-bottom:1px solid var(--color-border);margin-bottom:3rem}.hero-avatar{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-size:2rem;color:var(--color-accent-text);flex-shrink:0}.hero-avatar__img{width:100%;height:100%;display:block;object-fit:cover}.hero-avatar__fallback{display:none;align-items:center;justify-content:center;width:100%;height:100%}.hero-avatar.is-fallback .hero-avatar__img{display:none}.hero-avatar.is-fallback .hero-avatar__fallback{display:flex}body.dark .hero-avatar{color:var(--color-accent)}.hero-eyebrow{font-size:.75rem;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-text);margin-bottom:.4rem}body.dark .hero-eyebrow{color:var(--color-accent)}.hero-name{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin-bottom:.2rem}.hero-name-en{font-size:1rem;color:var(--color-text-secondary);letter-spacing:.04em;margin-bottom:0}.hero-tag{display:inline-block;font-size:.75rem;font-family:var(--font-mono);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.15em .6em;border-radius:4px}.section-label{font-size:.72rem;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-text);padding-bottom:.75rem;border-bottom:2px solid var(--color-accent);display:inline-block;margin-bottom:1.75rem}body.dark .section-label{color:var(--color-accent)}.bio-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;max-width:720px}.bio-block__titlebar{display:flex;align-items:center;gap:6px;padding:.55rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);user-select:none}.bio-dot{width:11px;height:11px;border-radius:50%}.bio-dot:nth-child(1){background:#ff5f57}.bio-dot:nth-child(2){background:#febc2e}.bio-dot:nth-child(3){background:#28c840}.bio-tabs{display:flex;margin-left:10px;border-left:1px solid var(--color-border);padding-left:10px;gap:2px}.bio-tab{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;color:var(--color-text-secondary);padding:.2rem .7rem;border-radius:4px;transition:background .12s,color .12s;line-height:1.6;min-height:28px}.bio-tab:hover{color:var(--color-text-primary)}.bio-tab.is-active{background:var(--color-surface);color:var(--color-text-primary);font-weight:600}body.dark .bio-tab.is-active{color:var(--color-accent)}.bio-panel{display:none}.bio-panel.is-active{display:block}.bio-panel-inner{max-height:260px;overflow:hidden;transition:max-height .3s ease}.bio-panel-inner.is-expanded{max-height:9999px}.bio-json-body{padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.9;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.bio-comment{color:#6a9955}body.dark .bio-comment{color:#57a64a}.bio-key{color:#4fc1ff}body.dark .bio-key{color:#9cdcfe}.bio-string{color:#ce9178}.bio-num{color:#b5cea8}.bio-bool{color:#569cd6}.bio-md-body{display:block;padding:1.25rem 1.5rem;font-size:.85rem;line-height:1.95;font-family:var(--font-mono);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;overflow-x:auto;background:transparent;border:none;border-radius:0;margin:0}.bio-toggle-footer{padding:.5rem 1.5rem 1rem;border-top:1px solid var(--color-border)}.bio-toggle-btn{background:none;border:none;cursor:pointer;color:var(--color-accent-text);font-family:var(--font-mono);font-size:.78rem;padding:0;text-decoration:underline;text-underline-offset:2px;min-height:32px}body.dark .bio-toggle-btn{color:var(--color-accent)}.bio-toggle-btn:hover{opacity:.75}.social-list{display:flex;flex-direction:column;gap:.5rem;max-width:480px}.social-link{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-decoration:none;color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s}.social-link:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000f;color:var(--color-text-primary);text-decoration:none}.social-link__icon{font-size:1.1rem;color:var(--color-text-secondary);width:20px;text-align:center;flex-shrink:0}.social-link__label{font-size:.72rem;color:var(--color-text-secondary);font-family:var(--font-mono);min-width:56px}.social-link__display{color:var(--color-text-secondary);font-size:.875rem;font-family:var(--font-mono)}.interest-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem;height:100%}.interest-card__icon{font-size:1.3rem;color:var(--color-accent-text);margin-bottom:.5rem}body.dark .interest-card__icon{color:var(--color-accent)}.interest-card__title{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;font-weight:700;font-size:.95rem;margin-bottom:.3rem}.interest-card__desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.project-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.project-item:hover{border-color:var(--color-accent);box-shadow:0 4px 16px #00000014;text-decoration:none;color:inherit}.project-item__name{font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,YuGothic,Meiryo,sans-serif;font-weight:700;font-size:.95rem;margin-bottom:.15rem}.project-item__en{font-size:.72rem;color:var(--color-text-secondary);font-family:var(--font-mono);margin-bottom:.25rem}.project-item__desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.7;margin:0}.load-placeholder{height:90px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.875rem}@media(max-width:576px){.about-hero{padding:2rem 0}.hero-avatar{width:64px;height:64px;font-size:1.6rem}.bio-json-body,.bio-md-body{font-size:.78rem;padding:1rem}.bio-toggle-footer{padding:.5rem 1rem .9rem}}