@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:#f1f5f9;background:#0f0f13;font-size:16px;line-height:1.5}button,input{font:inherit}.app{color:#f5f5f7;background:#101114;grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:24px;min-height:100vh;padding:24px;display:grid}.side-bar{box-sizing:border-box;background:#15161b;border:1px solid #292a33;border-radius:16px;flex-direction:column;align-self:start;gap:24px;min-width:0;height:calc(100vh - 48px);padding:24px 16px;display:flex;overflow:hidden}.app-title{color:#f5f5f7;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;line-height:1.4;display:flex}.app-title svg{color:#a78bfa;flex-shrink:0}.description{color:#9294a2;margin:8px 0 0;font-size:13px;line-height:1.6}.list-bar{border:none;flex-direction:column;flex:1;gap:8px;min-height:0;padding:0;display:flex;overflow:hidden}.list-bar h3{color:#858899;letter-spacing:.12em;text-transform:uppercase;margin:0 10px 6px;font-size:11px;font-weight:700}.muted{color:#858899;margin:0 10px;font-size:13px}.main-page{color:#f5f5f7;background:#101114;justify-content:center;align-items:flex-start;min-width:0;padding:32px;display:flex}.list-page{flex-direction:column;gap:24px;width:100%;min-width:0;max-width:1100px;display:flex}.main-page .add-activity{width:100%;max-width:none}.empty-state{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:60vh;display:flex}.empty-state h2{color:#f5f5f7;margin:0;font-size:clamp(28px,3vw,40px)}.empty-state p{margin:0;font-size:15px;line-height:1.6}@media (width<=800px){.app{grid-template-columns:220px minmax(0,1fr);gap:16px;padding:16px}.main-page{padding:20px 12px}}@media (width<=600px){.app{grid-template-columns:minmax(0,1fr);gap:20px;padding:12px}.side-bar{padding:16px}.main-page{padding:12px 0}.list-page{gap:20px}}.add-list{background:0 0;border:none;flex-direction:column;gap:10px;min-width:0;padding:0;display:flex}.add-list input{box-sizing:border-box;color:#f5f5f7;background:#101114;border:1px solid #30313b;border-radius:9px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:13px}.add-list input::placeholder{color:#777b89}.add-list input:focus{border-color:#8b7cf6}.add-list button{color:#fff;cursor:pointer;background:#7565df;border:none;border-radius:9px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:background .15s}.add-list button:hover:not(:disabled){background:#8778ef}.add-list button:disabled{color:#777b89;cursor:not-allowed;background:#292a33}.all-list{scrollbar-width:thin;scrollbar-color:#3a3b48 transparent;min-height:0;padding-right:4px;overflow:hidden auto}.list-title{color:#aeb0bf;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 12px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:background .15s,color .15s;display:flex}.list-color-dot{background:var(--list-accent);opacity:.8;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:opacity .15s,box-shadow .15s}.list-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.list-title:hover{color:#f5f5f7;background:#202128}.list-title:hover .list-color-dot,.list-title.active .list-color-dot{opacity:1;box-shadow:0 0 8px var(--list-accent)}.list-title.active{color:#fff;box-shadow:inset 3px 0 0 var(--list-accent);background:#22212e;border-color:#302c43}.list-title:focus-visible{outline:2px solid var(--list-accent);outline-offset:2px}.list-page{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.list-page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.workspace-label{color:var(--card-accent);letter-spacing:.12em;margin:0 0 8px;font-size:12px;font-weight:700}.page-title{color:#f5f5f7;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,3vw,40px);font-weight:700;line-height:1.2}.page-description{color:#9ca3af;margin:10px 0 0;font-size:15px;line-height:1.5}.del-btn{color:#fca5a5;cursor:pointer;background:#271a20;border:1px solid #48252e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.del-btn:hover{background:#48252e}.add-activity{box-sizing:border-box;background:#191a20;border:1px solid #303039;border-radius:14px;flex-direction:column;gap:16px;width:100%;min-width:0;padding:24px;display:flex}.user-input{gap:10px;width:100%;display:flex}.add-activity input{color:#f1f5f9;background:#101114;border:1px solid #343540;border-radius:9px;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:15px}.add-activity input::placeholder{color:#777b89}.add-activity input:focus{border-color:var(--card-accent)}.add-btn{color:#fff;background:var(--card-accent);cursor:pointer;border:none;border-radius:9px;flex-shrink:0;padding:10px 20px;font-size:15px;font-weight:600}.add-btn:hover:not(:disabled){filter:brightness(1.1)}.add-btn:disabled{color:#777b89;cursor:not-allowed;background:#30313b}.no-items{color:#9ca3af;text-align:center;margin:0;padding:24px 12px;font-size:14px}.add-activity ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.add-activity li{color:#e5e7eb;border:1px solid #303039;border-left:3px solid var(--card-accent);background:#101114;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.add-activity li p{overflow-wrap:anywhere;min-width:0;margin:0;font-size:15px;line-height:1.5}.add-activity li button{color:#8b8d9a;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.add-activity li button:hover{color:#f87171;background:#271a20}@media (width<=600px){.add-activity{padding:16px}.user-input{flex-wrap:wrap}.user-input input{flex-basis:100%}.user-input .add-btn{margin-left:auto}.list-page-header{gap:12px}}