:root{color:#26302a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{letter-spacing:0}.app-shell{grid-template-columns:minmax(280px,360px) 1fr;min-height:100vh;display:grid}.auth-shell{background:#edf0e8;grid-column:1/-1;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{gap:14px;width:min(100%,430px);max-width:430px;padding:24px;display:grid}.sidebar{background:#f6f7f2;border-right:1px solid #daded2;padding:28px}.brand-row,.workspace-header,.asset-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand-row{align-items:center;margin-bottom:22px}.eyebrow{color:#5c6c54;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#18201c;line-height:1.08}h1{margin-bottom:0;font-size:34px}h2{margin-bottom:10px;font-size:34px}h3{margin-bottom:8px;font-size:19px}.count-pill{color:#fff;background:#1f3a31;border-radius:999px;place-content:center;min-width:34px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}button.count-pill{border-color:#1f3a31;padding:6px 12px}.signed-in{color:#5c6c54;overflow-wrap:anywhere;margin-bottom:18px;font-size:13px;font-weight:800}.panel,.resource-card,.empty-state,.status-line{background:#fff;border:1px solid #dde2d9;border-radius:8px;box-shadow:0 14px 34px #1e282212}.form-panel,.file-panel{gap:14px;padding:18px;display:grid}label{text-align:left;gap:7px;display:grid}label span{color:#33443a;font-size:13px;font-weight:800}input,textarea{color:#18201c;font:inherit;background:#fbfcf8;border:1px solid #cfd8ce;border-radius:6px;width:100%;padding:11px 12px}textarea{resize:vertical}button,.asset-row a{font:inherit;border-radius:6px;font-weight:800}button{color:#fff;cursor:pointer;background:#1f3a31;border:1px solid #1f3a31;padding:11px 14px}button:hover{background:#2f5144}button:disabled{cursor:not-allowed;opacity:.65}.danger-button{color:#9c2f1d;background:#fff5f3;border-color:#d27a68}.danger-button:hover{background:#ffe7e2}.section-list{gap:10px;margin-top:20px;display:grid}.section-button{color:#26302a;text-align:left;background:0 0;border:1px solid #d5dbc8;justify-items:start;gap:5px;padding:14px;display:grid}.section-button span,.muted{color:#677465;font-size:14px}.section-button.is-active{background:#dfedd7;border-color:#8aa97d}.workspace{background:#edf0e8;padding:34px}.dashboard-summary{grid-template-columns:minmax(220px,1fr) minmax(360px,620px);align-items:end;gap:18px;margin-bottom:24px;display:grid}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:#fff;border:1px solid #dde2d9;border-radius:8px;gap:7px;min-height:82px;padding:14px;display:grid}.stat-card span,.meta-line{color:#667466;font-size:13px;font-weight:700}.stat-card strong{color:#18201c;font-size:28px;line-height:1}.workspace-header{border-bottom:1px solid #d4dbcf;margin-bottom:24px;padding-bottom:24px}.workspace-header p:not(.eyebrow){color:#536257;max-width:720px}.meta-line{margin-top:10px}.upload-grid{grid-template-columns:minmax(260px,1fr) minmax(250px,360px);gap:18px;margin-bottom:24px;display:grid}.toolbar-row{justify-content:flex-end;margin-bottom:18px;display:flex}.file-drop{border:1px dashed #9fb29d;border-radius:8px;padding:15px}.file-drop input{padding:0}.file-drop strong{color:#26302a;overflow-wrap:anywhere;font-size:14px}.file-drop>span{color:#33443a;margin-bottom:7px;font-size:13px;font-weight:800;display:block}.recorder{background:#fbfcf8;border:1px solid #cfd8ce;border-radius:6px;grid-template-columns:12px minmax(52px,auto) 1fr;align-items:center;gap:10px;min-height:46px;padding:10px 12px;display:grid}.recorder span{color:#59675c;overflow-wrap:anywhere;font-size:14px}.recording-light{background:#9ba79a;border-radius:50%;width:10px;height:10px}.recording-light.recording{background:#c93823;box-shadow:0 0 0 4px #c9382329}.recording-light.ready{background:#2c8a52}.recorder-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ghost-button{color:#33443a;background:#fff;border-color:#cfd8ce}.ghost-button:hover{background:#f4f7f0}.resource-list{gap:14px;display:grid}.resource-card{grid-template-columns:minmax(240px,1fr) minmax(280px,430px) auto;align-items:start;gap:16px;padding:18px;display:grid}.resource-main p,.empty-state p{color:#59675c;margin-bottom:0}.asset-row{flex-wrap:wrap;align-items:center}.asset-row a{color:#1f3a31;background:#e7f0e1;padding:9px 11px;text-decoration:none}audio{width:100%;max-width:260px}.image-link{border:1px solid #d5dbc8;display:inline-flex;background:0 0!important;padding:4px!important}.image-link img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:70px;height:70px;display:block}.card-actions{gap:9px;display:grid}.resource-card button,.card-actions button{color:#33443a;background:#fff;border-color:#cfd8ce}.modal-backdrop{z-index:10;background:#18201c6b;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{width:min(100%,900px);max-width:900px;max-height:min(860px,100vh - 44px);padding:20px;overflow:auto}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header{border-bottom:1px solid #d4dbcf;margin-bottom:18px;padding-bottom:14px}.modal-header h3{margin-bottom:0}.modal-grid{grid-template-columns:minmax(240px,1fr) minmax(260px,360px);gap:16px;display:grid}.modal-actions{border-top:1px solid #d4dbcf;justify-content:flex-end;margin-top:18px;padding-top:14px}.empty-state,.status-line{padding:18px}.landing-state{text-align:center;max-width:520px;margin:16vh auto 0}.status-line{color:#1f3a31;margin-bottom:18px;font-weight:800}@media (width<=980px){.app-shell,.upload-grid,.resource-card,.dashboard-summary,.modal-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar,.workspace{padding:22px}.sidebar{border-bottom:1px solid #daded2;border-right:0}}
