:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-alt:#f5f5f7;--panel-dark:#000;--text:#1d1d1f;--muted:#6e6e73;--faint:#86868b;--hairline:#d2d2d7;--link:#06c;--accent:#0071e3;--accent-hover:#0077ed;--max-width:1024px;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--radius-pill:980px;--shadow-sm:0 2px 12px #0000000f;--shadow-md:0 8px 32px #0000001a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:SF Pro JP,SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,Arial,sans-serif;line-height:1.6}img{display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}::selection{background:#0071e333}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.siteMain{min-height:100vh;overflow-x:clip}.container{width:min(100% - 44px, var(--max-width));margin:0 auto}.textLink{color:var(--link);font-size:1.06rem;font-weight:400}.textLink:hover{text-decoration:underline}.btn{border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;min-height:48px;padding:0 28px;font-size:1.06rem;font-weight:400;transition:background .2s;display:inline-flex}.btn.primary{background:var(--accent);color:#fff;border:0}.btn.primary:hover{background:var(--accent-hover)}.btn.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn.secondary:hover{background:var(--accent);color:#fff}.header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#fbfbfdcc;border-bottom:1px solid #00000014;position:sticky;top:0}.navShell{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.logo{letter-spacing:-.01em;color:var(--text);font-size:1.25rem;font-weight:600}.logo span,.footerBrand span{color:var(--accent)}.navLinks{align-items:center;gap:36px;display:flex}.navLinks a{color:#000c;letter-spacing:.01em;font-size:.95rem;font-weight:400;transition:color .2s;position:relative}.navLinks a:hover,.navLinks a.navLinkActive{color:#000}.navLinks a.navLinkActive:after{content:"";background:var(--text);border-radius:999px;height:1.5px;position:absolute;bottom:-6px;left:0;right:0}.navLinks .navLinkContact{display:none}.navCta{border-radius:var(--radius-pill);background:var(--accent);color:#fff;justify-content:center;align-items:center;min-height:38px;padding:0 20px;font-size:.9rem;font-weight:400;transition:background .2s;display:inline-flex}.navCta:hover{background:var(--accent-hover)}.heroSection{background:var(--bg);padding:110px 0 120px}.heroInner{text-align:center;max-width:820px}.heroEyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.85rem;font-weight:600}.heroTitle{letter-spacing:-.015em;margin:0 0 10px;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.07}.heroTagline{letter-spacing:-.01em;background:linear-gradient(90deg,#0090f7,#5e5ce6 55%,#bf5af2);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 22px;font-size:clamp(1.4rem,3.2vw,2.1rem);font-weight:700;line-height:1.3}.heroLead{max-width:620px;color:var(--muted);margin:0 auto;font-size:1.12rem;line-height:1.8}.heroActions{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin-top:34px;display:flex}.heroShowcase{margin-top:84px}.showcasePanel{border-radius:var(--radius-lg);background:var(--panel-dark);color:#f5f5f7;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);align-items:center;gap:32px;transition:transform .35s,box-shadow .35s;display:grid;overflow:hidden}.showcasePanel:hover{box-shadow:var(--shadow-md);transform:scale(1.008)}.showcaseCopy{padding:64px 24px 64px 64px}.showcaseEyebrow{color:#86868b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:600}.showcaseCopy h2{letter-spacing:-.015em;margin:0 0 12px;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700}.showcaseLead{color:#a1a1a6;margin:0 0 20px;font-size:1.02rem;line-height:1.8}.showcaseLink{color:#2997ff}.showcaseImageWrap{justify-content:center;align-self:end;align-items:flex-end;padding:56px 48px 0;display:flex}.showcaseImage{border-radius:32px 32px 0 0;width:min(300px,100%);box-shadow:0 0 60px #2997ff40}.section{padding:120px 0}.sectionMuted{background:var(--bg-alt)}.sectionHeading{text-align:center;margin-bottom:56px}.sectionHeadingLeft{text-align:left}.sectionLabel{color:var(--muted);letter-spacing:.12em;margin:0 0 10px;font-size:.85rem;font-weight:600}.sectionHeading h2{letter-spacing:-.015em;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:700}.aboutGrid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:64px;display:grid}.aboutVisual{position:relative}.aboutImageWrap{aspect-ratio:4/5;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.aboutImage{object-fit:cover;width:100%;height:100%}.aboutImageOverlay{display:none}.aboutBody{gap:18px;display:grid}.aboutBody p{color:var(--muted);margin:0;font-size:1.02rem;line-height:2}.aboutBody .aboutHighlight{color:var(--text);letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.55}.skillCategoryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.skillCategoryCard{border-radius:var(--radius-md);background:var(--bg);box-shadow:var(--shadow-sm);padding:40px 36px;transition:transform .3s,box-shadow .3s}.skillCategoryCard:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.skillCategoryLabel{color:var(--muted);letter-spacing:.12em;margin:0 0 12px;font-size:.78rem;font-weight:600}.skillCategoryCard h3{letter-spacing:-.01em;margin:0 0 10px;font-size:1.4rem;font-weight:700}.skillCategoryDescription{color:var(--muted);margin:0 0 22px;font-size:.95rem;line-height:1.9}.skillChip{border-radius:var(--radius-pill);background:var(--bg-alt);min-height:30px;color:var(--text);align-items:center;padding:0 14px;font-size:.8rem;font-weight:500;display:inline-flex}.worksSection{background:var(--bg)}.worksHeader{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:48px;display:flex}.compactHeading{margin-bottom:0}.worksExternal{color:var(--link);white-space:nowrap;font-size:1rem}.worksExternal:hover{text-decoration:underline}.worksGrid{gap:24px;display:grid}.worksGridModern{grid-template-columns:repeat(3,minmax(0,1fr))}.workCard{border-radius:var(--radius-md);background:var(--bg);box-shadow:var(--shadow-sm);overflow:hidden}.workCardModern{flex-direction:column;transition:transform .35s,box-shadow .35s;display:flex}.workCardModern:hover{box-shadow:var(--shadow-md);transform:scale(1.015)}.workThumbWrap{aspect-ratio:4/3;background:var(--bg-alt);position:relative;overflow:hidden}.workThumb{object-fit:cover;width:100%;height:100%;transition:transform .5s}.workCardModern:hover .workThumb{transform:scale(1.04)}.pillDot{display:none}.workCategory{border-radius:var(--radius-pill);-webkit-backdrop-filter:saturate(180%)blur(12px);min-height:28px;color:var(--text);letter-spacing:.06em;text-transform:uppercase;background:#ffffffd9;align-items:center;padding:0 14px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px}.workBody{flex-direction:column;flex:1;padding:28px;display:flex}.workBody h3{letter-spacing:-.01em;margin:0 0 10px;font-size:1.3rem;font-weight:700;line-height:1.4}.workDescription{color:var(--muted);margin:0;font-size:.95rem;line-height:1.9}.workResult{border-radius:var(--radius-sm);background:var(--bg-alt);margin-top:20px;padding:16px 18px}.workResultLabel{letter-spacing:.08em;color:var(--muted);margin-bottom:6px;font-size:.78rem;font-weight:600;display:inline-block}.workResult p{color:var(--text);margin:0;font-size:.9rem;line-height:1.85}.workBottom{margin-top:auto;padding-top:22px}.tagList{flex-wrap:wrap;gap:8px;display:flex}.modernTags{margin-bottom:18px}.tag{border-radius:var(--radius-pill);align-items:center;min-height:28px;padding:0 12px;font-size:.76rem;font-weight:500;display:inline-flex}.modernTag{background:var(--bg-alt);color:var(--muted)}.workLink{color:var(--link);align-items:center;font-size:1rem;display:inline-flex}.workLink:hover{text-decoration:underline}.modernLink:after{content:"›";margin-left:5px;transition:transform .2s}.modernLink:hover:after{transform:translate(3px)}.journalGrid,.journalListGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.journalListGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.journalCard{border-radius:var(--radius-md);background:var(--bg);box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;overflow:hidden}.journalCard:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.journalCardImageLink{aspect-ratio:16/10;background:var(--bg-alt);display:block;position:relative;overflow:hidden}.journalCardImage{object-fit:cover;width:100%;height:100%;transition:transform .5s}.journalCard:hover .journalCardImage{transform:scale(1.04)}.journalTypeBadge{border-radius:var(--radius-pill);min-height:28px;color:var(--text);letter-spacing:.06em;text-transform:uppercase;background:#ffffffe0;align-items:center;padding:0 13px;font-size:.72rem;font-weight:700;display:inline-flex}.journalCardImageLink .journalTypeBadge{-webkit-backdrop-filter:saturate(180%)blur(12px);position:absolute;top:14px;left:14px}.journalType-vlog{color:#af52de}.journalType-article{color:var(--link)}.journalCardBody{padding:26px}.journalDate{color:var(--faint);margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.journalCardBody h2,.journalCardBody h3{color:var(--text);letter-spacing:-.01em;margin:0 0 10px;font-size:1.28rem;line-height:1.4}.journalCardBody h2 a:hover,.journalCardBody h3 a:hover{color:var(--link)}.journalCardBody p{color:var(--muted);margin:0 0 18px;font-size:.95rem;line-height:1.85}.journalHero{padding:104px 0 88px}.journalHeroInner{text-align:center;max-width:760px}.journalHero h1{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(2.5rem,6vw,4.6rem);line-height:1.08}.journalHero p:not(.sectionLabel){max-width:620px;color:var(--muted);margin:0 auto;font-size:1.08rem;line-height:1.9}.journalPostHero{background:var(--bg-alt);padding:84px 0 42px}.journalPostHeader{max-width:820px}.journalPostMeta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:12px;margin:32px 0 14px;font-size:.9rem;font-weight:600;display:flex}.journalPostHeader h1{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(2.2rem,5.5vw,4.5rem);line-height:1.12}.journalPostHeader p{max-width:720px;color:var(--muted);margin:0;font-size:1.1rem;line-height:1.9}.journalPostMedia{margin-top:52px}.journalPostMedia img,.journalPostMedia iframe{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--panel-dark);width:100%;box-shadow:var(--shadow-md);border:0}.journalPostMedia img{object-fit:cover;height:auto}.journalPostBody{max-width:760px;padding:56px 0 120px}.journalPostBody p{color:var(--text);margin:0 0 24px;font-size:1.05rem;line-height:2}.adminPage{background:var(--bg);min-height:100vh}.adminHeader{background:var(--bg-alt);border-bottom:1px solid var(--hairline);padding:72px 0 56px}.adminHeaderInner{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.adminHeader h1{letter-spacing:-.015em;margin:0 0 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1}.adminHeader p:not(.sectionLabel){max-width:620px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.8}.adminLayout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:start;gap:32px;display:grid}.adminForm,.adminPreview{min-width:0}.adminFormSection,.adminPreview{border-radius:var(--radius-md);background:var(--bg);box-shadow:var(--shadow-sm)}.adminFormSection{padding:34px}.adminFormSection h2{margin:0 0 24px;font-size:1.4rem;line-height:1.3}.formField select{border:1px solid var(--hairline);background:var(--bg);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.formField select:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e326}.formField input[type=file]{border:1px dashed var(--hairline);background:var(--bg-alt);width:100%;color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;padding:16px}.adminShortTextarea{min-height:92px}.adminFieldHint,.adminUploadName{color:var(--faint);margin:-2px 0 0;font-size:.84rem;line-height:1.6}.adminUploadName{color:var(--text);font-weight:600}.adminSubmit{margin-left:0;margin-right:0}.adminCreatedLink{margin-top:16px;display:inline-flex}.adminPreview{padding:24px;position:sticky;top:92px}.adminImagePlaceholder{width:100%;height:100%;color:var(--faint);background:var(--bg-alt);place-items:center;font-size:.9rem;font-weight:600;display:grid}.adminBodyPreview{border-radius:var(--radius-sm);background:var(--bg-alt);margin-top:22px;padding:20px}.adminBodyPreview p{color:var(--muted);margin:0 0 16px;font-size:.95rem;line-height:1.85}.adminBodyPreview p:last-child{margin-bottom:0}.adminPostManager{margin-top:32px}.adminPostManagerHeader{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.adminPostManagerHeader h2{margin:0}.adminPostList{gap:14px;display:grid}.adminPostItem{border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--bg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px;display:grid}.adminPostMeta{color:var(--faint);letter-spacing:.04em;flex-wrap:wrap;gap:10px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:flex}.adminPostItem h3{margin:0 0 6px;font-size:1.08rem;line-height:1.4}.adminPostItem p{color:var(--muted);margin:0 0 8px;font-size:.92rem;line-height:1.7}.adminSecondaryButton,.adminDangerButton{border-radius:var(--radius-pill);cursor:pointer;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:.9rem;font-weight:600;display:inline-flex}.adminSecondaryButton{border:1px solid var(--hairline);background:var(--bg);color:var(--text)}.adminDangerButton{color:#d70015;background:#ff3b301a;border:0}.adminDangerButton:disabled{opacity:.6;cursor:not-allowed}.contactContainer{max-width:780px}.card{background:var(--bg);box-shadow:var(--shadow-sm)}.contactCard{margin:0 auto}.contactCardModern{border-radius:var(--radius-md);padding:48px}.contactLead{color:var(--muted);text-align:center;margin:0 0 32px;font-size:1.02rem}.contactForm{margin:0}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.formField{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.formField label{color:var(--text);font-size:.9rem;font-weight:600}.formField input,.formField textarea{border:1px solid var(--hairline);background:var(--bg);width:100%;color:var(--text);border-radius:var(--radius-sm);outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.formField input::placeholder,.formField textarea::placeholder{color:var(--faint)}.formField input:focus,.formField textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0071e326}.formField textarea{resize:vertical;min-height:180px}.submitPrimary{border-radius:var(--radius-pill);background:var(--accent);color:#fff;cursor:pointer;border:0;min-width:220px;min-height:50px;margin:8px auto 0;font-size:1.06rem;font-weight:400;transition:background .2s,opacity .2s;display:block}.submitPrimary:hover{background:var(--accent-hover)}.submitPrimary:disabled{opacity:.6;cursor:not-allowed}.formStatus{border-radius:var(--radius-sm);text-align:center;margin-top:18px;padding:14px 16px;font-size:.94rem;font-weight:500}.formStatus.success{color:#1a7f37;background:#34c7591f}.formStatus.error{color:#d70015;background:#ff3b301a}.contactNote{color:var(--faint);text-align:center;margin:26px 0 0;font-size:.9rem}.footer{background:var(--bg-alt);padding:28px 0 34px}.footerModern{border-top:1px solid var(--hairline)}.footerBar{justify-content:space-between;align-items:center;gap:18px;display:flex}.footerBrand{color:var(--muted);font-size:.85rem;font-weight:600}.footerBar p{color:var(--faint);margin:0;font-size:.75rem}.footerIcon{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;transition:color .2s;display:inline-flex}.footerIcon:hover{color:var(--text)}.footerGithubSvg{flex-shrink:0;width:1.2em;height:1.2em}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.workCardModern,.skillCategoryCard,.showcasePanel,.submitPrimary,.workThumb{transition:none}}@media (max-width:1024px){.aboutGrid{grid-template-columns:1fr}.aboutVisual{max-width:520px}.worksGridModern,.journalGrid,.journalListGrid,.adminLayout{grid-template-columns:1fr}.adminPreview{position:static}.adminPostItem{grid-template-columns:1fr}}@media (max-width:768px){.navShell{flex-wrap:wrap;justify-content:center;gap:10px;min-height:auto;padding:10px 0}.navLinks{flex-wrap:wrap;justify-content:center;gap:18px;width:100%}.navLinks .navLinkContact{display:revert}.navCta{display:none}.heroSection{padding:72px 0 88px}.section{padding:88px 0}.heroShowcase{margin-top:56px}.showcasePanel{text-align:center;grid-template-columns:1fr;gap:0}.showcaseCopy{padding:48px 28px 8px}.showcaseImageWrap{padding:32px 28px 0}.heroActions{flex-direction:column;gap:18px}.btn{width:min(100%,280px)}.skillCategoryGrid{grid-template-columns:1fr}.worksHeader{flex-direction:column;align-items:flex-start;gap:10px}.journalHero{padding:76px 0 68px}.journalPostHero{padding:64px 0 34px}.adminHeaderInner{flex-direction:column;align-items:flex-start}.formGrid,.footerBar{grid-template-columns:1fr;display:grid}.footerBar{text-align:center}.footerIcon{justify-self:center}}@media (max-width:560px){.container{width:min(100% - 32px, var(--max-width))}.navLinks a{font-size:.85rem}.contactCardModern,.workBody,.skillCategoryCard{padding:24px}.sectionHeading{margin-bottom:40px}}