@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#292651;background:#f5f6fb;font-size:16px;--ink:#292651;--accent:#625cdb;--line:#e2e3ee;--muted:#6e708a}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}header{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);background:#fff}.brand{font:800 27px Manrope,sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:10px;text-decoration:none}.logo{background:var(--accent);color:#fff;border-radius:12px;padding:3px 16px 7px;font-size:28px}.beta{font:600 10px 'DM Sans';letter-spacing:1.3px;padding:6px 8px;background:#eff0f8;border-radius:6px;margin-left:6px}.head-right{display:flex;gap:18px;align-items:center}.local{font-size:13px;color:var(--muted)}#lang{background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px;font-size:14px;color:var(--ink)}.icon-btn{background:transparent;color:var(--ink);font-size:23px;border-radius:9px;min-width:38px;min-height:38px}main{max-width:1296px;padding:36px 32px 12px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:25px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:#7d7899;margin:0 0 12px}h1{font:700 clamp(28px,3.2vw,43px)/1.2 Manrope,sans-serif;letter-spacing:-1.8px;margin:0 0 12px;max-width:730px}.lead{color:var(--muted);font-size:16px;max-width:660px;line-height:1.6;margin:0}.family-button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;display:flex;gap:15px;align-items:center;white-space:nowrap;font-size:14px}.avatars{display:flex;padding-right:4px}.avatars span{border-radius:50%;background:#eee9fc;color:#6451ab;width:30px;height:30px;padding-top:6px;font-size:12px;border:2px solid #fff;text-align:center}.avatars span+span{margin-left:-8px;background:#e0edcb;color:#55713b}.main-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.section-head{display:flex;gap:10px;align-items:center}.step{color:var(--accent);font-size:12px;font-weight:700;background:#f0effd;border-radius:7px;padding:8px}h2{font:700 20px Manrope,sans-serif;letter-spacing:-.6px;margin:0}h3{font-size:17px;margin:0}.muted{color:var(--muted);font-size:14px;line-height:1.65}.examples{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:20px 0 12px}.examples span{font-size:12px;color:var(--muted)}.examples button{font-size:12px;padding:8px 11px;border:1px solid #dcdced;background:#fff;color:#5b568f;border-radius:20px}.examples button:hover{background:#f2f0ff}label{display:block;font-size:13px;font-weight:500;line-height:1.5;margin:14px 0 7px}label>span{display:block;margin-bottom:6px}input:not([type=checkbox]),textarea,select{width:100%;border:1px solid #d9dbea;border-radius:9px;padding:11px;background:#fff;color:var(--ink);min-width:0}textarea{resize:vertical;line-height:1.6;font-size:15px}#message{height:190px;background:#fafaff;font-size:16px}input::placeholder,textarea::placeholder{color:#9594a8}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #cbc7ff;outline-offset:2px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields label{min-width:0}.micro{font-size:12px;color:var(--muted);line-height:1.6}.primary{display:flex;justify-content:center;align-items:center;gap:20px;background:var(--accent);color:white;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:600}.primary:hover{background:#514aca}#analyze{width:100%;justify-content:space-between;margin-top:20px}.outline{border:1px solid #d5d4e8;background:white;color:#534c91;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:500}.text-btn{border-radius:7px;background:transparent;color:#6b6496;font-size:13px;padding:10px 4px}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 0 20px}.board-heading h2{font-size:25px}.board-heading .eyebrow{margin-bottom:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);background:#eeedf9;border:1px solid #e4e2f3;border-radius:15px;padding:17px 0;margin-bottom:22px}.stats div{padding:0 20px;border-right:1px solid #dcd9ec}.stats div:last-child{border:0}.stats strong{display:block;font:700 28px Manrope}.stats span{font-size:12px;color:#7a7496}.board-toolbar{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:15px}.filters{display:flex;gap:4px}.filters button{padding:8px 10px;font-size:12px;background:transparent;color:#77728e;border-radius:7px}.filters button[aria-pressed=true]{background:white;color:#3c3266;box-shadow:0 1px 5px #2620470c}.task{background:white;border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:12px;display:flex;gap:13px;align-items:flex-start;transition:opacity .2s}.task.done{opacity:.65}.task.done .task-title{text-decoration:line-through}.complete{width:21px;height:21px;flex:0 0 21px;border:1.5px solid #cecbdf;border-radius:7px;background:#fff;margin-top:4px;font-size:14px;color:#fff}.complete[aria-pressed=true]{background:#625cdb;border-color:#625cdb}.task-content{flex:1;min-width:0}.task-title{font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.task-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 0;font-size:12px;color:#78718d}.pill{padding:4px 8px;border-radius:6px;background:#f4f3f9;font-size:11px;font-weight:500;line-height:1.4}.pill.event{background:#eeebff;color:#6b58aa}.pill.form{background:#e7f1fc;color:#407699}.pill.pay{background:#fff2da;color:#947129}.pill.bring{background:#eaf4df;color:#5c7a36}.overdue{color:#af5263}.card-edit{font-size:12px;color:#716990;background:transparent;padding:6px;flex-shrink:0}.task-source{font-size:12px;line-height:1.6;color:#837d92;margin-top:10px}.empty{border:1px dashed #d5d3e8;border-radius:17px;min-height:265px;padding:36px 28px;text-align:center;color:#817c95}.empty-mark{display:inline-flex;width:44px;height:44px;justify-content:center;align-items:center;background:#e9e8f4;border-radius:14px;color:#a49dbf;font-size:24px;margin-bottom:15px}.empty h3{color:#5a5276;margin-bottom:8px}.empty p{font-size:14px;line-height:1.7;max-width:360px;margin:0 auto 18px}.board-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:16px}.draft-heading{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}#draftCount{font-size:12px;padding:5px 9px;background:#eeeafc;border-radius:15px}.draft{padding:14px;background:#faf9fe;border:1px solid #e4e0f0;border-radius:12px;margin-bottom:10px}.draft-top{display:flex;justify-content:space-between;gap:8px}.draft p{font-size:12px;color:#857695;margin:8px 0 0}.draft .task-title{font-size:14px}.check{display:flex;align-items:flex-start;gap:9px;font-weight:400;font-size:13px}.check input{width:17px;height:17px;accent-color:var(--accent);flex-shrink:0}.check span{margin:0}.feedback{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;background:#fff}.feedback h2{font-size:22px}.feedback textarea{height:90px;margin-bottom:10px}.feedback .micro{display:block;margin-top:8px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12px;color:#8d879c}dialog{border:1px solid var(--line);border-radius:20px;width:min(520px,calc(100% - 24px));padding:25px;color:var(--ink);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #19103630}dialog::backdrop{background:#24204466;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.dialog-top h2{font-size:22px}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.dialog-actions .primary{min-width:130px}#editNotes{height:80px}.source{font-size:12px;line-height:1.6;background:#f5f4fa;padding:12px;border-radius:8px;overflow-wrap:anywhere}.member-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);gap:12px}.member-row input{max-width:calc(100% - 50px)}.member-form{display:flex;gap:10px;margin-top:20px}.danger{color:#ad5364}#shareText{height:260px;font-size:14px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#30284d;color:#fff;padding:14px 22px;border-radius:12px;font-size:14px;max-width:90vw;z-index:100;box-shadow:0 5px 30px #0002;display:none}.sr{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}[hidden]{display:none!important}.import-label{margin-top:24px}.task .icon-btn{font-size:17px;min-width:25px;min-height:25px}.task button:hover,.text-btn:hover{background:#f0eef8}@media(max-width:900px){main{padding:28px 22px}.main-grid{gap:22px;grid-template-columns:1fr 1fr}.intro{gap:15px}h1{font-size:33px}.family-button{font-size:12px;padding:10px;gap:8px}.panel{padding:20px}.stats div{padding:0 12px}.board-toolbar{align-items:flex-start;flex-direction:column}.head-right{gap:10px}}@media(max-width:690px){header{height:74px;padding:0 18px}.brand{font-size:23px}.logo{font-size:24px;padding:3px 12px 6px}.beta,.local{display:none}.intro{display:block;margin-bottom:24px}.intro h1{font-size:33px;letter-spacing:-1.2px}.lead{font-size:15px}.family-button{margin-top:18px;font-size:13px}.main-grid{grid-template-columns:1fr;gap:30px}main{padding:25px 16px 6px}.panel{padding:20px;border-radius:16px}.board-toolbar{flex-direction:row;align-items:center}.feedback{grid-template-columns:1fr;gap:14px;margin-top:25px}.feedback h2{font-size:21px}.feedback p{margin-bottom:0}.two-fields{gap:9px}.stats strong{font-size:26px}.stats div{padding:0 16px}.task{padding:15px 12px;gap:9px}.task-title{font-size:15px}.board-heading h2{font-size:23px}.head-right select{font-size:12px!important}.micro{font-size:12px}.source{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header,.intro,.composer,.feedback,footer,.board-toolbar,.board-bottom,.board-heading button,.card-edit,.micro{display:none!important}.main-grid{display:block}.task{break-inside:avoid}.stats{background:white}main{padding:0}.board{width:100%}}
label,.outline,.text-btn,.filters button,.examples button{font-size:14px}.task-title{font-size:16px}.task-meta,.pill,.card-edit{font-size:14px}.stats span{font-size:14px}.draft .task-title{font-size:15px}.board-toolbar{flex-wrap:wrap}.task{flex-wrap:wrap}.task-content{min-width:150px}.draft p,.source{font-size:13px}@media(max-width:360px){.two-fields{grid-template-columns:1fr}.board-toolbar{align-items:flex-start}.stats div{padding:0 10px}.stats span{font-size:12px}}
