*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--b:#090909;--w:#f1efe9;--m:#858585;--l:#292929;--a:#d7ff3f}body{margin:0;background:var(--b);color:var(--w);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}header{height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--l);position:sticky;top:0;background:#090909ee;backdrop-filter:blur(10px);z-index:10}header b{letter-spacing:-.04em}nav{display:flex;gap:24px;font-size:10px}.hero{min-height:calc(100vh - 70px);padding:6vh 4vw 4vw;display:flex;flex-direction:column;justify-content:space-between}.hero>small{letter-spacing:.18em}.hero h1{font-size:clamp(90px,19vw,280px);line-height:.68;letter-spacing:-.09em;margin:4vh 0}.hero h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--w)}.herofoot{border-top:1px solid var(--l);padding-top:20px;display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.7;color:#aaa}.round{width:76px;height:76px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;text-align:center}.sec{padding:100px 4vw}.head{display:grid;grid-template-columns:70px 1fr;border-bottom:1px solid var(--l);align-items:baseline;padding-bottom:16px;margin-bottom:45px}.head h2{font-size:clamp(34px,5vw,70px);letter-spacing:-.06em;margin:0}.row{min-height:84px;border-bottom:1px solid var(--l);display:grid;grid-template-columns:55px 1fr 1fr 100px;align-items:center}.row:hover{background:#111}.muted,small{color:var(--m);font-size:10px}.cover{width:52px;height:52px;object-fit:cover;background:#171717}.workrow{grid-template-columns:55px 70px 1fr 1fr 90px}.player{padding-bottom:35px}.player h3{font-size:clamp(34px,6vw,82px);letter-spacing:-.06em;margin:12px 0 25px}.bar{height:3px;background:#333;cursor:pointer}.bar span{display:block;width:0;height:100%;background:var(--a)}.times{display:flex;justify-content:space-between;font-size:9px;color:var(--m);margin-top:7px}.beat{grid-template-columns:55px 55px 1fr 150px;cursor:pointer}.play{width:34px;height:34px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-size:9px}.beat.active .play{background:var(--a);color:#000;border-color:var(--a)}.sound{background:var(--w);color:#090909;padding:12vw 4vw}.sound h2{font-size:clamp(60px,12vw,175px);line-height:.8;letter-spacing:-.08em;margin:40px 0 0}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:12vw}.about>p{font-size:clamp(30px,4vw,56px);line-height:1.05;letter-spacing:-.045em;margin:0}.about div{color:#aaa;line-height:1.8}.contact{background:var(--a);color:#080808;padding:12vw 4vw 6vw}.contact h2{font-size:clamp(90px,18vw,250px);line-height:.7;letter-spacing:-.09em;margin:8vw 0}.contact a{margin-right:25px;border-bottom:1px solid #111}footer{padding:25px 4vw;font-size:10px;color:var(--m);display:flex;justify-content:space-between}.empty{padding:30px 0;color:#666}
/* ADMIN */
.adminbody{background:#101010}.admin{max-width:1080px;margin:auto;padding:42px 22px 90px}.adminTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.adminTop h1{font-size:46px;letter-spacing:-.06em;margin:5px 0}.card{border:1px solid #333;background:#161616;padding:22px;margin:16px 0;border-radius:9px}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{display:flex;flex-direction:column;gap:6px;margin:8px 0}.field label{font-size:9px;color:#999;text-transform:uppercase}.field input,.field textarea{background:#0b0b0b;color:#eee;border:1px solid #333;padding:11px;border-radius:5px}.field textarea{min-height:90px}.btn{display:inline-block;background:var(--a);color:#050505;border:0;padding:11px 14px;border-radius:5px;font-weight:bold;cursor:pointer;margin:4px}.gray{background:#292929;color:#eee}.red{background:#642525;color:#fff}.item{border-top:1px solid #333;margin-top:15px;padding-top:15px}.notice{padding:13px;border:1px solid #3c481a;background:#1c230d;color:var(--a);font-size:12px;line-height:1.5}.login{max-width:430px;margin:12vh auto;padding:30px}.login h1{font-size:52px;letter-spacing:-.07em}.status{font-size:12px;color:#aaa;margin:10px 4px}.fileline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.thumb{width:60px;height:60px;object-fit:cover;background:#222}
@media(max-width:700px){nav a:nth-child(2),nav a:nth-child(3){display:none}.sec{padding:70px 5vw}.head{grid-template-columns:38px 1fr}.row,.workrow{grid-template-columns:38px 1fr 70px}.row>*:nth-child(2).cover,.workrow .role{display:none}.beat{grid-template-columns:38px 48px 1fr}.beat .muted{display:none}.about,.grid{grid-template-columns:1fr}.sound{padding:20vw 5vw}.contact{padding:22vw 5vw 10vw}.adminTop{align-items:flex-start;flex-direction:column}}