@import url(https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);.hero-container{align-items:center;background-color:var(--bg-primary);color:var(--text-main);display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.hero-title{color:var(--text-main);font-size:2.6rem;font-weight:700;margin-bottom:.5rem;z-index:1}.hero-subline{margin-bottom:2.5rem;opacity:.75}.hero-identity-line,.hero-subline{color:var(--text-muted);font-size:1.1rem;font-style:italic;z-index:1}.hero-identity-line{opacity:.6}.hero-bg-blob{animation:pulseBlob 6s ease-in-out infinite;background:radial-gradient(circle,var(--accent) 0,#0000 70%);filter:blur(120px);height:480px;left:50%;opacity:.2;pointer-events:none;position:absolute;top:20%;transform:translateX(-50%) translateY(-50%);width:480px;z-index:0}@keyframes pulseBlob{0%,to{opacity:.2;transform:translateX(-50%) translateY(-50%) scale(1)}50%{opacity:.28;transform:translateX(-50%) translateY(-50%) scale(1.1)}}.scroll-hint{animation:bounce 1.5s infinite;background:none;border:none;bottom:100px;color:var(--accent);cursor:pointer;font-size:1.4rem;left:50%;opacity:.6;position:absolute;transform:translateX(-50%);z-index:1}.scroll-hint:hover{opacity:1}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}@media (max-width:480px){.hero-title{font-size:2.2rem}.hero-identity-line,.hero-subline{font-size:1rem}}.hero-subline,.hero-title{animation:fadeUp 1.2s ease forwards;opacity:0}.hero-subline{animation-delay:.3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-poem-grid{grid-gap:1.2rem 3rem;display:grid;gap:1.2rem 3rem;grid-template-columns:repeat(2,auto);margin-top:2.5rem;z-index:1}.poem-line{color:var(--text-muted);font-size:1.1rem;font-style:italic;opacity:.8;transition:transform .3s ease}.poem-line:hover{color:var(--accent);transform:translateY(-2px)}.about-section{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;gap:3rem;padding:5rem 1.5rem}.about-heading{color:var(--text-main);font-size:2rem;font-weight:700;text-align:center}.about-line{color:var(--text-muted);font-size:1.1rem;font-style:italic;margin-bottom:2.5rem;max-width:640px;opacity:.75;z-index:1}.about-frame{background:var(--bg-primary);border-radius:var(--radius);box-shadow:0 6px 20px #00000040;gap:3rem;max-width:720px;padding:2.5rem 3rem;width:100%}.about-frame,.about-subsection{display:flex;flex-direction:column}.about-focus{align-items:flex-start;text-align:left}.about-passion{align-items:flex-end;text-align:right}.about-subheading{color:var(--text-muted);font-size:.85rem;letter-spacing:.4px;margin-bottom:.6rem;text-transform:uppercase}.about-subsection ul{list-style:none;margin:0;padding:0}.about-subsection li{color:var(--text-main);font-size:.95rem;line-height:1.6;margin-bottom:.4rem}@media (max-width:768px){.about-frame{gap:4rem;padding:1.8rem}.about-subsection li{font-size:.92rem}}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#121212f2;border-top:1px solid #333;bottom:0;display:flex;gap:2rem;justify-content:center;padding:.8rem 1rem;position:fixed;width:100%;z-index:1000}.bottom-nav button{background:none;border:none;color:#bbb;color:var(--text-muted,#bbb);cursor:pointer;font-size:.9rem;font-weight:600;transition:color .2s ease}.bottom-nav button:hover{color:#fc0;color:var(--accent,#fc0)}@media (min-width:768px){.bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:initial;border-top:none;bottom:auto;gap:1rem;position:absolute;right:1rem;top:1rem;width:auto}.bottom-nav button{color:#fff;color:var(--text-main,#fff);font-size:.85rem}}.post-gallery-section{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;gap:2rem;padding:4rem 1.5rem}.post-gallery-heading{color:var(--text-main);font-size:2rem;font-weight:600}.post-gallery-filters{display:flex;gap:1rem;margin-bottom:2rem}.post-gallery-filters button{background:none;border:1px solid var(--accent);border-radius:20px;color:var(--accent);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background .2s}.post-gallery-filters button.active,.post-gallery-filters button:hover{background-color:var(--accent);color:#121212}.post-gallery-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.post-card{background-color:var(--bg-card);border:1px solid #ffffff0d;border-radius:12px;color:var(--text-main);display:flex;flex-direction:column;height:220px;overflow:hidden;padding:1rem 1.2rem;position:relative;text-decoration:none;transition:transform .2s ease;width:300px}.post-title{color:var(--text-main);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.4rem}.post-summary{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;flex-grow:1;font-size:.85rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.post-footer{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.post-badge{background:linear-gradient(135deg,var(--badge-bg-start),var(--badge-bg-end));border-radius:999px;color:var(--badge-fg);font-size:.7rem;font-weight:500;letter-spacing:.3px;padding:2px 10px;text-transform:uppercase}.post-arrow{color:var(--accent);font-size:1.1rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}@media (min-width:1024px){.post-card{height:270px;width:270px}}.post-arrow{transition:transform .2s ease}.post-card:hover .post-arrow{transform:translate(6px,-50%)}.post-summary{min-height:4.8em}.post-gallery-subline{color:var(--text-muted);font-size:1.05rem;font-style:italic;margin-bottom:1rem;margin-top:-1rem;max-width:640px;opacity:.75;text-align:center}.post-layout{background-color:var(--bg-blog);display:flex;gap:3rem;justify-content:center;margin:0 auto;max-width:1000px;padding:2rem 1.5rem 6rem}.post-main{flex:1 1;min-width:0}.toc-sidebar{border-left:1px solid #ffffff14;color:var(--text-muted);font-size:.85rem;max-height:70vh;overflow-y:auto;padding-left:1rem;position:sticky;top:100px;width:220px}.toc-toggle{border:none;border-radius:var(--radius);color:var(--accent);display:none;font-size:1.1rem;padding:8px 12px;right:1rem;top:1rem}.toc-drawer,.toc-toggle{background:var(--bg-secondary);position:fixed;z-index:999}.toc-drawer{box-shadow:-2px 0 8px #0006;color:var(--text-main);height:100vh;overflow-y:auto;padding:1.5rem;right:0;top:0;width:85%}.toc-header{align-items:center;display:flex;font-size:1rem;font-weight:700;justify-content:space-between;margin-bottom:1rem}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:.8rem}.toc-list a{color:var(--accent);font-size:.95rem;text-decoration:none}.toc-list a:hover{text-decoration:underline}.post-back-button{background:#0000;border:1px solid #ffffff1a;border-radius:var(--radius);color:var(--accent);cursor:pointer;font-size:.85rem;left:1rem;opacity:.6;padding:6px 14px;position:fixed;top:1rem;transition:all .2s ease;z-index:999}.post-back-button:hover{background-color:#ffcc0014;opacity:1}.scroll-progress-bar{background:var(--accent);height:3px;left:0;position:fixed;top:0;z-index:999}.markdown-body{color:var(--text-body);font-size:1rem;line-height:1.8}.markdown-body p{color:var(--text-body);margin-bottom:1.4rem;text-align:justify}.markdown-body h2{line-height:1.5;margin:2rem 0 1rem}.markdown-body h2,.markdown-body h3{color:var(--text-heading);font-weight:600}.markdown-body h3{font-size:1.1rem;margin:1.8rem 0 1rem;opacity:.95}.markdown-body ul{list-style-type:disc;margin-bottom:1.5rem;padding-left:1.25rem}.markdown-body ul li{color:var(--text-body);font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.markdown-body blockquote,.markdown-body em{color:var(--text-muted);font-style:italic}.markdown-body blockquote{background:#ffcc000f;border-left:3px solid var(--md-accent);border-radius:var(--md-radius);font-size:.95rem;font-weight:400;line-height:1.7;margin:2rem 0;padding:.9rem 1.2rem;position:relative}.markdown-body p>code{background-color:#ffcc001a;border-radius:4px;color:var(--md-accent);font-size:.88rem;padding:.12rem .4rem}.markdown-body img{border-radius:var(--radius);display:block;margin:1rem auto;max-height:420px;max-width:100%;object-fit:contain}@media (max-width:1024px){.post-layout{flex-direction:column}.desktop-only,.toc-sidebar{display:none}.toc-toggle{display:block}}@media (min-width:1025px){.mobile-only{display:none}}.post-bottom-nav{background:var(--nav-bg);border-top:1px solid var(--nav-border);bottom:0;display:flex;justify-content:space-around;left:0;padding:.75rem 1rem;position:fixed;width:100%;z-index:999}.post-bottom-nav button{background:none;border:none;border-radius:var(--radius);color:var(--accent);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.5rem 1rem}.post-bottom-nav button:hover{background-color:var(--nav-hover-bg)}@media (min-width:1025px){.post-bottom-nav{display:none}}.post-layout .post-title{color:var(--accent);font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:2rem;margin-top:1rem;text-align:center}.custom-code-block{background:#1a1a1a!important;border:1px solid #ffffff14;border-radius:var(--md-radius);box-shadow:0 6px 20px #00000059;color:var(--md-accent);font-family:Fira Code,Courier New,monospace!important;font-size:.88rem;line-height:1.6;margin:1.5rem 0;overflow-x:auto;padding:1rem 1.2rem}.token{background:none!important;box-shadow:none!important;color:inherit!important;font-style:normal;text-shadow:none!important}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--token-comment)!important;font-style:italic}.token.punctuation{color:var(--token-punctuation)!important}.token.constant,.token.property,.token.symbol,.token.tag{color:var(--token-symbol)!important}.token.boolean,.token.number{color:var(--token-number)!important}.token.attr-name,.token.selector,.token.string{color:var(--token-string)!important}.token.function{color:var(--token-function)!important}.token.keyword{color:var(--token-keyword)!important;font-weight:500}.token.class-name{color:var(--token-classname)!important}.token.builtin,.token.operator{color:var(--token-operator)!important}.code-block-container{position:relative}.copy-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;opacity:.6;position:absolute;right:1rem;top:.75rem;transition:opacity .2s ease,transform .2s ease;transition:opacity .3s ease}.copy-btn[title="Copied!"]{color:var(--md-accent);opacity:1}.markdown-body pre{background:var(--md-bg);border:1px solid #ffffff14;border-radius:var(--md-radius);box-shadow:0 6px 20px #00000059;color:var(--md-accent);font-family:Fira Code,monospace;font-size:.88rem;margin:1.5rem 0;overflow-x:auto;padding:1.2rem}.loading-container{background-color:var(--loading-bg);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.contact-section,.loading-container{align-items:center;display:flex;justify-content:center}.contact-section{background-color:var(--bg-secondary);padding:5rem 1.5rem}.contact-card{align-items:center;background:var(--bg-card);border-radius:var(--radius);box-shadow:0 6px 20px #00000040;display:flex;flex-direction:column;gap:1.8rem;max-width:640px;padding:2.5rem 3rem;text-align:center;width:100%}.contact-icon{color:var(--accent);font-size:2.2rem;opacity:.6}.contact-heading{color:var(--text-main);font-size:1.8rem;font-weight:600}.contact-line{color:var(--text-muted);font-size:1rem;line-height:1.6;max-width:480px}.contact-line.secondary{font-size:.95rem;margin-top:-1rem;opacity:.75}.contact-links{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:1rem}.contact-button{background-color:var(--accent);border:none;border-radius:var(--radius);color:#121212;font-size:.95rem;font-weight:600;padding:.6rem 1.4rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-button:hover{box-shadow:0 3px 10px #ffcc004d;transform:translateY(-2px)}.contact-signature{font-size:.9rem;font-style:italic;margin-top:1.5rem;opacity:.6}@media (max-width:768px){.contact-card{gap:1.6rem;padding:2rem 1.5rem}.contact-heading{font-size:1.5rem}.contact-button{font-size:.9rem;padding:.5rem 1.2rem}}.theme-message{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-top:1.8rem;opacity:.85;text-align:center}.theme-selector{background-color:var(--bg-secondary);border:1px solid var(--nav-border);border-radius:var(--radius);color:var(--text-main);cursor:pointer;font-family:inherit;font-size:.95rem;margin-top:.5rem;padding:.5rem 1rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-wrapper{height:100%;max-width:100vw;overflow-x:hidden;position:relative}.scroll-nudge{animation:bounceDown 1.4s infinite;bottom:1.2rem;color:var(--accent);font-size:1.6rem;left:50%;opacity:.65;pointer-events:none;position:fixed;transform:translateX(-50%);transition:left .3s ease,right .3s ease,transform .3s ease;z-index:900}.scroll-nudge-right{left:auto;right:1.2rem;transform:none}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (min-width:768px){.scroll-nudge{display:none}}:root{--bg-primary:#0d0d0d;--bg-secondary:#181818;--bg-card:#1e1e1e;--bg-blog:#111;--text-main:#e6e6e6;--text-muted:#888;--text-heading:#ffd860;--accent:#ffd860;--arrow-color:#ffea8a;--md-bg:#141414;--md-text:var(--text-main);--md-muted:#777;--md-accent:#ffcd39;--md-radius:8px;--md-font-color:"#e6e6e6";--badge-bg:#2a2100;--badge-fg:#ffcd39;--badge-bg-start:#ffcc0040;--badge-bg-end:#ffcc0014;--radius:8px;--font-main:"Inter",sans-serif;--nav-bg:#121212f2;--nav-border:#333;--nav-hover-bg:#ffcc001a;--divider-color:#fc0;--divider-opacity:0.4;--token-comment:#6a737d;--token-punctuation:#8b949e;--token-symbol:#d19a66;--token-number:#e06c75;--token-string:#98c379;--token-function:#61afef;--token-keyword:#c678dd;--token-classname:#e5c07b;--token-operator:#56b6c2;--loading-bg:#121212}:root[data-theme=japan]{--bg-primary:#f5f5f5;--bg-secondary:#e0e0e0;--bg-card:#fff;--bg-blog:#fce4ec;--text-main:#333;--text-muted:#757575;--text-heading:#d81b60;--accent:#ff7043;--arrow-color:#ffcc80;--md-bg:#e0f7fa;--md-text:var(--text-main);--md-muted:#888;--md-accent:#ff6f61;--md-radius:8px;--md-font-color:"#333333";--badge-bg:#ffcc80;--badge-fg:#333;--badge-bg-start:#ffcc0040;--badge-bg-end:#ffcc0014;--radius:8px;--font-main:"Inter",sans-serif;--nav-bg:#fffffff2;--nav-border:#e0e0e0;--nav-hover-bg:#ff8c001a;--token-comment:#6a737d;--token-punctuation:#8b949e;--token-symbol:#d19a66;--token-number:#e06c75;--token-string:#98c379;--token-function:#61afef;--token-keyword:#c678dd;--token-classname:#e5c07b;--token-operator:#56b6c2;--loading-bg:#121212}:root[data-theme=white-and-blue]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--bg-blog:#f5f7fa;--text-main:#2d3748;--text-muted:#718096;--text-heading:#1a365d;--accent:#3182ce;--arrow-color:#4299e1;--md-bg:#fff;--md-text:var(--text-main);--md-muted:#718096;--md-accent:#3182ce;--md-radius:6px;--md-font-color:#2d3748;--badge-bg:#ebf8ff;--badge-bg-start:#3182ce26;--badge-bg-end:#3182ce0d;--badge-fg:#3182ce;--radius:6px;--font-main:"Inter","Segoe UI",system-ui,sans-serif;--nav-bg:#fffffffa;--nav-border:#e2e8f0;--nav-hover-bg:#3182ce1a;--token-comment:#657786;--token-punctuation:#718096;--token-symbol:#dd6b20;--token-number:#e53e3e;--token-string:#38a169;--token-function:#3182ce;--token-keyword:#805ad5;--token-classname:#d69e2e;--token-operator:#00b5d8;--loading-bg:#f8f9fa;--divider-color:#e2e8f0;--divider-opacity:1}:root[data-theme=summer-morning-sunshine]{--bg-primary:#fff9f0;--bg-secondary:#fff4e6;--bg-card:#fff;--bg-blog:#fffaf2;--text-main:#3a3a3a;--text-muted:#8a8a8a;--text-heading:#d35400;--accent:#f39c12;--arrow-color:#f1c40f;--md-bg:#fffcf7;--md-text:var(--text-main);--md-muted:#a5a5a5;--md-accent:#e67e22;--md-radius:8px;--md-font-color:#3a3a3a;--badge-bg:#fef3e0;--badge-bg-start:#f39c1226;--badge-bg-end:#f39c120d;--badge-fg:#e67e22;--radius:8px;--font-main:"Inter","Segoe UI",system-ui,sans-serif;--nav-bg:#fff9f0f2;--nav-border:#f1d7b5;--nav-hover-bg:#f39c121a;--token-comment:#95a5a6;--token-punctuation:#bdc3c7;--token-symbol:#e74c3c;--token-number:#f39c12;--token-string:#27ae60;--token-function:#3498db;--token-keyword:#9b59b6;--token-classname:#d35400;--token-operator:#1abc9c;--loading-bg:#fff4e6;--divider-color:#f1d7b5;--divider-opacity:0.6}:root[data-theme=deadpool]{--bg-primary:#0a0a0a;--bg-secondary:#1a0f0f;--bg-card:#1f1010;--bg-blog:#141010;--text-main:#f0f0f0;--text-muted:#b0b0b0;--text-heading:#ff1744;--accent:#ff1744;--accent-secondary:#dc143c;--accent-bright:#ff4569;--arrow-color:#ff1744;--md-bg:#1a0f0f;--md-text:#f0f0f0;--md-muted:#b0b0b0;--md-accent:#ff1744;--md-radius:6px;--md-font-color:#f0f0f0;--badge-bg:#2d0a0a;--badge-bg-start:#ff17444d;--badge-bg-end:#ff17441a;--badge-fg:#ff4569;--radius:6px;--font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--nav-bg:#1a0f0ff2;--nav-border:#ff174433;--nav-hover-bg:#ff174426;--token-comment:#888;--token-punctuation:#ccc;--token-symbol:#ffa726;--token-number:#ff4569;--token-string:#4caf50;--token-function:#42a5f5;--token-keyword:#ab47bc;--token-classname:#ffca28;--token-operator:#26c6da;--button-bg:#ff1744;--button-bg-hover:#dc143c;--button-text:#fff;--link-color:#ff4569;--link-hover:#ff1744;--border-color:#ff174433;--divider-color:#ff1744;--divider-opacity:0.4;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--loading-bg:#1a0f0f;--loading-accent:#ff1744;--code-bg:#1a0f0f;--code-border:#ff174426;--code-shadow:0 4px 20px #ff17441a;--selection-bg:#ff17444d;--focus-ring:#ff4569;--focus-ring-opacity:0.5}:root[data-theme=magma]{--bg-primary:#2c0a0a;--bg-secondary:#4e1c1c;--bg-card:#3a2a2a;--bg-blog:#f8d7da;--text-main:#fff;--text-muted:#b0b0b0;--text-heading:#ff5733;--accent:#ff8c00;--arrow-color:#ffcc80;--md-bg:#4e1c1c;--md-text:var(--text-main);--md-muted:#888;--md-accent:#ff6f61;--md-radius:8px;--md-font-color:"#ffffff";--badge-bg:#ff8c00;--badge-bg-start:#ff8c0040;--badge-bg-end:#ff8c0014;--badge-fg:#fff;--radius:8px;--font-main:"Inter",sans-serif;--nav-bg:#2c0a0af2;--nav-border:#3a2a2a;--nav-hover-bg:#ff8c001a;--token-comment:#6a737d;--token-punctuation:#8b949e;--token-symbol:#d19a66;--token-number:#e06c75;--token-string:#98c379;--token-function:#61afef;--token-keyword:#c678dd;--token-classname:#e5c07b;--token-operator:#56b6c2;--loading-bg:#121212}body{background-color:#0d0d0d;background-color:var(--bg-primary);color:#e6e6e6;color:var(--text-main);font-family:Inter,sans-serif;font-family:var(--font-main);margin:0;padding:0;scroll-behavior:smooth}section{box-sizing:border-box;min-height:100vh;padding:3rem 1.5rem}button{cursor:pointer;font-family:inherit}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.section-divider{background:linear-gradient(90deg,#0000,#fc0,#0000);background:linear-gradient(to right,#0000,var(--divider-color),#0000);filter:blur(.3px);height:2px;margin:3rem 0;opacity:.4;opacity:var(--divider-opacity);width:100%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;box-sizing:border-box;font-family:Ubuntu,sans-serif;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0;scrollbar-width:none;width:100%}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:inherit}#root{overflow-x:hidden;position:relative}