:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#202124;background:#f7f8fa;line-height:1.4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app{display:flex;min-height:100vh}aside{width:240px;background:#fff;border-right:1px solid #e7e8eb;padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:21px;font-weight:800;letter-spacing:-.8px;margin:0 12px 48px}.brand span{color:#6c64db}nav{display:grid;gap:6px}nav a,.feed-link{display:block;text-align:left;padding:10px 12px;border-radius:8px;text-decoration:none;color:#6b6d76;font-size:14px}.app nav a.active,.feed-link.active{background:#eeedff;color:#5149bd;font-weight:650}.feeds{margin-top:36px}.feeds small{color:#9da0aa;font-weight:700;font-size:10px;letter-spacing:1px;margin:0 12px}.feed-link{width:100%;margin-top:7px}.feed-link b{float:right;font-size:18px;font-weight:400}.new-feed{color:#6c64db;font-size:13px;padding:12px;margin:4px}.logout{margin-top:auto;text-align:left;color:#888b95;font-size:13px;padding:12px}.content{max-width:900px;width:100%;padding:56px clamp(24px,6vw,80px)}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:44px}.eyebrow{color:#8e8f99;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase}h1{font-size:36px;line-height:1;margin:13px 0 10px;letter-spacing:-1.5px}header p{color:#81838d;margin:0}.primary,.item-actions button:last-child{background:#625bd6;color:#fff;border-radius:8px;padding:11px 16px;text-decoration:none;font-size:13px;font-weight:650}.section{margin:0 0 34px}.section h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#777985;margin:0 0 12px}.item{background:#fff;border:1px solid #e9e9ed;border-radius:11px;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:13px;margin:8px 0;box-shadow:0 2px 6px #2221}.item h3{font-size:15px;margin:0 0 6px}.feed,.kind{font-size:12px;color:#9698a1}.item-meta{display:flex;gap:18px;align-items:start;font-size:13px;color:#6e707a}.overdue{color:#d45757;font-weight:600}.item-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center;border-top:1px solid #f0f0f2;padding-top:12px}.item-actions button{font-size:12px;color:#625bd6;padding:5px 8px}.item-actions button:first-child{background:#f0efff;border-radius:6px}.move{font-size:11px;color:#888;display:flex;gap:7px;align-items:center}.move input{font-size:12px}.empty{padding:24px;border:1px dashed #d8d8df;border-radius:9px;text-align:center;color:#9b9da5;font-size:13px}.horizons{display:flex;gap:6px;margin:-20px 0 25px}.horizons button,.segmented button{border:1px solid #dddde5;border-radius:7px;padding:8px 12px;color:#777;font-size:12px}.horizons .selected,.segmented .selected{background:#eeedff;border-color:#d4d1ff;color:#5149bd;font-weight:650}.form-page{max-width:680px;margin:auto;padding:56px 24px}.task-form{background:#fff;border:1px solid #e5e5ea;padding:28px;border-radius:12px;display:grid;gap:20px}.task-form label{display:grid;gap:7px;color:#676974;font-size:13px;font-weight:600}.task-form input,.task-form select{border:1px solid #dddde3;border-radius:7px;padding:11px;color:#202124;background:#fff}.task-form fieldset{border:1px solid #e3e3e8;border-radius:8px;display:grid;gap:16px;padding:18px}.task-form legend{font-size:12px;font-weight:700;color:#777}.segmented{display:flex;gap:6px}.inline{display:flex;gap:12px}.inline label{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.form-actions>button:first-child{padding:10px 15px;color:#777}.error{background:#fff0f0;color:#bb4545;padding:10px;border-radius:6px;font-size:12px}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f2f1ff,#fafafa)}.login section{width:min(400px,calc(100% - 40px))}.login h1{font-size:45px;max-width:380px}.login p{color:#797b85;margin-bottom:30px}.login form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 12px 35px #34305715;display:grid;gap:15px}.login label{display:grid;gap:7px;color:#676974;font-size:13px;font-weight:600}.login input{padding:11px;border:1px solid #dddde3;border-radius:7px}.login button{background:#625bd6;color:#fff;padding:12px;border-radius:7px;font-weight:650}.loading{padding:50px;text-align:center;color:#888}@media(max-width:650px){aside{width:70px;padding:25px 8px}.brand{font-size:0;margin:0 10px 35px}.brand:after{content:"t";font-size:22px;color:#625bd6}.app nav a,.feed-link{font-size:0;text-align:center}.app nav a:before{content:"●";font-size:15px}.feeds small,.new-feed,.logout{font-size:0;text-align:center}.new-feed:before{content:"+";font-size:20px}.logout:before{content:"↪";font-size:18px}.content{padding:35px 18px}header{margin-bottom:30px}.content h1{font-size:30px}.primary{padding:9px 10px}.item{grid-template-columns:1fr}.item-meta{grid-column:1}.form-page{padding:35px 18px}}.feed-create{margin-top:8px;padding:12px;background:#f8f8fb;border:1px solid #e2e2ea;border-radius:8px;display:grid;gap:8px}.feed-create label{display:grid;gap:5px;font-size:11px;color:#696b76}.feed-create input{width:100%;padding:8px;border:1px solid #dddde5;border-radius:6px;background:#fff}.feed-create>div{display:flex;justify-content:flex-end;gap:6px}.feed-create>div button{font-size:11px;padding:6px 8px}.item-actions button:not(:disabled){border-radius:6px;transition:background .15s ease,color .15s ease,border-color .15s ease}.item-actions button:first-child:not(:disabled){background:#625bd6;color:#fff;border:1px solid #625bd6}.item-actions button:not(:first-child):not(:disabled){background:#fff;color:#625bd6;border:1px solid #d5d2ff}.item-actions button:not(:disabled):hover{background:#5149bd;color:#fff;border-color:#5149bd}.item-actions button:not(:disabled):focus-visible{outline:3px solid #c9c5ff;outline-offset:2px}.item-actions button:disabled{background:#ececf1;color:#aaaab3;border:1px solid #e0e0e5;cursor:not-allowed;opacity:.75}.reminder-label{color:#625bd6;font-weight:700}.reminders{border:1px solid #e3e3e8;border-radius:8px;padding:16px;display:grid;gap:12px}.reminder-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#777}.reminder-heading button{font-size:12px;color:#625bd6}.reminder-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}.reminder-row label{display:grid;gap:5px;font-size:11px;color:#696b76}.reminder-row input,.reminder-row select{min-width:0;padding:8px;border:1px solid #dddde5;border-radius:6px;background:#fff}.reminder-row>button{font-size:11px;color:#b25050;padding:8px}.header-actions{display:flex;align-items:center;gap:10px}.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.task-search{width:190px;border:1px solid #dddde5;border-radius:7px;padding:10px 12px;color:#202124;background:#fff;font-size:13px}
