:root{color:#17252a;background:#e8f1ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding:14px;background:linear-gradient(180deg,rgba(21,94,99,.12),transparent 42%),#e8f1ef}.recorder-panel{width:min(100%,480px);margin:0 auto;display:grid;gap:16px;padding-top:8px}.label,.timer-section p,.enhancements p{margin:0;color:#54706e;font-size:.86rem;font-weight:700}.field,.meter-section,.enhancements,.timer-section,.save-section,.complete-box,.error-box{background:#fff;border:1px solid rgba(23,37,42,.08);border-radius:8px;padding:14px;box-shadow:0 8px 22px #17252a0f}.field{display:grid;gap:8px}.field span,.section-title{color:#243b3e;font-weight:800}input,textarea{width:100%;border:1px solid #bdd2d0;border-radius:8px;padding:13px 12px;color:#17252a;background:#fbfdfc}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid rgba(21,94,99,.18);border-color:#155e63}.section-title{display:flex;align-items:center;gap:8px}.ok-text,.warning-text{margin:10px 0 8px;line-height:1.5;font-weight:800}.ok-text{color:#23745f}.warning-text{color:#b45309}.meter{height:18px;width:100%;overflow:hidden;border-radius:999px;background:repeating-linear-gradient(90deg,#d8e5e3 0,#d8e5e3 10%,#c7d7d4 10%,#c7d7d4 11%)}.meter span{display:block;min-width:4px;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2c7a7b,#8bbf45,#ffd166);transition:width .1s linear}.enhancements div{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.enhancements span{display:block;color:#155e63;font-weight:800}.timer-section{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.timer-section strong{display:inline-block;margin-left:auto;font-variant-numeric:tabular-nums;font-size:1rem;line-height:1.2;font-weight:900}.timer-section span{display:none;margin-top:0;color:#54706e;font-weight:800}.actions{display:grid;gap:10px}button{min-height:56px;border:0;border-radius:8px;padding:14px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#17252a;background:#fff;font-weight:900;box-shadow:0 8px 18px #17252a1a}button.primary{color:#fff;background:#155e63}button.danger{color:#fff;background:#b3261e}button:disabled{cursor:not-allowed;color:#7a8e8c;background:#dce7e5;box-shadow:none}.save-section p{margin:8px 0 0;overflow-wrap:anywhere;line-height:1.5}.complete-box h2{margin:0 0 8px;font-size:1.25rem}.complete-box p{margin:8px 0;line-height:1.5}.complete-box a{display:inline-flex;min-height:44px;align-items:center;color:#155e63;font-weight:900}.error-box{color:#9f1239;border-color:#9f123940;font-weight:800;line-height:1.5}@media(min-width:720px){.app-shell{padding:28px}.enhancements div{grid-template-columns:repeat(3,1fr)}}