:root{color-scheme:dark;--bg:#0d1018;--panel:#151a26;--panel2:#1a2030;--line:#283044;--text:#f1f3fa;--muted:#929bb0;--purple:#9b8cff;--purple2:#7562ef;--green:#62d6a6;--orange:#ffb86b;--red:#ff7d8b;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% -10%,#25203f 0,transparent 40%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{width:min(1100px,calc(100% - 40px));margin:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(146,155,176,.15)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#a99cff,#7463ef);color:white;font-size:24px;font-weight:800;box-shadow:0 6px 24px #806bff30}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:-.3px}.brand small{color:var(--muted);font-size:11px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:18px}.public-badge{font-size:12px;color:#b5c0d4;display:flex;align-items:center;gap:8px}.public-badge span{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px #62d6a655}.button{border:1px solid transparent;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:650;transition:transform .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#9b8cff,#7967ef);color:white;box-shadow:0 5px 20px #7664ed26}.button-primary:hover{background:linear-gradient(135deg,#ad9fff,#8878ff)}.button-quiet{color:#d6d9e5;background:#1a2030;border-color:#30384c}.button-quiet:hover{background:#222a3d}.hero{display:grid;grid-template-columns:1fr 300px;gap:35px;align-items:end;padding:52px 0 32px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--purple);margin:0 0 13px}.hero h1{font-size:clamp(35px,5vw,52px);line-height:1.08;letter-spacing:-2.2px;margin:0;font-weight:780}.hero h1 span{color:var(--purple)}.hero-subtitle{color:var(--muted);font-size:14px;line-height:1.7;max-width:500px;margin:16px 0 0}.progress-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#191e2d,#141925);padding:19px 20px}.progress-top,.progress-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-top{font-size:12px;color:#b3bbcd}.progress-top strong{font-size:18px;color:var(--text)}.progress-track{height:6px;background:#2a3042;border-radius:10px;overflow:hidden;margin:16px 0 12px}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#7d6af3,#b1a4ff);border-radius:10px;transition:width .3s}.progress-bottom{font-size:10px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:43px}.stat-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:15px;background:#151a26c9;padding:17px 19px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-size:19px}.stat-icon.violet{background:#7f6bff20;color:#b0a3ff}.stat-icon.orange{background:#ffb86b19;color:var(--orange)}.stat-icon.green{background:#62d6a61b;color:var(--green)}.stat-card strong,.stat-card span:last-child{display:block}.stat-card strong{font-size:22px;letter-spacing:-.5px}.stat-card div span{font-size:11px;color:var(--muted);margin-top:3px}.board{padding:27px;border:1px solid var(--line);border-radius:20px;background:#121722e8;box-shadow:0 18px 60px #00000013}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.board-heading .eyebrow{margin-bottom:7px}.board-heading h2{font-size:22px;letter-spacing:-.6px;margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 17px}.searchbox{display:flex;align-items:center;gap:9px;background:#0f131e;border:1px solid #293145;border-radius:10px;padding:0 12px;width:min(270px,100%);height:39px;color:var(--muted)}.searchbox span{font-size:22px}.searchbox input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.filters{display:flex;gap:4px;background:#0e121c;padding:4px;border-radius:11px;border:1px solid #222a3c}.filter{border:0;background:transparent;color:var(--muted);font-size:11px;padding:8px 11px;border-radius:8px;white-space:nowrap}.filter.active{background:#282442;color:#c9c0ff}.category-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.chip{border:1px solid #30384b;border-radius:100px;background:transparent;color:#aab3c7;padding:6px 10px;font-size:10px}.chip.active{border-color:#8f7fff80;background:#8f7fff18;color:#c9c0ff}.task-list{display:grid;gap:9px}.task-card{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:13px;align-items:start;border:1px solid #272f42;border-radius:13px;background:#171d2a;padding:15px 15px;transition:border-color .15s,background .15s}.task-card:hover{border-color:#414a66;background:#1a2030}.task-card.is-completed{opacity:.65}.task-check{appearance:none;width:19px;height:19px;border:1.5px solid #515b73;border-radius:6px;margin:2px 0 0;display:grid;place-items:center;cursor:default}.task-check:checked{background:#62d6a6;border-color:#62d6a6}.task-check:checked:after{content:"✓";font-size:13px;font-weight:900;color:#10241c}.task-main{min-width:0}.task-title{font-size:13px;font-weight:680;line-height:1.45;overflow-wrap:anywhere}.is-completed .task-title{text-decoration:line-through;color:#9aa3b5}.task-description{font-size:11px;color:#9aa4b9;line-height:1.6;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;align-items:center}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 7px;background:#252c3d;color:#aeb8cc;font-size:9px;font-weight:650}.priority{background:#272c3b}.priority.low{color:#9eabc2}.priority.medium{color:#a9b9e5}.priority.high{color:#ffbd77;background:#3b2d20}.priority.urgent{color:#ff8b98;background:#3c222d}.due{font-size:10px;color:#8f9bb1}.due.overdue{color:#ff8996}.task-actions{display:flex;gap:5px}.icon-button{width:30px;height:30px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#9ba6bc;font-size:14px}.icon-button:hover{background:#2a3144;border-color:#3a445d;color:white}.empty-state{padding:45px 15px;text-align:center;border:1px dashed #30384b;border-radius:13px}.empty-icon{font-size:26px;color:#a99aff;margin-bottom:10px}.empty-state strong{display:block;font-size:13px}.empty-state p{color:var(--muted);font-size:11px;margin:8px 0 0}.loading{text-align:center;padding:30px;color:var(--muted);font-size:12px}.board-footnote{margin:20px 0 0;color:#778198;font-size:10px}.lock-dot{font-size:8px;color:var(--green);margin-right:6px}.notice{border-radius:10px;padding:12px;font-size:12px;margin-top:12px}.error{background:#3b202b;border:1px solid #64303c;color:#ffb0b8}.hidden{display:none!important}footer{display:flex;justify-content:space-between;color:#6f7890;font-size:10px;padding:23px 2px 32px}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#070910c9;backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(420px,100%);background:#171c29;border:1px solid #353d52;border-radius:20px;padding:29px;box-shadow:0 24px 90px #0008;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:14px;right:15px;width:32px;height:32px;border:0;border-radius:9px;background:#242b3c;color:#aeb7ca;font-size:23px}.modal-symbol{width:42px;height:42px;display:grid;place-items:center;background:#8c79ff20;color:#b4a8ff;border-radius:13px;font-size:25px;margin-bottom:22px}.modal-card h2{font-size:24px;letter-spacing:-.8px;margin:0}.modal-copy{font-size:12px;color:var(--muted);margin:10px 0 23px}.field-label{display:block;font-size:11px;color:#c5ccda;font-weight:650;margin:15px 0 7px}.optional{color:#727d93;font-weight:400;margin-left:5px}.text-input{display:block;width:100%;border:1px solid #343d53;border-radius:10px;background:#0f131e;color:var(--text);padding:11px 12px;font-size:12px;outline:0}.text-input:focus{border-color:#9b8cff;box-shadow:0 0 0 3px #9b8cff18}.text-input::placeholder{color:#5f6a80}.textarea{resize:vertical;min-height:84px;line-height:1.5}.form-error{min-height:15px;color:#ff929e;font-size:11px;margin:8px 0}.full-width{width:100%}.modal-hint{display:flex;justify-content:center;gap:7px;font-size:10px;color:#7f8aa1;margin:19px 0 0}.task-modal-card{width:min(500px,100%)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#252d3f;border:1px solid #414b65;color:#e9edfa;border-radius:11px;padding:12px 16px;font-size:12px;box-shadow:0 10px 35px #0005;transition:opacity .2s,transform .2s;z-index:20;max-width:calc(100% - 32px)}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.shell{width:min(100% - 26px,600px)}.topbar{height:73px}.top-actions{gap:9px}.public-badge{display:none}.hero{grid-template-columns:1fr;gap:22px;padding:36px 0 25px}.progress-card{max-width:none}.stats{gap:8px;margin-bottom:28px}.stat-card{padding:12px 10px;gap:8px}.stat-icon{width:31px;height:31px;border-radius:9px;font-size:16px}.stat-card strong{font-size:19px}.stat-card div span{font-size:9px}.board{padding:17px 13px}.board-heading h2{font-size:20px}.toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.filters{justify-content:space-between}.filter{flex:1;padding:8px 4px}.task-card{grid-template-columns:20px minmax(0,1fr) auto;gap:9px;padding:12px 10px}.task-actions{flex-direction:column}.task-title{font-size:12px}.task-meta{gap:5px}footer{gap:10px}.hero h1{letter-spacing:-1.7px}}@media(max-width:380px){.brand small{display:none}.brand-icon{width:36px;height:36px}.button{padding:9px 10px}.stat-card{flex-direction:column;align-items:flex-start}.stat-card div span{font-size:9px}.form-row{grid-template-columns:1fr}}