:root{color-scheme:dark;--bg:#101314;--panel:#1b2021;--line:#343c3c;--lime:#c2ff70;--muted:#a6b1ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f5ed;font:15px/1.5 ui-sans-serif,system-ui,sans-serif}header{padding:22px 4%;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;font-weight:850;letter-spacing:2px;margin-right:auto}.brand>span{color:var(--lime);font-size:25px}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-left:30px}.tag{font-size:10px;letter-spacing:1px;color:var(--muted);margin-right:24px}button,select,input,textarea{font:inherit}button{border:1px solid #46504c;background:transparent;color:inherit;border-radius:7px;padding:11px 16px;cursor:pointer}button:hover{border-color:var(--lime);color:var(--lime)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c2ff70;outline-offset:3px}.primary{background:var(--lime);color:#172015;border-color:var(--lime);font-weight:750}.primary:hover{background:#d6ffa4;color:#172015}nav{display:flex;padding:0 4%;gap:35px;border-bottom:1px solid var(--line)}nav button{border:0;border-radius:0;padding:24px 0;color:#8f9a95;font-size:18px;font-weight:700}nav button.active{border-bottom:3px solid var(--lime);color:#f1f5ed}nav span{font-size:9px;letter-spacing:2px;margin-left:16px}main{max-width:1530px;margin:auto;padding:30px 4%}.intro{display:flex;align-items:center;justify-content:space-between;margin:10px 0 33px}.eyebrow{font-size:10px;color:var(--lime);letter-spacing:2.7px}h1{font-size:clamp(32px,4.4vw,64px);line-height:1.05;letter-spacing:-2.5px;margin:20px 0 15px}h1 span{color:var(--lime)}.intro p:not(.eyebrow){color:var(--muted)}.stamp{transform:rotate(8deg);border:1px solid #65744e;color:var(--lime);padding:20px;text-align:center;font-size:9px;letter-spacing:2px}.stamp strong{font-size:18px;line-height:2}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.studio{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:25px;min-width:0}.bar{display:flex;justify-content:space-between;align-items:center;gap:15px}small{font-size:10px;letter-spacing:1.8px;color:var(--muted)}h2{font-size:22px;margin:3px 0}h3{font-size:25px;line-height:1.2;letter-spacing:-.6px}.chip,.pills span{border:1px solid #4d5c4a;border-radius:5px;padding:6px 10px;color:var(--lime);font-size:10px;white-space:nowrap}.transport{display:flex;align-items:center;gap:20px;padding:24px 0;flex-wrap:wrap}label{display:flex;gap:8px;align-items:center;font-size:12px;color:#bdc8c1}input[type=range]{accent-color:var(--lime);width:95px}output{font-size:11px;min-width:65px}#sequencer{display:grid;grid-template-columns:85px repeat(16,minmax(14px,1fr));gap:6px;align-items:center;padding-top:15px}.step{padding:0;min-height:40px;border-radius:4px;background:#2c3433;border:1px solid transparent}.step.group{background:#35403a}.step.on{background:var(--track);box-shadow:inset 0 -4px #0002}.step.current{outline:2px solid white;outline-offset:1px}.track{font-size:11px;letter-spacing:1px}.number{text-align:center;color:#76877b;font-size:9px}.legend{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:20px 0 30px}.lower{border-top:1px solid var(--line);padding-top:20px;flex-wrap:wrap}.lower button{font-size:11px;padding:10px}.fine{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:15px}.mentor{padding:25px;background:#283326;border:1px solid #485b36;border-radius:12px}.avatar{float:right;border-radius:50%;background:var(--lime);color:#273421;font-size:26px;width:45px;height:45px;text-align:center}.mentor p,.mission p{color:#c0cabc;font-size:13px;line-height:1.8}.mentor button{font-size:11px;width:100%;padding:12px 8px;margin-top:10px}.mission{padding:25px 5px}.mission h3{font-size:20px}.pills{display:flex;gap:6px}.pills span{color:#bcc7c0;border-color:#414c45}footer{display:flex;justify-content:space-between;gap:15px;color:#7e9185;font-size:9px;letter-spacing:1px;margin:35px 0 0}.editor{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.editor label{display:flex;align-items:stretch;flex-direction:column;margin:15px 0}.editor h3{margin:10px 0}textarea,select,input[type=text],#title{background:#111716;border:1px solid #4b574d;color:white;border-radius:5px;padding:9px;max-width:100%}textarea{resize:vertical;min-height:90px}.compact{padding:20px}.comicStudio .bar{margin-bottom:20px;flex-wrap:wrap}.comicStudio .bar label:first-child{flex-direction:column;align-items:start;flex:1}#title{width:100%;font-weight:700}#page{background:#f8f5e9;padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{aspect-ratio:1.12;position:relative;overflow:hidden;border:4px solid #15212a;cursor:pointer}.panel.selected{outline:4px solid var(--lime);outline-offset:1px}.panel svg{width:100%;height:100%;display:block;touch-action:none}.panel.hero{grid-column:span 2;aspect-ratio:2.3}.comicStudio{padding:20px}audio{width:100%;margin-top:15px}a{color:var(--lime)}[hidden]{display:none!important}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr)}aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tag,.stamp{display:none}#sequencer{gap:4px}.mission{padding:20px}.editor{margin:0}}@media(max-width:650px){header{flex-wrap:wrap}.brand{width:100%}nav{gap:20px}nav span{display:none}main{padding:20px 4%}h1{letter-spacing:-1px}.studio{padding:13px}.transport{gap:12px}#sequencer{grid-template-columns:48px repeat(16,minmax(9px,1fr));gap:3px}.track{font-size:8px}.step{min-height:34px}.chip{display:none}aside{grid-template-columns:1fr}.bar{gap:8px}footer{flex-direction:column}.intro{gap:15px}.intro>.primary{font-size:10px;padding:10px}#page{padding:8px;gap:8px}.panel{border-width:2px}}
.profile-entry{position:fixed;inset:0;z-index:50;background:#101314;overflow:auto;padding:36px 5%}.profile-card{max-width:720px;margin:auto}.profile-card h1{font-size:38px}.profile-card input[type=text],#nickname{display:block;width:100%;min-height:48px;background:#202927;color:white;border:1px solid #728269;border-radius:6px;padding:12px;margin:8px 0 20px}.profile-card fieldset{border:1px solid #53634d;border-radius:8px;margin:20px 0;padding:18px}#avatar-list{display:flex;gap:12px;flex-wrap:wrap}#avatar-list label{min-height:48px;border:1px solid #53634d;border-radius:6px;padding:12px;cursor:pointer}#profile-list>div{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#profile-list button{min-height:46px}#profile-error{color:#ffc09d}.profile-card button{min-height:46px}