@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-serif:"Noto Serif JP", "Georgia", serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-family,var(--font-serif));min-height:100vh;font-size:14px;line-height:1.7}h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--foreground);font-size:2.25rem;font-style:normal;font-weight:700}h2{font-family:var(--font-serif);color:var(--foreground);border-bottom:1px solid var(--guide);letter-spacing:.02em;margin:30px 0 15px;padding-bottom:6px;font-size:16px;font-weight:500}a{color:var(--red);text-decoration:none}a:hover{color:var(--orange);text-decoration:underline}pre{font-family:var(--font-mono);white-space:pre;flex-shrink:0;font-size:13px;line-height:1.5}.container{max-width:800px;margin:0 auto;padding:20px 10px}.site-header{background:var(--current-line);border-bottom:2px solid var(--foreground);justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px;padding:14px 20px;display:flex}@media (max-width:700px){.site-header{flex-direction:column;gap:14px}}nav{gap:28px;display:flex}nav a{font-family:var(--font-serif);letter-spacing:.06em;color:var(--comment);padding-bottom:2px;font-size:13px;text-decoration:none;transition:color .15s}nav a:hover{color:var(--red);text-decoration:none}nav a.active{color:var(--red);border-bottom:2px solid var(--red)}.contact{align-items:center;gap:14px;display:flex}.profile-section{border-bottom:1.5px solid var(--guide);align-items:center;gap:1rem;margin-bottom:40px;padding-bottom:1rem;display:flex}.profile-details{flex:1}.subtitle{color:var(--comment);margin-bottom:3rem;font-style:italic}.status{color:var(--comment);align-items:center;gap:8px;margin-bottom:.5rem;font-style:italic;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.status-dot:before{content:"";border:2px solid var(--green);opacity:0;border-radius:50%;animation:2s ease-in-out infinite ping;position:absolute;inset:-4px}.section{margin-bottom:30px}.item{margin-bottom:20px}.item-header{justify-content:space-between;margin-bottom:5px;display:flex}.company{color:var(--red);text-decoration:none}.company:hover{color:var(--orange);text-decoration:underline}.role,.dates{color:var(--comment)}.stack{color:var(--comment);margin-top:6px;font-size:12px;font-style:italic}.coding-stats-section{margin-top:40px}.section-title{color:var(--foreground);font-size:16px;font-family:var(--font-serif);margin-bottom:15px;font-weight:600}.week-label{color:var(--comment);margin-left:8px;font-size:14px;font-style:italic}.language-breakdown{background:var(--current-line);border:1.5px solid var(--guide);margin-top:20px;padding:20px}.breakdown-header{color:var(--comment);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:20px;font-size:14px;font-style:italic}.breakdown-header:hover{color:var(--foreground)}.language-item{margin-bottom:15px}.language-header{justify-content:space-between;margin-bottom:5px;display:flex}.language-name{color:var(--foreground);font-weight:700}.language-stats{color:var(--comment);font-size:12px}.progress-bar{background:var(--gutter);height:6px;overflow:hidden}.progress-fill{height:100%;transition:width .3s}.loading{color:var(--comment);text-align:center;padding:20px;font-style:italic}.quote-section{text-align:center}.quote-text{font-size:1rem;font-style:italic;font-family:var(--font-serif);color:var(--comment);border-right:2px solid var(--comment);white-space:nowrap;animation:8s steps(30,end) infinite typing,.75s step-end infinite blink;display:inline-block;overflow:hidden}.project-card{transition:border-color .15s,transform .15s,box-shadow .15s;border:1.5px solid var(--guide)!important;border-radius:0!important}.project-card:hover{transform:translateY(-2px);border-color:var(--red)!important;box-shadow:3px 3px 0 var(--red)!important}.writing-preview-row:hover{border-color:var(--red)!important}.studying-link{color:var(--orange);font-style:italic;text-decoration:underline}.studying-link:hover{color:var(--red)}footer a:hover{color:var(--red)!important}.footer-inner{align-items:center}.footer-social{flex-direction:column;align-items:flex-end;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--foreground);opacity:.3;border-radius:0}[data-rehype-pretty-code-fragment] pre{border:1.5px solid var(--guide);margin-bottom:1.5rem;padding:16px;font-size:12px;line-height:1.6;overflow-x:auto}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes typing{0%{width:0}40%{width:100%}60%{width:100%}to{width:0}}@keyframes blink{0%,to{border-color:#0000}50%{border-color:var(--comment)}}:root,[data-theme=manga]{--background:#f2f2f4;--lighter-background:#eaeaec;--selection:#e2e2e5;--current-line:#ebebed;--foreground:#1a1a1a;--comment:#6b6560;--red:#b81c2e;--orange:#c45c2a;--yellow:#9a7c2f;--green:#3d6b4f;--cyan:#b81c2e;--blue:#3a4a6b;--purple:#6b3a5a;--gutter:#ebebed;--guide:#ccccd0;--font-family:"Noto Serif JP", "Georgia", serif}[data-theme=manga] body:before,:root body:before{content:"";pointer-events:none;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}[data-theme=manga-dark]{--background:#212121;--lighter-background:#2a2a2a;--selection:#333;--current-line:#2a2a2a;--foreground:#e8e3d8;--comment:#8a7e70;--red:#d43040;--orange:#d4703a;--yellow:#c0a050;--green:#5a8a6a;--cyan:#d43040;--blue:#5a6a90;--purple:#8a5a7a;--gutter:#303030;--guide:#383838;--font-family:"Noto Serif JP", "Georgia", serif}[data-theme=manga-dark] body:before{content:"";pointer-events:none;z-index:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}[data-theme=manga-dark] .site-header{border-bottom:2px solid var(--guide)}[data-theme=manga-dark] footer{border-top-color:var(--guide)!important}[data-theme] body{font-family:var(--font-family);background:var(--background);color:var(--foreground)}@media (max-width:600px){.profile-section{flex-direction:column}#ascii-art{order:1;align-self:center}.quote-text{white-space:nowrap;max-width:100%;font-size:.75rem}.item-header{flex-direction:column;gap:2px}.dates{font-size:11px}.footer-inner>:not(:nth-child(2)){display:none!important}.footer-inner>div:nth-child(2){justify-content:center;width:100%;display:flex!important}}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s forwards fade-in}