:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#202034;background:#f4f3fb}*{box-sizing:border-box}body{margin:0}main{max-width:760px;margin:auto;padding:24px 18px 80px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{margin:3px 0;font-size:28px}small{color:#6d62c8;font-weight:700}.card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 35px #32298b12}.login{max-width:420px;margin:80px auto}.login input{width:100%;margin:10px 0}.composer{display:grid;grid-template-columns:82px 1fr;gap:12px}.mic{width:72px;height:72px;border-radius:50%;font-size:30px;background:#6254df}.mic.listening{animation:pulse 1s infinite;background:#e44b64}.composer h2{margin:7px 0;font-size:19px}.composer p{margin:0;color:#777}.composer textarea,.composer label,.actions{grid-column:1/-1}textarea,input{border:1px solid #dedbec;border-radius:13px;padding:13px;font:inherit}textarea{width:100%;min-height:84px;resize:vertical}label{display:grid;gap:7px;color:#666}button{border:0;border-radius:13px;background:#5b4bdb;color:white;padding:12px 17px;font-weight:700;cursor:pointer}.ghost,nav button{background:#eceaf9;color:#4e44a3}.actions{display:flex;justify-content:flex-end;gap:10px}nav{display:flex;gap:8px;margin:20px 0}nav .active{background:#5b4bdb;color:#fff}.tasks{display:grid;gap:12px}.task{background:#fff;border-radius:18px;padding:17px;display:grid;grid-template-columns:1fr auto;gap:8px}.task h3{margin:0;font-size:17px}.task time{color:#766cc4;font-size:13px}.task .tools{display:flex;gap:6px;align-items:center}.task .tools button{padding:8px 10px}.empty{text-align:center;color:#888;padding:50px}.error{color:#d33;margin-top:8px}#alarm{position:fixed;inset:0;background:#25213ddb;display:grid;place-items:center;padding:20px;z-index:9}#alarm[hidden]{display:none}.alarmbox{background:white;border-radius:26px;padding:30px;text-align:center;max-width:390px;width:100%}.alarmbox button{width:100%;margin-top:10px}.bell{font-size:56px;animation:ring .5s infinite alternate}@keyframes pulse{50%{transform:scale(1.1);box-shadow:0 0 0 14px #e44b6433}}@keyframes ring{to{transform:rotate(18deg) scale(1.1)}}@media(max-width:520px){main{padding:18px 12px}.composer{grid-template-columns:70px 1fr}.actions{flex-direction:column}.actions button{width:100%}}