@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700;800;900&display=swap";:root{--ink:#24333b;--muted:#8b9699;--line:#e8ebe9;--paper:#fff;--canvas:#f8faf8;--coral:#f46d65;--coral-soft:#fff0e9;--mint:#63c6a6;--mint-soft:#e6f6ef;--lilac:#a895dc;--lilac-soft:#f0ecfb;--butter:#efbb62;--butter-soft:#fff4df;--blue:#86badd;--blue-soft:#e9f4fa;--shadow:0 14px 40px #2e48420e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7cb9eb}a{color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:#fff;border-right:1px solid #edf0ed;flex-direction:column;flex:none;width:264px;height:100vh;padding:28px 17px 22px;display:flex;position:sticky;top:0}.sidebar-top{padding:0 10px}.brand,.welcome-brand{color:var(--ink);letter-spacing:-1.7px;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:Nunito,sans-serif;font-size:25px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:#f36b63;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-5deg);box-shadow:0 5px 11px #f36b633b}.brand-dot{color:#f36b63}.mobile-close{display:none!important}.space-switch{border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;margin:38px 2px 32px;padding:11px 9px;display:flex;box-shadow:0 4px 12px #405e5208}.space-icon{background:#f4f6ee;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.space-switch div:nth-child(2){flex:1;min-width:0}.space-switch strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.space-switch small{color:#a0a8aa;margin-top:2px;font-size:10px;display:block}.space-switch>svg{color:#a5adae}.nav-section-label{letter-spacing:1.45px;color:#abb4b6;margin-bottom:12px;padding:0 16px;font-size:10px;font-weight:800}.nav-list-heading{justify-content:space-between;margin:30px 0 12px;display:flex}.nav-list-heading span{color:#b3bbbc;font-size:10px}.nav-link{color:#718084;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;height:43px;margin:2px 0;padding:0 13px;font-size:12.5px;font-weight:700;transition:background .2s,color .2s;display:flex}.nav-link:hover{background:#f5f8f6}.nav-active{color:#3b9b78;background:#edf7f2}.nav-active:hover{background:#e7f4ed}.nav-arrow{opacity:.6;margin-left:auto}.nav-emoji{border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.nav-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-count{color:#b2bcbd;font-size:11px}.nav-add{color:#92a09f;background:0 0;border:0;align-items:center;gap:10px;margin-top:7px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.nav-add:hover{color:#3b9b78}.sidebar-bottom{margin-top:auto}.invite-card{background:#e9f7f1;border-radius:15px;margin-bottom:21px;padding:20px 18px 18px;position:relative;overflow:hidden}.invite-illustration{height:43px;position:relative}.invite-illustration span:first-child{color:#e8a77e;background:#fff;border-radius:10px;place-items:center;width:33px;height:33px;font-size:26px;display:inline-grid;transform:rotate(-12deg);box-shadow:0 3px 6px #29584114}.invite-illustration span:last-child{color:#fff;background:#ffa99e;border-radius:50%;place-items:center;width:26px;height:26px;font-size:21px;display:grid;position:absolute;top:10px;left:22px;transform:rotate(16deg)}.invite-card strong{margin:5px 0;font-family:Nunito;font-size:13px;font-weight:900;display:block}.invite-card p{color:#7d9a8b;margin:0 0 12px;font-size:11px;line-height:1.55}.invite-card button{color:#449a79;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:800;display:flex}.sidebar-help{color:#97a3a3;background:0 0;border:0;align-items:center;gap:9px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;height:69px;padding:0 43px;display:flex}.breadcrumb{color:#a2adb0;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.breadcrumb strong{color:#526064}.top-actions{align-items:center;gap:17px;display:flex}.mode-pill{color:#b8906a;white-space:nowrap;border:1px solid #eadfd2;border-radius:50px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:800;display:flex}.mode-pill.online{color:#55a982;border-color:#d7ede1}.status-dot{background:#e3ab68;border-radius:50%;width:6px;height:6px}.online .status-dot{background:#67c49c}.share-button{color:#50645e;background:#fff;border:1px solid #dfe7e3;border-radius:8px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:800;display:flex;box-shadow:0 3px 6px #44554f07}.share-button:hover,.outline-btn:hover{background:#f8fffa;border-color:#9acfb3}.avatar-stack{padding-left:5px;display:flex}.avatar-stack span{color:#8d5e4f;background:#f6bfaa;border:2px solid #fff;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:-5px;font-size:11px;font-weight:900;display:grid}.avatar-stack span:last-child{color:#8b75bf;background:#dcd0f5;font-size:15px}.content{max-width:1330px;margin:auto;padding:30px 43px 55px}.hero{background:#e8f5ee;border-radius:16px;min-height:270px;display:flex;position:relative;overflow:hidden}.hero-text{z-index:2;flex:1;padding:36px 38px;position:relative}.hero-kicker,.section-eyebrow{letter-spacing:1.75px;color:#5aa681;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.hero h1,.welcome-copy h1{letter-spacing:-2.5px;margin:17px 0 12px;font-family:Nunito,sans-serif;font-size:39px;font-weight:900;line-height:1.06}.hero h1 em,.welcome-copy h1 em{color:#eb796f;font-style:normal;position:relative}.hero h1 em:after{content:"";border-bottom:3px solid #efb49e;border-radius:50%;position:absolute;bottom:-2px;left:2px;right:3px;transform:rotate(-2deg)}.hero p{color:#7c998e;margin:0 0 22px;font-size:12px}.hero-buttons{align-items:center;gap:19px;display:flex}.primary-btn{color:#fff;background:#ed746b;border:1px solid #ed746b;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:8px 15px;font-size:11px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 11px #ef81752a}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 7px 14px #ef817545}.text-btn{color:#549d7c;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.text-btn:hover{color:#347a5b}.hero-art{flex:none;width:340px;position:relative}.art-circle{border-radius:50%;position:absolute}.circle-one{background:#d5eddd;width:270px;height:270px;top:-78px;left:82px}.circle-two{background:#e0f3e8;width:240px;height:240px;bottom:-158px;left:-20px}.hero-paper{background:#fff;border-radius:11px;flex-direction:column;gap:11px;padding:15px 17px;font-size:10px;display:flex;position:absolute;box-shadow:0 15px 25px #5d93701f}.hero-paper span{letter-spacing:1.7px;color:#9cac9f;margin-bottom:3px;font-size:8px;font-weight:900}.hero-paper b{white-space:nowrap;font-weight:800}.paper-back{width:155px;height:146px;top:29px;left:150px;transform:rotate(13deg)}.paper-back b{color:#786a9f}.paper-front{width:177px;height:153px;top:79px;left:19px;transform:rotate(-8deg)}.paper-front b{color:#61716e;align-items:center;gap:8px;display:flex}.paper-front i{color:#fff;background:#7fc5a4;border-radius:4px;place-items:center;width:15px;height:15px;font-size:10px;font-style:normal;display:grid}.paper-front i.empty-check{background:#fff;border:1.5px solid #cedbd3}.hero-sticker{color:#fff;background:#f58f7c;border-radius:50%;place-items:center;width:48px;height:48px;font-size:29px;display:grid;position:absolute;top:181px;left:191px;transform:rotate(16deg);box-shadow:0 7px 10px #b76b5a27}.overview-head{justify-content:space-between;align-items:flex-end;margin:34px 0 20px;display:flex}.overview-head h2,.items-toolbar h2{letter-spacing:-.8px;margin:8px 0 3px;font-family:Nunito;font-size:23px;font-weight:900}.heading-spark{color:#f4b977;font-size:20px}.overview-head p,.items-toolbar p{color:#99a5a5;margin:0;font-size:11px}.outline-btn{color:#52645d;white-space:nowrap;background:#fff;border:1px solid #dfe6e2;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:800;display:inline-flex}.list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.list-card{box-shadow:var(--shadow);background:#fff;border:1px solid #edf0ed;border-radius:13px;flex-direction:column;min-width:0;padding:19px 20px 0;display:flex}.card-top{color:#9da9a7;background:0 0;border:0;justify-content:space-between;align-items:flex-start;width:100%;padding:0;display:flex}.card-top:hover svg{transform:translate(3px)}.card-top svg{margin-top:6px;transition:transform .2s}.card-emoji{border-radius:11px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.card-coral .card-emoji,.color-coral{background:var(--coral-soft)}.card-lilac .card-emoji,.color-lilac{background:var(--lilac-soft)}.card-mint .card-emoji,.color-mint{background:var(--mint-soft)}.card-butter .card-emoji,.color-butter{background:var(--butter-soft)}.card-blue .card-emoji,.color-blue{background:var(--blue-soft)}.card-title{text-align:left;letter-spacing:-.5px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;width:100%;margin:16px 0 3px;padding:0;font-family:Nunito;font-size:17px;font-weight:900;display:block;overflow:hidden}.card-title:hover{color:#ed746b}.card-subtitle{color:#a1aaac;margin:0 0 13px;font-size:10px}.card-progress,.progress-track{background:#f0f3ef;border-radius:8px;height:5px;overflow:hidden}.card-progress>div,.progress-track>div{background:#ef8c78;border-radius:8px;height:100%;transition:width .3s}.card-lilac .card-progress>div{background:#ae9ce1}.card-mint .card-progress>div{background:#71caaa}.card-butter .card-progress>div{background:#eabf70}.card-blue .card-progress>div{background:#88bfe0}.card-items{min-height:79px;margin:15px 0 12px}.card-item{color:#647371;align-items:center;gap:8px;min-width:0;min-height:27px;font-size:11px;font-weight:600;display:flex}.card-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.card-item .struck{color:#afbab6;text-decoration:line-through}.card-item small{color:#aeb8b5}.mini-check{color:#0000;background:#fff;border:1.4px solid #c8d3cc;border-radius:5px;flex:none;place-items:center;width:16px;height:16px;padding:0;display:grid}.mini-check.checked{color:#fff;background:#69bb99;border-color:#69bb99}.mini-check:hover{border-color:#69bb99}.card-empty{color:#bbc4bf;padding:15px 0;font-size:11px}.card-footer{color:#669c83;background:0 0;border:0;border-top:1px solid #eef1ef;justify-content:space-between;align-items:center;width:100%;padding:13px 0 15px;font-size:10px;font-weight:900;display:flex}.card-footer:hover{color:#3a8d64}.bottom-strip{background:#fff8ef;border-radius:12px;align-items:center;gap:14px;margin-top:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.strip-icon{color:#f2aa8c;background:#fce8d5;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.bottom-strip strong{font-family:Nunito;font-size:12px;font-weight:900}.bottom-strip p{color:#a4a49c;margin:3px 0 0;font-size:10px}.strip-doodle{color:#f5dcbb;font-size:50px;position:absolute;top:4px;right:25px;transform:rotate(15deg)}.empty-overview,.empty-items{text-align:center;background:#fff;border:1px dashed #dce6df;border-radius:13px;padding:55px 20px}.empty-overview>span{font-size:38px}.empty-overview h3,.empty-items h3{margin:10px 0 6px;font-family:Nunito;font-size:17px}.empty-overview p,.empty-items p{color:#97a4a1;margin-bottom:19px;font-size:11px}.back-link{color:#7f9790;background:0 0;border:0;align-items:center;gap:8px;margin:2px 0 20px;padding:0;font-size:11px;font-weight:800;display:flex}.back-link:hover{color:#418f6e}.detail-header{border-radius:14px;justify-content:space-between;align-items:center;min-height:161px;padding:28px 31px;display:flex;position:relative;overflow:hidden}.detail-coral{background:#fff0e9}.detail-lilac{background:#f0ecfb}.detail-mint{background:#e8f6ef}.detail-butter{background:#fff4df}.detail-blue{background:#eaf4fb}.detail-header-copy{z-index:1;position:relative}.detail-type{letter-spacing:1.5px;color:#c59686;font-size:9px;font-weight:900}.detail-lilac .detail-type{color:#9581bf}.detail-mint .detail-type{color:#5da88b}.detail-header h1{letter-spacing:-1.5px;margin:11px 0 5px;font-family:Nunito;font-size:32px;font-weight:900;line-height:1.2}.detail-emoji{font-size:28px}.detail-header p{color:#9faaa5;margin:0;font-size:11px}.detail-header-actions{align-self:stretch;align-items:flex-start;gap:0;display:flex}.detail-edit{z-index:2;color:#677b74;background:#ffffff9c;border:1px solid #fffa;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.detail-big-icon{opacity:.18;font-size:112px;position:absolute;bottom:-42px;right:76px;transform:rotate(-13deg)}.detail-content{grid-template-columns:minmax(0,1fr) 244px;gap:22px;margin-top:22px;display:grid}.quick-add{height:51px;box-shadow:var(--shadow);background:#fff;border:1px solid #e9efea;border-radius:10px;align-items:center;gap:10px;padding:6px 7px 6px 11px;display:flex}.quick-plus{color:#68ae8b;place-items:center;display:grid}.quick-add input{min-width:0;color:var(--ink);border:0;outline:0;flex:1;font-size:11px}.quick-add input::placeholder{color:#afbcb6}.quick-add button{color:#fff;background:#63b78e;border:0;border-radius:7px;align-items:center;gap:8px;height:35px;padding:0 12px;font-size:10px;font-weight:900;display:flex}.quick-add button:hover{background:#4da479}.items-toolbar{justify-content:space-between;align-items:flex-end;margin:28px 0 20px;display:flex}.items-toolbar h2{margin:0 0 3px;font-size:19px}.items-toolbar h2 span{color:#8aa498;vertical-align:middle;background:#e8f5ed;border-radius:50px;margin-left:4px;padding:4px 7px;font-family:DM Sans;font-size:10px}.detail-add-button{color:#67a689;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:900;display:flex}.filter-tabs{border-bottom:1px solid #e7ece9;align-items:center;gap:23px;display:flex}.filter-tabs button{color:#a0aaa9;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 1px 12px;font-size:10px;font-weight:800}.filter-tabs button.selected{color:#60aa83;border-color:#60aa83}.filter-tabs span{background:#e7f4ec;border-radius:40px;margin-left:4px;padding:3px 6px;font-size:9px}.item-list{box-shadow:var(--shadow);background:#fff;border:1px solid #edf0ed;border-radius:11px;margin-top:13px;overflow:hidden}.item-row{border-bottom:1px solid #f0f2f0;align-items:center;gap:13px;min-height:67px;padding:11px 15px;display:flex}.item-row:last-child{border-bottom:0}.item-check{color:#0000;background:#fff;border:1.5px solid #cbd9d0;border-radius:7px;flex:none;place-items:center;width:23px;height:23px;padding:0;display:grid}.item-check.checked{color:#fff;background:#68bd94;border-color:#68bd94}.item-check:hover{border-color:#69bd95}.item-info{flex:1;min-width:0}.item-title-line{align-items:center;gap:7px;display:flex}.item-title-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.item-title-line a{color:#8caf9c;display:flex}.item-info p{color:#a4afac;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:10px;overflow:hidden}.item-done .item-title-line strong{color:#9faeaa;text-decoration:line-through}.qty-control{border:1px solid #edf1ed;border-radius:7px;align-items:center;gap:7px;padding:3px;display:flex}.qty-control button{color:#729e83;background:#f4f8f5;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;display:grid}.qty-control span{text-align:center;min-width:22px;font-size:10px;font-weight:900}.qty-control small{color:#adb9b2}.item-unit{color:#a3aea9;font-size:10px}.row-more{color:#a7b3ae;background:0 0;border:0;place-items:center;padding:5px;display:grid}.row-more:hover{color:#4c9d75}.detail-aside{flex-direction:column;gap:15px;display:flex}.progress-card,.tip-card{box-shadow:var(--shadow);background:#fff;border:1px solid #edf0ed;border-radius:12px;padding:21px}.progress-card .section-eyebrow{font-size:9px}.progress-number{letter-spacing:-3px;color:#4ea57f;margin:12px 0 9px;font-family:Nunito;font-size:50px;font-weight:900;line-height:1}.progress-number small{letter-spacing:0;font-size:22px}.progress-track{height:7px}.progress-track>div{background:#70bd92}.progress-card p{color:#a4b2a9;margin:11px 0 0;font-size:10px}.tip-card{box-shadow:none;background:#fff8ef;border:0}.tip-card span{margin-bottom:12px;font-size:24px;display:block}.tip-card strong{font-family:Nunito;font-size:12px;font-weight:900}.tip-card p{color:#ac9f8e;margin:5px 0 0;font-size:10px;line-height:1.6}.empty-items{min-height:230px;margin-top:13px;padding:38px 20px}.empty-icon{color:#6cae89;background:#edf8f0;border-radius:14px;place-items:center;width:45px;height:45px;margin:auto;font-size:25px;display:grid}.empty-items p{margin-bottom:0}.error-banner,.inline-error{color:#a95348;background:#fff0eb;border:1px solid #f5d9cd;border-radius:9px;justify-content:space-between;gap:12px;margin-bottom:18px;padding:10px 13px;font-size:11px;display:flex}.error-banner button,.inline-error button{color:#a95348;background:0 0;border:0;text-decoration:underline}.toast{color:#fff;z-index:100;background:#273d36;border-radius:9px;align-items:center;gap:9px;padding:11px 15px;font-size:11px;font-weight:800;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 35px #20382f38}.modal-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f38356b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:17px;width:min(100%,440px);max-height:calc(100vh - 40px);padding:23px 24px 25px;overflow:auto;box-shadow:0 25px 65px #1e3b3840}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.dialog-head h2{letter-spacing:-.7px;margin:0;font-family:Nunito;font-size:20px;font-weight:900}.icon-button{color:#8fa49a;background:0 0;border:0;place-items:center;width:29px;height:29px;padding:0;display:grid}.edit-form{flex-direction:column;gap:16px;display:flex}.edit-form label{color:#536963;flex-direction:column;flex:1;gap:7px;min-width:0;font-size:10px;font-weight:800;display:flex}.edit-form input,.edit-form select,.edit-form textarea,.welcome-form input{width:100%;color:var(--ink);background:#fff;border:1px solid #e3ebe5;border-radius:8px;outline:0;padding:10px 11px;font-size:12px}.edit-form input:focus,.edit-form textarea:focus,.edit-form select:focus,.welcome-form input:focus{border-color:#84c69f}.edit-form textarea{resize:vertical}.edit-form input::placeholder,.edit-form textarea::placeholder{color:#b6c1ba}.form-row{gap:12px;display:flex}.form-row label:first-child{max-width:145px}.form-row fieldset{border:0;flex:1;min-width:0;margin:0;padding:0}.form-row legend{color:#536963;margin:0 0 9px;font-size:10px;font-weight:800}.color-options{align-items:center;gap:8px;height:38px;display:flex}.color-choice{color:#596e63;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid}.color-choice.chosen{outline:2px solid #6eae8e}.color-choice.color-coral{background:#f8ad98}.color-choice.color-lilac{background:#bfb0e9}.color-choice.color-mint{background:#8fd6b3}.color-choice.color-butter{background:#f1d18a}.color-choice.color-blue{background:#a7d0e7}.optional{color:#abb7af;font-weight:500;display:inline}.field-error{color:#ca5f52}.form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:7px;display:flex}.danger-link{color:#d67569;background:0 0;border:0;align-items:center;gap:4px;margin-right:auto;font-size:10px;font-weight:800;display:flex}.share-dialog p,.settings-dialog p{color:#71827b;font-size:12px;line-height:1.6}.share-graphic{background:#eaf7ee;border-radius:12px;height:92px;margin-bottom:17px;position:relative;overflow:hidden}.share-graphic span{position:absolute}.share-graphic span:first-child{color:#f09583;font-size:61px;top:10px;left:43%;transform:rotate(-12deg)}.share-graphic span:nth-child(2){color:#e5bb77;font-size:35px;top:7px;left:25%}.share-graphic span:nth-child(3){color:#8dbf9b;font-size:37px;bottom:5px;right:24%}.share-url{color:#84a493;border:1px solid #e2ebe4;border-radius:8px;align-items:center;gap:8px;margin:17px 0 11px;padding:7px 9px;display:flex}.share-url input{color:#657b6f;border:0;outline:0;flex:1;min-width:0;font-size:10px}.share-url button{color:#4f9c6e;background:#ecf7ef;border:0;border-radius:5px;place-items:center;padding:6px;display:grid}.full-btn{width:100%}.share-dialog>small{color:#adb9af;margin-top:12px;font-size:9px;line-height:1.5;display:block}.local-help{color:#7d9287;background:#f8faf7;border-radius:9px;flex-direction:column;gap:5px;margin:16px 0;padding:14px;font-size:11px;display:flex}.local-help strong{color:#526f60}.settings-dialog .setting-row{border-bottom:1px solid #edf1ed;justify-content:space-between;gap:15px;padding:12px 0;font-size:11px;display:flex}.setting-row span{color:#99a9a0}.setting-row strong{text-align:right}.settings-dialog .full-btn{margin-top:20px}.settings-dialog p{margin:19px 0 0;font-size:11px}.welcome-shell{background:#f9faf6;min-height:100vh;padding:27px max(26px,50vw - 540px)}.welcome-brand{margin-bottom:42px}.welcome-panel{background:#fff;border-radius:22px;grid-template-columns:1fr 1fr;min-height:570px;display:grid;overflow:hidden;box-shadow:0 20px 60px #45594c10}.welcome-art{background:#e9f5eb;position:relative;overflow:hidden}.welcome-art:before,.welcome-art:after{content:"";background:#d8eddc;border-radius:50%;width:370px;height:370px;position:absolute;top:-130px;left:-130px}.welcome-art:after{width:350px;height:350px;inset:auto -210px -150px auto}.art-note{z-index:1;background:#fff;border-radius:13px;flex-direction:column;gap:15px;width:190px;height:140px;padding:25px;font-size:37px;display:flex;position:absolute;transform:rotate(-10deg);box-shadow:0 15px 25px #53806326}.art-note i{font-family:Nunito;font-size:13px;font-style:normal;font-weight:900}.note-one{top:16%;left:15%}.note-two{background:#fff0e9;top:37%;right:8%;transform:rotate(11deg)}.note-three{background:#f2edfc;bottom:10%;left:20%;transform:rotate(-4deg)}.art-spark{z-index:2;color:#edbc78;font-size:66px;position:absolute;top:12%;right:20%;transform:rotate(25deg)}.welcome-copy{flex-direction:column;justify-content:center;padding:100px 57px 35px;display:flex}.welcome-copy .eyebrow{color:#5da781;letter-spacing:1.6px;font-size:10px;font-weight:900}.welcome-copy h1{margin:20px 0 16px;font-size:42px}.welcome-copy>p{color:#82998d;margin-bottom:30px;font-size:13px;line-height:1.7}.welcome-form label{margin-bottom:9px;font-size:11px;font-weight:800;display:block}.welcome-input{border:1px solid #e1e9e2;border-radius:9px;align-items:center;padding:5px;display:flex}.welcome-input input{border:0;outline:0}.welcome-input button{color:#fff;background:#ed746b;border:0;border-radius:6px;place-items:center;width:37px;height:35px;display:grid}.welcome-foot{color:#97a59c;align-items:center;margin-top:25px;font-size:10px;line-height:1.5;display:flex}.tiny-avatar{color:#855843;background:#f7b7a1;border:2px solid #fff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-weight:900;display:grid}.tiny-avatar.second{color:#75659a;background:#d9cdf3;margin-left:-6px;margin-right:8px}.loading-screen{color:#879b90;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;font-size:12px;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-menu,.mobile-close{display:none}@media (width<=1100px){.sidebar{width:232px}.topbar{padding:0 27px}.content{padding:26px 27px 45px}.hero-art{width:285px}.paper-back{left:123px}.paper-front{left:5px}.detail-content{grid-template-columns:minmax(0,1fr) 205px}.list-grid{gap:12px}.list-card{padding:17px 15px 0}}@media (width<=850px){.sidebar{width:270px;transition:transform .25s;position:fixed;left:0;transform:translate(-100%);box-shadow:10px 0 40px #273d3126}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{display:grid!important}.sidebar-top{justify-content:space-between;align-items:center;display:flex}.mobile-menu{display:grid}.topbar{gap:12px}.breadcrumb{margin-right:auto}.hero-art{width:300px}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-panel{grid-template-columns:1fr}.welcome-art{min-height:225px}.welcome-copy{padding:38px 45px 45px}.art-note{transform-origin:0 0;transform:scale(.7)rotate(-10deg)}.note-one{top:15%;left:14%}.note-two{top:22%;left:39%;transform:scale(.7)rotate(12deg)}.note-three{top:12%;left:64%;transform:scale(.7)rotate(-3deg)}.welcome-shell{padding:26px}}@media (width<=600px){.topbar{height:61px;padding:0 17px}.breadcrumb{gap:5px;font-size:10px}.top-actions{gap:8px}.mode-pill,.avatar-stack{display:none}.share-button{padding:8px}.share-button span{display:none}.content{padding:17px 16px 40px}.hero{min-height:0}.hero-text{padding:27px 23px 29px}.hero-kicker{font-size:8px}.hero h1{letter-spacing:-1.7px;font-size:32px}.hero p{max-width:250px;font-size:10px;line-height:1.5}.hero-art{opacity:.7;pointer-events:none;width:280px;height:230px;position:absolute;top:15px;right:-135px}.hero-paper{transform-origin:0 0;transform:scale(.6)rotate(-8deg)}.paper-back{left:120px;transform:scale(.6)rotate(13deg)}.hero-sticker{top:145px;left:150px;transform:scale(.65)rotate(15deg)}.hero-text{padding-right:65px}.hero-buttons{flex-wrap:wrap;gap:12px}.primary-btn,.text-btn{font-size:10px}.overview-head{margin:27px 0 17px}.overview-head h2{font-size:20px}.overview-head p{font-size:10px}.overview-head .outline-btn{padding:9px;font-size:0}.overview-head .outline-btn svg{width:17px}.list-grid{grid-template-columns:1fr;gap:12px}.list-card{padding:17px 18px 0}.card-items{min-height:0}.card-title{margin-top:11px}.bottom-strip{margin-top:15px}.detail-header{min-height:143px;padding:23px 21px}.detail-header h1{font-size:27px}.detail-big-icon{font-size:80px;right:25px}.detail-content{grid-template-columns:1fr;gap:14px}.detail-aside{grid-row:1;display:block}.progress-card{grid-template-columns:1fr auto;align-items:center;column-gap:18px;padding:14px 17px;display:grid}.progress-card .section-eyebrow{grid-column:1}.progress-number{grid-area:1/2/4;margin:0;font-size:36px}.progress-track{grid-column:1;margin-top:5px}.progress-card p{grid-column:1;margin:5px 0 0}.tip-card{display:none}.items-toolbar{margin:24px 0 17px}.item-row{gap:9px;padding:10px}.item-title-line strong{font-size:11px}.qty-control{gap:3px}.row-more{padding:3px}.form-row{gap:8px}.dialog{padding:20px}.welcome-brand{margin-bottom:24px}.welcome-panel{min-height:0}.welcome-copy{padding:32px 27px 38px}.welcome-copy h1{font-size:35px}.welcome-copy>p{font-size:12px}.welcome-art{min-height:180px}.art-note{transform:scale(.55)rotate(-10deg)}.note-two{transform:scale(.55)rotate(12deg)}.note-three{transform:scale(.55)rotate(-3deg)}.art-spark{font-size:44px}.hero-art{right:-220px}.mobile-menu,.share-button{min-width:40px;min-height:40px}.mini-check{width:27px;height:27px}.card-item{min-height:37px}.item-check{width:30px;height:30px}.row-more{width:37px;height:37px}.qty-control button{width:28px;height:28px}.filter-tabs button{min-height:43px}.card-footer{min-height:45px}.quick-add button{height:39px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.join-welcome{border:1px solid var(--line);max-width:520px;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:18px auto 12px;padding:20px}.join-welcome label{margin-bottom:10px;font-size:13px;font-weight:800;display:block}.join-fields{gap:10px;display:flex}.join-fields input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:12px}.apk-download{color:#3d9470;width:max-content;max-width:100%;margin:12px auto 0;font-size:12px;font-weight:800;text-decoration:none;display:flex}.apk-download:hover{text-decoration:underline}@media (width<=600px){.join-fields{flex-direction:column}.join-fields .primary-btn{width:100%}}