@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/api/media-auth?path=fonts/Inter-Light.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/api/media-auth?path=fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/api/media-auth?path=fonts/Inter-SemiBold.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:400;font-display:swap;src:url(/api/media-auth?path=fonts/Lora-Regular-subset.woff2)format("woff2")}@font-face{font-family:Lora;font-style:normal;font-weight:500;font-display:swap;src:url(/api/media-auth?path=fonts/Lora-Medium-subset.woff2)format("woff2")}@font-face{font-family:Lora;font-style:italic;font-weight:400;font-display:swap;src:url(/api/media-auth?path=fonts/Lora-Italic-subset.woff2)format("woff2")}:root{--font-main:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Microsoft JhengHei", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-heading:"Lora", "Songti TC", "PMingLiU", "Hiragino Mincho ProN", "Yu Mincho", serif;--color-bg:#fafafa;--color-surface:#fff;--color-text-main:#111;--color-text-muted:#595959;--color-border:#eaeaea;--color-accent:#05f;--color-error:#ef4444;--max-width:1000px}[data-theme=dark]{--color-bg:#111;--color-surface:#1a1a1a;--color-text-main:#fafafa;--color-text-muted:#a0a0a0;--color-border:#333;--color-accent:#38f;--color-error:#ff6b6b}[data-theme=dark] .brand-icon,[data-theme=dark] .footer-logo,[data-theme=dark] .mini-cover[src*=page_logo],[data-theme=dark] .loader-gif{filter:drop-shadow(0 0 2px #fff3);opacity:.9;transition:filter .4s,opacity .4s}[data-theme=dark] .nav-brand:hover{opacity:1}[data-theme=dark] .nav-brand:hover .brand-text{opacity:.7}[data-theme=dark] .nav-brand:hover .brand-icon,[data-theme=dark] .footer-logo:hover,[data-theme=dark] .mini-player:hover .mini-cover[src*=page_logo]{filter:drop-shadow(0 0 8px #fffc);opacity:1}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main);letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;word-wrap:break-word;line-height:1.8;transition:background-color .4s,color .4s,border-color .4s}.project-card,.meta-tags,.waveform-container,.modal-content,.custom-loader,.mini-player,.folder-section,.site-header,.site-footer,.expandable-content:after{transition:background-color .4s,color .4s,border-color .4s,filter .4s,box-shadow .4s}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:500;line-height:1.3}p{margin-bottom:1.25rem}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--color-accent)}img,.hero-image{max-width:100%;height:auto;pointer-events:none!important;-webkit-user-drag:none!important;-webkit-touch-callout:none!important}.site-header,.main-content,.site-footer{max-width:var(--max-width);margin:0 auto;padding:0 2rem}@media (width<=600px){.site-header,.main-content,.site-footer{padding:0 1.25rem}}.main-content{min-height:70vh;padding-top:2rem}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:3rem;padding-bottom:3rem;display:flex}.mobile-header-bar{justify-content:space-between;align-items:center;display:flex}.mobile-menu-toggle{color:var(--color-text);cursor:pointer;touch-action:manipulation;z-index:50;background:0 0;border:none;min-width:48px;min-height:48px;margin-right:-1rem;padding:1rem;transition:color .2s;display:none;position:relative}.mobile-menu-toggle:hover{color:var(--color-accent)}.site-header .logo a{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.site-nav ul{white-space:nowrap;align-items:center;gap:2rem;list-style:none;display:flex}.site-nav a{color:var(--color-text-muted);font-size:.95rem}.site-nav a:hover{color:var(--color-text-main)}.theme-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-top:4px;padding:0;transition:color .3s,transform .3s;display:flex}.theme-btn:hover{color:var(--color-text-main);transform:rotate(15deg)}.nav-brand{color:var(--color-text-main);align-items:center;gap:.75rem;text-decoration:none;transition:opacity .3s;display:flex}.nav-brand:hover{opacity:.7}.brand-icon{width:64px;height:64px;image-rendering:pixelated}.brand-text{font-family:var(--font-heading);letter-spacing:.05em;font-size:1.2rem;font-weight:450}.animated-logo,.nav-brand:hover .static-logo{display:none}.nav-brand:hover .animated-logo{display:block}.site-footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:4rem;padding:4rem 2rem 2rem;font-size:.85rem}.footer-logo{width:24px;height:24px;image-rendering:pixelated;opacity:.5;margin-bottom:1rem}.footer-content p{color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.8rem}html{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background-color:var(--color-bg)}::-webkit-scrollbar-thumb{background-color:var(--color-border);border:2px solid var(--color-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}@media (width<=800px){.site-header{flex-direction:column;align-items:stretch;gap:0;padding-top:2rem;padding-bottom:2rem}.mobile-header-bar{width:100%}.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.brand-text{white-space:nowrap;font-size:1.1rem}.brand-icon{width:48px;height:48px}.site-nav{width:100%;margin-top:1.5rem;display:none}.site-nav.is-expanded{animation:.2s forwards fadeInDown;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-nav ul{white-space:normal;flex-direction:column;align-items:stretch;gap:.5rem;padding-bottom:.5rem;overflow-x:visible}.site-nav a{border-bottom:1px solid var(--color-border);padding:.75rem 0;font-size:1.1rem;display:block}.site-nav li.lang-switcher{border-bottom:none;margin-top:.5rem;padding:.75rem 0}}:lang(ja){font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,Yu Gothic,sans-serif}.heading-ja,:lang(ja).heading-ja{font-family:Lora,Hiragino Mincho ProN,Yu Mincho,MS PMincho,serif}.skip-link{background-color:var(--color-text-main);color:var(--color-bg);z-index:9999;font-family:var(--font-main);border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:top .2s;position:absolute;top:-100px;left:1rem}.skip-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;top:1rem}.transition-fade{opacity:1;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);transform:translateY(0)}html.is-animating .transition-fade{opacity:0;transform:translateY(10px)}