:root{color:#172b40;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fa;font-family:Segoe UI,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{color:#fff;background:#087f82;border:1px solid #087f82;border-radius:7px;padding:.65rem 1rem;font-weight:600}button:disabled{opacity:.5;cursor:wait}input,select{color:inherit;background:#fff;border:1px solid #bdcad4;border-radius:6px;min-width:0;padding:.65rem}input{width:100%}button:hover{filter:brightness(.94)}:focus-visible{outline-offset:3px;outline:3px solid #087f82}.task-app{max-width:940px;margin:48px auto;padding:0 28px}header{align-items:center;gap:16px;margin-bottom:36px;display:flex}.mark{color:#fff;background:#172b40;border-radius:13px;place-items:center;width:48px;height:48px;font-size:26px;text-decoration:none;display:grid}h1{letter-spacing:-.7px;margin:0;font-size:28px}p{color:#5c6d7f;margin:3px 0}h2{margin:0;font-size:18px}h2 span{color:#5c6d7f;margin-left:6px;font-size:14px;font-weight:400}.create{background:#fff;border:1px solid #d6e0e8;border-radius:10px;padding:24px}.create label{margin-bottom:10px;font-weight:600;display:block}.row{gap:10px;display:flex}.row button{white-space:nowrap}.list-heading{justify-content:space-between;align-items:center;gap:16px;margin:25px 0 16px;display:flex}.list-heading label{align-items:center;gap:8px;font-size:13px;display:flex}.tasks{margin:0;padding:0;list-style:none}.tasks li{border-bottom:1px solid #d6e0e8;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.task-title{overflow-wrap:anywhere}.done{color:#5c6d7f;text-decoration:line-through}.task-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.task-actions select{font-size:13px}.quiet{color:#172b40;background:0 0;border-color:#0000;padding:.5rem}.danger{color:#b42335}.edit{width:100%}.empty{text-align:center;border:1px dashed #bdcad4;border-radius:8px;padding:48px 24px}.empty h3{margin:0 0 8px;font-size:18px}.error{color:#9f1c2d;background:#fff0f1;border:1px solid #ebbac1;border-radius:7px;margin-top:16px;padding:12px}.notice{color:#087172;min-height:24px;padding:8px 0;font-size:14px}footer{color:#5c6d7f;justify-content:space-between;margin:40px 0;font-size:12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.identity-bar{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:940px;margin:12px auto;padding:0 28px;font-size:14px;display:flex}.identity-bar:empty{display:none}.auth-gate>p{margin:12px 0 20px}.members-area{margin-top:0}.members-panel summary{cursor:pointer;font-size:18px;font-weight:600}.members-panel>p{margin:12px 0 20px}.member-role{color:#5c6d7f;font-size:13px;display:block}@media (width<=600px){.task-app{margin:24px auto;padding:0 18px}.identity-bar{justify-content:flex-start;padding:0 18px}.create{padding:18px}.row{flex-wrap:wrap}.row input{flex-basis:100%}.list-heading,.tasks li{flex-direction:column;align-items:flex-start}.task-actions{width:100%}.task-actions select{flex:1}footer{gap:20px}.edit button{flex:1}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}