:root{--bg:#0e1216;--panel:#161c23;--panel-2:#1c242d;--panel-border:#2a343f;--text:#eef2f5;--muted:#a8b3bd;--accent:#7fd4ad;--accent-strong:#2f9d6f;--on-accent:#08130d;--focus:#9fe3c4;--radius:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{margin:0 auto;padding:0 0 32px}main,.app-footer{max-width:1200px;margin:0 auto;padding:0 16px}h1,h2,.hero-tagline,.group-label{font-family:Zen Kaku Gothic New,system-ui,Hiragino Sans,Noto Sans JP,sans-serif}.hero{border-radius:0 0 var(--radius) var(--radius);align-items:flex-end;min-height:clamp(300px,46vh,460px);display:flex;position:relative;overflow:hidden}.hero-bg,.hero-bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#0e121626 0%,#0e12168c 55%,#0e1216eb 100%);position:absolute;inset:0}.hero-inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:24px 20px 26px;position:relative}.hero h1{letter-spacing:.05em;text-shadow:0 2px 14px #00000080;margin:0;font-size:clamp(30px,5vw,44px);font-weight:700}.hero-tagline{color:#dfe7ec;text-shadow:0 1px 10px #0009;margin:6px 0 16px;font-size:clamp(13px,2vw,16px)}.hero-presets{flex-wrap:wrap;gap:10px;display:flex}.hero-preset{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);cursor:pointer;background:#161c23b8;border:1px solid #ffffff38;border-radius:999px;padding:10px 18px;font-size:15px;transition:border-color .15s,background .15s}.hero-preset:hover{border-color:var(--accent);background:#161c23e6}.resume-banner{background:var(--panel);border:1px solid var(--accent-strong);border-radius:var(--radius);align-items:center;gap:10px;margin:14px 0 0;padding:10px 14px;font-size:14px;display:flex}.resume-banner button{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:9px;padding:8px 14px;font-size:14px}.resume-banner button.ghost{color:var(--muted);background:0 0;min-height:44px;padding:10px 12px}.controls{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);flex-direction:column;gap:12px;margin:16px 0;padding:14px;display:flex}.control-group{flex-direction:column;gap:6px;display:flex}.group-label{color:var(--muted);letter-spacing:.06em;font-size:12px;font-weight:700}.master-row{align-items:center;gap:12px;display:flex}.master-row label{color:var(--muted);white-space:nowrap;font-size:13px}.master-row input[type=range]{flex:1}.stop-all{background:var(--panel-2);color:var(--text);border:1px solid var(--panel-border);cursor:pointer;white-space:nowrap;border-radius:9px;padding:9px 16px;font-size:14px}.stop-all:hover:not(:disabled){border-color:var(--accent)}.stop-all:disabled{opacity:.4;cursor:default}.preset-row{flex-wrap:wrap;gap:8px;display:flex}.preset{background:var(--panel-2);border:1px solid var(--panel-border);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 15px;font-size:14px}.preset:hover{border-color:var(--accent)}.util-row{flex-wrap:wrap;gap:14px 28px;font-size:13px;display:flex}.timer,.slots{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timer button,.slots button{background:var(--panel-2);border:1px solid var(--panel-border);color:var(--text);cursor:pointer;border-radius:8px;min-width:44px;min-height:44px;padding:10px 14px;font-size:13px}.timer button:hover,.slots button:hover:not(:disabled){border-color:var(--accent)}.slots button:disabled{opacity:.4;cursor:default}.slots .ghost{color:var(--muted);background:0 0;border:none;min-height:44px;padding:10px 8px}.timer-active{color:var(--accent)}.slot{align-items:center;display:inline-flex}.grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (width>=720px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1020px){.grid{grid-template-columns:repeat(4,1fr)}}.track-card{border-radius:var(--radius);aspect-ratio:3/2.35;border:1px solid var(--panel-border);isolation:isolate;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.card-bg,.card-bg img{-o-object-fit:cover;object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.card-overlay{z-index:-1;background:linear-gradient(#0a0e124d 0%,#0a0e127a 55%,#0a0e12d9 100%);transition:background .4s;position:absolute;inset:0}.track-card.on{border-color:var(--accent);box-shadow:0 0 0 2px #7fd4ad40}.track-card.on .card-overlay{background:linear-gradient(#0a0e1224 0%,#0a0e1257 55%,#0a0e12cc 100%)}.track-card.on .card-bg img{animation:20s ease-in-out infinite alternate kenburns}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.track-card.on .card-bg img,.eq i{animation:none!important}}.card-content{z-index:1;flex-direction:column;justify-content:flex-end;height:100%;padding:10px 12px 12px;display:flex;position:relative}.track-toggle{color:#f4f7f9;cursor:pointer;text-align:left;text-shadow:0 1px 8px #000000b3;background:0 0;border:none;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 2px;font-size:15px;font-weight:600;display:flex}.track-icon{filter:drop-shadow(0 1px 4px #0009);font-size:20px}.track-name{flex:1}.card-content input[type=range]{width:100%;accent-color:var(--accent)}input[type=range]{height:28px;margin:0}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:var(--accent);border-radius:1px;width:3px;animation:1.1s ease-in-out infinite eqbar;display:inline-block}.eq i:first-child{height:60%}.eq i:nth-child(2){height:100%;animation-delay:.25s}.eq i:nth-child(3){height:75%;animation-delay:.5s}@keyframes eqbar{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.app-footer{margin-top:30px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;display:flex}.footer-nav a{color:var(--muted)}.footer-nav a:hover{color:var(--accent)}.copyright{text-align:center;color:var(--muted);margin:10px 0 0;font-size:12px}.ad-area{border-top:1px dashed var(--panel-border);text-align:center;margin-top:24px;padding-top:12px}.ad-label{color:var(--muted);margin-bottom:6px;font-size:11px;display:block}button:focus-visible,input[type=range]:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=range]{accent-color:var(--accent)}.site-footer{max-width:1200px;margin:24px auto 40px;padding:0 16px}.site-footer-inner h2{color:var(--muted);margin:0 0 8px;font-size:15px}.site-articles{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 18px;margin:0 0 14px;padding:0;font-size:13px;list-style:none;display:grid}.site-articles a{color:var(--muted)}.site-articles a:hover{color:var(--accent)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:system-ui,Hiragino Sans,Noto Sans JP,Meiryo,sans-serif;line-height:1.6}body{min-width:320px;margin:0}a{color:inherit}button{font-family:inherit}.fixed{position:fixed}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.opacity-90{opacity:.9}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}