:root{--paper:#eee6d3;--ink:#252921;--green:#203e34;--red:#b33323;--line:#c9bda5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 system-ui,sans-serif}aside{position:fixed;inset:0 auto 0 0;width:235px;background:var(--green);color:var(--paper);padding:32px 23px;display:flex;flex-direction:column}.wordmark{font:900 66px/.9 Impact,sans-serif;color:var(--paper);text-decoration:none;letter-spacing:-3px}.wordmark span{display:block;font:10px/3 monospace;letter-spacing:2px}.side-label{font:9px monospace;letter-spacing:1px;color:#b5c2b7;margin:40px 0 15px}nav{display:grid;gap:5px}button,a,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid #ac9e83;background:transparent;color:inherit;padding:11px 16px}button:hover{background:#ded1b7}button:disabled{cursor:wait;opacity:.5}nav button{text-align:left;color:var(--paper);border:0;padding:12px}nav button:hover,nav button[aria-current=page]{background:#eee6d3;color:var(--green)}.visit{color:var(--paper);font:11px monospace;margin-top:30px}.side-foot{margin-top:auto;font:italic 22px/1.3 Georgia,serif;color:#bfcbbf}main{margin-left:235px;padding:32px 4%;max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--ink);padding-bottom:25px;gap:20px}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--red)}h1{font:500 clamp(32px,4vw,53px)/1.1 Georgia,serif;margin:12px 0 0}h2{font:500 28px/1.2 Georgia,serif;margin:0 0 20px}h3{font:500 23px Georgia,serif}.connection{font:11px/1.7 monospace;background:#ded5bf;padding:13px 17px;margin:20px 0}.connection strong{color:var(--green)}#notice{min-height:28px;color:var(--green)}#notice.error{color:#a0271d}.dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{border:1px solid var(--line);padding:24px;text-align:left;display:block}.stat strong{display:block;font:52px Georgia,serif}.stat small{font:11px monospace;display:block;margin-top:8px}.desk-note{border-top:3px solid var(--red);padding:23px 0;margin-top:30px;max-width:850px}.split{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(400px,1.5fr);gap:26px}.toolbar{display:flex;gap:8px;margin-bottom:16px}.toolbar input{min-width:0;width:100%}.toolbar select{max-width:120px}.item-list{max-height:75vh;overflow:auto;border-top:1px solid var(--line)}.item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:16px 8px}.item[aria-current=true]{background:#e0d4bd;border-left:3px solid var(--red)}.item img{width:48px;height:48px;object-fit:cover}.item span{display:block;min-width:0}.item small{font:10px/1.5 monospace;display:block;margin-top:5px;color:#696455}.editor{border:1px solid var(--line);padding:25px;background:#f4edde}.editor label{display:block;font:10px/1.7 monospace;letter-spacing:.4px;margin:15px 0}.editor input:not([type=checkbox]),.editor select,.editor textarea,.toolbar input,.toolbar select{width:100%;display:block;border:1px solid #bdb198;background:#faf6ec;color:var(--ink);padding:11px;margin-top:5px;min-width:0}.editor textarea{resize:vertical;min-height:110px;font:15px/1.7 Georgia,serif}.editor textarea[name=body]{min-height:240px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editor .check{display:flex;gap:10px;align-items:center;font:13px system-ui}.editor .check input{width:18px;height:18px}.editor .help{font:11px/1.7 monospace;color:#6b6456}.editor .image-preview{max-height:230px;max-width:100%;object-fit:contain;background:#ded4be}.actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;position:sticky;bottom:0;background:#f4edde}.primary{background:var(--green);border-color:var(--green);color:var(--paper)}.primary:hover{background:#315645}.red{background:var(--red);color:white}.preview{margin-top:25px;border-top:3px double var(--line);padding-top:20px;overflow-wrap:anywhere}.preview h2{font-size:35px}.preview p{white-space:pre-line;font:18px/1.8 Georgia,serif}.upload{padding:15px;border:1px dashed #a8997e;background:#e7dec9}.upload input{padding:5px!important;border:0!important;background:transparent!important}.track{border-bottom:1px solid var(--line);padding:12px 0}.track-row{display:flex;gap:6px;align-items:center}.track-row input{flex:1}.track-row input.bpm{max-width:85px}.track-row button{padding:7px 10px}.track audio{width:100%;height:34px;margin:10px 0}.track small{font:10px monospace}.history{width:100%;border-collapse:collapse}.history td,.history th{text-align:left;border-bottom:1px solid var(--line);padding:13px}.locked{padding:40px;border:1px solid var(--line);max-width:800px}.locked h2{font-size:40px}.locked code{font-size:12px}a{color:var(--green)}:focus-visible{outline:3px solid #d9902b;outline-offset:3px}.empty{padding:30px 10px;color:#716c60}@media(max-width:1000px){aside{width:190px;padding:25px 17px}main{margin-left:190px;padding:25px}.split{grid-template-columns:1fr}.item-list{max-height:260px}.dashboard{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){aside{position:static;width:auto;padding:20px}.wordmark{font-size:42px}.side-label,.side-foot,.visit{display:none}nav{display:flex;overflow:auto;margin-top:20px}nav button{white-space:nowrap}main{margin:0;padding:20px}.two{grid-template-columns:1fr}header{align-items:flex-start}header button{font-size:11px}.dashboard{grid-template-columns:1fr 1fr}.editor{padding:17px}.history{font-size:11px}.track-row{flex-wrap:wrap}}

/* Keep the team console readable at laptop and phone sizes. */
body{font-size:15px}.side-label,.eyebrow{font-size:11px;line-height:1.6}.connection,.editor .help,.track small,.item small{font-size:12px;line-height:1.7}.editor label{font-size:12px;letter-spacing:.2px}.toolbar input,.editor input,.editor textarea,.editor select{font-size:16px}.stat small,.visit{font-size:12px}.track-row button{min-width:40px;min-height:40px}nav button{min-height:44px}@media(max-width:600px){main{padding:20px 16px}.editor{padding:18px 14px}.dashboard{grid-template-columns:1fr 1fr}.stat{padding:18px 14px}.stat strong{font-size:42px}header{flex-wrap:wrap;gap:14px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:150px;flex:1}.history{display:block;overflow-x:auto;font-size:12px}.actions button{min-height:44px;flex:1;font-size:13px}}