:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#203f3a;background:#f6f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex}button,select{font:inherit;cursor:pointer;border:1px solid #dce5df;border-radius:10px;background:#fff;color:#28584e;padding:10px 15px}button:hover{background:#e9f2ec}button:disabled,select:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #dc9c54;outline-offset:3px}.primary,.play{background:#216d5c;color:white;border:0}.primary:hover,.play:hover{background:#155745}aside{width:268px;padding:38px 24px;border-right:1px solid #e0e6df;position:fixed;inset:0 auto 0 0;background:#edf1eb;display:flex;flex-direction:column;gap:30px}.brand{font-weight:800;letter-spacing:3px;color:#24584d;text-decoration:none;font-size:16px}aside h2{font-size:10px;letter-spacing:2px;color:#7a8b80;margin:12px 0 -16px}nav{overflow:auto;flex:1}nav button{display:block;width:100%;text-align:left;margin:7px 0;background:transparent;border-color:transparent;overflow-wrap:anywhere}nav button[aria-current=true]{background:#dce8dd;color:#1f594c;font-weight:600}.local{font-size:12px;line-height:1.9;color:#708277}.local small{font-size:10px}main{margin-left:268px;padding:50px 6vw 20px;width:calc(100% - 268px);max-width:1350px}header{margin-bottom:34px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#9a8057}h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:14px 0}header p,.muted{color:#7b8980;font-size:13px;line-height:1.8}.card{background:#fff;border:1px solid #e4e8e0;border-radius:20px;padding:30px;margin-bottom:22px;box-shadow:0 5px 22px #263d2403}.section{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1px;color:#b2925c;margin-bottom:24px}.section span{color:#6c8175;font-weight:700;letter-spacing:2px;flex:1}.section button,.actions button{font-size:11px;padding:7px 10px}.actions{display:flex;gap:6px}h2{font-size:22px;font-weight:600;margin:10px 0;overflow-wrap:anywhere}.tabs{display:flex;gap:8px;margin:23px 0}.tabs button{font-size:12px}.tabs button[aria-pressed=true],#loop[aria-pressed=true]{background:#e5efe7;border-color:#c7dccc}.wave{height:52px;margin:22px 0;background:repeating-linear-gradient(90deg,#9cbda6 0 3px,transparent 3px 8px);mask-image:linear-gradient(0deg,transparent,black 30%,black 70%,transparent);opacity:.45}input[type=range]{width:100%;accent-color:#276f5b}.times{display:flex;justify-content:space-between;color:#8a968e;font-size:11px;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.transport button{border:0}.play{border-radius:50%;width:60px;height:60px;font-size:22px}.transport select{font-size:12px;width:75px}textarea{display:block;width:100%;min-height:180px;resize:vertical;border:0;background:#f8f9f5;border-radius:12px;padding:18px;font:inherit;font-size:15px;line-height:1.9;color:#334b40;margin:14px 0}label{font-size:13px}.save{display:flex;align-items:center;justify-content:space-between}.save button{font-size:12px}.recordRow{display:flex;justify-content:space-between;align-items:center;gap:18px}.recordRow h2{font-size:19px}.record{background:#aa5547;color:white;border:0;white-space:nowrap}.record:hover{background:#91483c}.take{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid #e7eae3;font-size:12px}.take span{flex:1}.take button,.take a{font-size:12px}.take a{color:#286d5b}.empty{text-align:center;padding:55px 20px}.symbol{font-size:64px;color:#357a64}.empty p{color:#7b8980;line-height:1.9;font-size:14px}.empty button{margin:16px}.empty small{display:block;color:#8c978e;font-size:11px}footer{display:flex;justify-content:space-between;font-size:10px;color:#95a095;margin:28px 0}footer span{letter-spacing:2px}#notice{padding:15px;background:#fff1d6;border-radius:10px;margin-bottom:18px;font-size:13px}#recordTime{color:#aa5547;font-variant-numeric:tabular-nums}[hidden]{display:none!important}@media(max-width:800px){aside{position:relative;width:100%;padding:20px;gap:16px;border-right:0;border-bottom:1px solid #e0e6df}body{display:block}aside h2,.local{display:none}nav{display:flex;gap:8px;max-height:100px}nav button{width:auto;min-width:140px}main{margin:0;width:100%;padding:30px 18px}.card{padding:22px}.transport{gap:8px}.recordRow{flex-wrap:wrap}footer span{display:none}}