:root{font-family:Inter,Arial,sans-serif;color:#17221e;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}.center{min-height:100vh;display:grid;place-items:center}.login{width:min(420px,90vw);padding:48px;background:#fff;border:1px solid #dfe8e3;border-radius:24px;text-align:center;box-shadow:0 20px 70px #153b2d18}.mark{width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:18px;background:#173f32;color:#fff;font-weight:800}.login button,.composer button,.intro button,.tasks button{border:0;border-radius:10px;background:#1f6a51;color:#fff;padding:11px 18px;cursor:pointer}.banner{background:#fff0b8;color:#664e00;text-align:center;padding:9px;font-weight:700}header{height:72px;background:#142c24;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}header>div{display:flex;flex-direction:column}header small{opacity:.72;margin-top:3px}nav{display:flex;align-items:center;gap:12px}nav select{background:#25473b;color:#fff;border:1px solid #527064;border-radius:8px;padding:8px}nav a,nav button{color:#fff;background:none;border:0;text-decoration:none;cursor:pointer}.app main{max-width:1180px;margin:auto;padding:42px 24px}.intro{display:flex;align-items:center;justify-content:space-between}.intro h1{margin:0;font-size:34px}.intro p{color:#62736c}.composer{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dce6e1;padding:14px;border-radius:14px;margin:28px 0}.composer>input[type=text],.composer>input:not([type]){flex:1;border:0;outline:0;padding:10px}.composer label{display:flex;gap:6px;white-space:nowrap}.tasks{display:grid;gap:10px}.tasks article{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dce6e1;border-radius:14px;padding:18px 20px}.tasks h2{font-size:17px;margin:7px 0}.tasks p{margin:0;color:#718078}.visibility{font-size:11px;border-radius:20px;padding:3px 8px}.visibility.private{background:#eceff0}.visibility.workspace{background:#dff4e9;color:#176544}.empty{text-align:center;color:#708079;padding:70px}.error{color:#aa2434;background:#ffecef;padding:12px;border-radius:10px}@media(max-width:700px){header{height:auto;padding:16px;align-items:flex-start}nav{align-items:flex-end;flex-direction:column}.composer{align-items:stretch;flex-direction:column}.tasks article{align-items:flex-start;gap:20px}.intro h1{font-size:27px}}