*{box-sizing:border-box}body{color:#202124;background:#f4f5f7;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app{max-width:1200px;margin:0 auto;padding:32px}.app-header{grid-template-columns:minmax(13.5rem,1fr) minmax(0,30rem) minmax(13.5rem,1fr);align-items:center;gap:16px;margin-bottom:24px;display:grid}.app-header .add-button{flex-shrink:0;justify-self:end}.app-header h1{margin:0;font-size:32px}.app-header p{color:#666;margin:4px 0 0}.add-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:10px 18px;font-weight:600}.add-button:hover{background:#1d4ed8}.task-list{flex-direction:column;gap:10px;display:flex}.task-list-controls{grid-template-columns:minmax(24.5rem,1fr) minmax(15rem,22rem) minmax(24.5rem,1fr);grid-template-areas:"notice feedback meter-style""filter feedback meter-style""filter feedback reset";align-items:center;gap:6px 16px;margin-bottom:6px;display:grid}.assignee-filter{grid-area:filter;align-items:center;gap:10px;display:flex}.reset-tasks-button{color:#666;cursor:pointer;background:0 0;border:0;grid-area:reset;justify-self:end;padding:0;font-size:13px;text-decoration:underline}.reset-tasks-button:hover{color:#2563eb}.reset-tasks-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.assignee-filter select{background:#fff;border:1px solid #ccc;border-radius:5px;padding:5px 7px}.task{border:1px solid #ddd;border-radius:8px;align-items:center;gap:14px;padding:16px;transition:opacity .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 2px 5px #00000014}.task:hover{box-shadow:0 4px 10px #0000001f}.task-drag-handle{color:#888;cursor:grab;-webkit-user-select:none;user-select:none;font-size:20px}.task-drag-handle:active{cursor:grabbing}.task-drag-surface{cursor:grab;-webkit-user-select:none;user-select:none}.task-drag-surface:active{cursor:grabbing}.task-left-drag-surface{border-radius:8px 0 0 8px;flex-shrink:0;align-self:stretch;align-items:center;gap:14px;margin:-16px -14px -16px -16px;padding:16px 14px 16px 16px;display:flex}.user-photo{object-fit:cover;border-radius:50%;width:44px;height:44px}.task-main{flex:1;min-width:200px}.task-title{background:0 0;border:0;width:100%;padding:4px 0;font-size:18px;font-weight:600}.task-title:focus{border-bottom:2px solid #2563eb;outline:none}.task-details{isolation:isolate;color:#666;align-items:center;gap:16px;margin-top:6px;font-size:13px;display:flex;position:relative}.task-details-drag-surface{z-index:0;position:absolute;inset:0}.task-details>label,.task-details>span{z-index:1;position:relative}.task-details label{align-items:center;gap:5px;display:flex}.task-controls{align-items:center;gap:12px;display:flex}.task-controls select,.task-details input[type=date]{background:#fff;border:1px solid #ccc;border-radius:5px;padding:5px 7px}.priority-control{flex-direction:column;gap:3px;min-width:130px;font-size:12px;display:flex}.priority-control input{width:130px}.completed-control{white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex}.delete-button{color:#dc2626;cursor:pointer;background:0 0;border:0}.delete-button:hover{text-decoration:underline}.task-normal{background:#fff}.task-due-this-week{background:#fffde7}.task-due-soon{background:#fff3cd}.task-completed{opacity:.75;background:#dcfce7}.task-overdue{background:#fecaca}@media (prefers-reduced-motion:reduce){.task-overdue{border-color:#dc2626}}@media (width<=850px){.task-left-drag-surface{margin-bottom:0;padding-bottom:0}.task{flex-wrap:wrap;align-items:flex-start}.task-main{min-width:calc(100% - 120px)}.task-controls{flex-wrap:wrap;width:100%;padding-left:58px}}.task-title-row{align-items:center;gap:8px;display:flex}.task-title-row .task-title{flex:1;min-width:0}.dictation-button{color:#555;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.dictation-button:hover{color:#2563eb;border-color:#2563eb}.dictation-button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.dictation-button[aria-pressed=true]{color:#fff;background:#dc2626;border-color:#dc2626}.dictation-button-starting{opacity:.7}.dictation-button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.dictation-notice{color:#777;grid-area:notice;margin:0;font-size:12px}.app-header .dictation-hint{color:#555;text-align:center;margin:0;font-size:13px;line-height:1.4}.dictation-hint span{display:inline-block}.dictation-hint-icon{vertical-align:-.25em;width:1.2em;height:1.2em}.dictation-feedback{grid-area:feedback;justify-content:center;align-items:center;min-height:3.75rem;display:flex}.dictation-status-box{background:#fff;border:1px solid #999;border-radius:3px;align-items:center;gap:10px;max-width:100%;padding:3px 10px;display:flex}.dictation-status-box-empty{background:0 0;border-color:#0000}.dictation-status{color:#444;text-align:center;margin:0;font-size:13px;line-height:1.3}.dictation-state{color:#202124;white-space:nowrap}.dictation-state:before{content:"";border:2px solid #777;width:9px;height:9px;margin-right:6px;display:inline-block}.dictation-state-starting:before{border-radius:50%}.dictation-state-listening:before{background:#dc2626;border-color:#dc2626;border-radius:50%}.dictation-state-finishing:before{background:#777}.level-meter{--level:0;--peak:0;flex-shrink:0;width:72px;height:32px;display:block;position:relative}.level-meter-track{border:1px solid #999;border-radius:2px;height:10px;position:absolute;top:11px;left:0;right:0;overflow:hidden}.level-meter-fill{transform:scaleX(var(--level));transform-origin:0;background:#16a34a;position:absolute;inset:0}.level-meter-peak{top:7px;left:calc(var(--peak) * (100% - 2px));background:#202124;width:2px;height:18px;position:absolute}.level-meter svg{display:block}.level-meter-scale{fill:none;stroke:#777;stroke-width:1.5px}.level-meter-hand{stroke:#dc2626;stroke-width:1.5px;stroke-linecap:round;transform:rotate(calc((var(--level) - .5) * 100deg));transform-box:view-box;transform-origin:36px 30px}.level-meter-pivot{fill:#202124}.level-meter-bar-segments .level-meter-fill,.level-meter-bar-gradient .level-meter-fill{clip-path:inset(0 calc((1 - var(--level)) * 100%) 0 0);transform:none}.level-meter-bar-segments .level-meter-fill{background:repeating-linear-gradient(90deg,#16a34a 0 5px,#0000 5px 7px)}.level-meter-bar-gradient .level-meter-fill{background:linear-gradient(90deg,#16a34a 55%,#eab308 78%,#dc2626)}.level-meter-bar-gradient .level-meter-peak{background:linear-gradient(90deg,#16a34a 55%,#eab308 78%,#dc2626) no-repeat;background-position-x:calc(var(--peak) * -70px);background-size:72px 100%}.level-meter-zone-low,.level-meter-zone-mid,.level-meter-zone-high{fill:none;stroke-width:4px}.level-meter-zone-low{stroke:#16a34a}.level-meter-zone-mid{stroke:#eab308}.level-meter-zone-high{stroke:#dc2626}.level-meter-needle-zones .level-meter-hand{stroke:#202124;stroke-width:2px}.level-meter-needle-ticks .level-meter-scale{stroke-width:1px}.level-meter-needle-ticks .level-meter-hand{fill:#dc2626;stroke:none}.level-meter-wave{justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.level-meter-wave-bar{--bar:var(--past,0);width:2px;height:26px;clip-path:inset(calc((1 - var(--bar)) * (50% - 1px)) 0 round 1px);background:#202124}.level-meter-waveform-pill .level-meter-wave{background:#000;border-radius:12px;inset:4px 0}.level-meter-waveform-pill .level-meter-wave-bar{background:#fff;height:14px}.level-meter-waveform-pulse .level-meter-wave-bar{--bar:calc(var(--level) * var(--shape));background:#2563eb}.level-meter-waveform-columns .level-meter-wave-bar{clip-path:inset(calc((1 - var(--bar)) * (100% - 2px)) 0 0 round 1px);background:linear-gradient(#dc2626,#eab308 22%,#16a34a 45%)}.meter-style{color:#555;flex-direction:column;grid-area:meter-style;justify-self:end;align-items:flex-end;gap:4px;font-size:12px;display:flex}.meter-style>div{align-items:center;gap:6px;display:flex}.meter-looks button{min-width:6.5em}.meter-style button{color:#555;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:3px;padding:1px 7px}.meter-style button:hover{border-color:#2563eb}.meter-style button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.meter-style button[aria-pressed=true]{color:#202124;background:#dbeafe;border-color:#2563eb}.meter-style button:before{content:"✓ " / "";visibility:hidden}.meter-style button[aria-pressed=true]:before{visibility:visible}@media (width<=1137px){.task-list-controls{grid-template-columns:minmax(13rem,1fr) minmax(15rem,22rem) minmax(13rem,1fr);grid-template-areas:none}.dictation-notice{grid-area:1/1/2/3}.meter-style{grid-area:1/2/2/4}.assignee-filter{grid-area:2/1;align-self:end}.dictation-feedback{grid-area:2/2}.reset-tasks-button{grid-area:2/3;align-self:end}}@media (width<=780px){.app-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:8px;display:flex}.app-header .dictation-hint{flex-basis:100%;order:1}.task-list-controls{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"feedback feedback""notice meter-style""filter meter-style""filter reset"}.dictation-notice{grid-area:notice}.meter-style{grid-area:meter-style}.assignee-filter{grid-area:filter}.dictation-feedback{grid-area:feedback}.reset-tasks-button{grid-area:reset}}@media (width<=640px){.task-list-controls{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"feedback feedback""notice notice""meter-style meter-style""filter reset"}.meter-style{justify-self:start;align-items:flex-start}.meter-style>div{flex-wrap:wrap}}