:root{--ink:#453b50;--muted:#897f91;--pink:#f6a9bd;--pink-dark:#e986a5;--cream:#fff8f1;--lilac:#d9c8f3;--yellow:#ffe29a;--mint:#cce9d9;--line:#f0e5df;--shadow:0 14px 40px #6d4b5b12}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 5%,#fff0f2 0,transparent 25%),radial-gradient(circle at 90% 15%,#f1eaff 0,transparent 25%),var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}.sparkle{position:fixed;color:#e5b6c8;font-size:30px;pointer-events:none}.sparkle-one{top:18%;left:3%}.sparkle-two{right:4%;top:38%;font-size:24px}.topbar{height:72px;max-width:1160px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadfe0aa}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:600 22px Fredoka,sans-serif}.brand-mark{width:34px;height:34px;border-radius:12px;background:#ffe0e8;display:grid;place-items:center;color:#db7698;font-size:23px}.top-actions{display:flex;align-items:center;gap:16px}.sync-state{font-size:12px;color:var(--muted)}.sync-state i{display:inline-block;width:7px;height:7px;background:#7fc69d;border-radius:50%;margin-right:6px}.icon-button,.close-button{border:0;background:#fff;border-radius:50%;width:36px;height:36px;color:var(--muted);cursor:pointer;font-size:19px}.shell{max-width:1100px;margin:auto;padding:36px 28px 24px}.hero{min-height:265px;background:linear-gradient(115deg,#ffe6ec,#f8eafa 65%,#e8e5ff);border:1px solid #f3dbe5;border-radius:30px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero-copy{max-width:550px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#bd7894}.eyebrow span{color:#d4a84e}.hero h1{font:600 clamp(36px,5vw,54px) Fredoka,sans-serif;margin:12px 0 8px;letter-spacing:-1px}.wave{color:#e88eaa}.hero p{max-width:450px;color:#786b7f;line-height:1.65;font-size:14px;margin:0}.hero-note{margin-top:19px;font-size:12px;color:#98758a;background:#ffffff9c;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:20px}.hero-art{width:310px;height:220px;position:relative;flex:none}.sun{position:absolute;right:40px;top:10px;width:82px;height:82px;background:#ffe18e;border-radius:50%;box-shadow:0 0 0 12px #ffe18e33}.cloud{position:absolute;background:#fff9f6;border-radius:30px;height:24px;width:90px;box-shadow:20px -10px 0 -3px #fff9f6,40px 0 0 -2px #fff9f6}.cloud-a{top:63px;left:5px}.cloud-b{top:120px;right:5px;transform:scale(.7)}.rainbow{position:absolute;left:57px;bottom:15px;width:155px;height:105px;overflow:hidden}.rainbow span{position:absolute;border:12px solid #e99ab2;border-bottom:0;border-radius:100px 100px 0 0;width:155px;height:150px;bottom:-65px}.rainbow span:nth-child(2){width:125px;height:120px;left:15px;bottom:-50px;border-color:#e9c27d}.rainbow span:nth-child(3){width:95px;height:90px;left:30px;bottom:-35px;border-color:#a8cbb8}.polaroid{position:absolute;right:32px;bottom:0;background:#fff;padding:9px 9px 7px;transform:rotate(8deg);box-shadow:0 8px 20px #71546b20;text-align:center}.polaroid-photo{width:74px;height:70px;background:linear-gradient(140deg,#d8c8f0,#ffdce6);display:grid;place-content:center;color:#fff;font-size:25px;line-height:1.2}.polaroid small{font:500 10px Fredoka;color:#8d7d8e}.tiny-heart{position:absolute;left:25px;top:22px;color:#e889a7;font-size:25px}.tiny-star{position:absolute;color:#c49bce}.star-a{right:8px;top:110px}.star-b{left:130px;top:15px;font-size:23px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 38px}.stat-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow)}.stat-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:20px}.pink{background:#ffe7ee;color:#dc85a0}.yellow{background:#fff3d1;color:#c99b39}.lilac{background:#f0e8ff;color:#a58bc9}.stat-card strong{font:600 21px Fredoka;display:block}.stat-card small{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2{font:600 29px Fredoka;margin:5px 0 0}.section-heading h2 span{color:#e7a0b6}.primary-button{border:0;background:#e98eaa;color:#fff;padding:12px 17px;border-radius:13px;font:600 13px "DM Sans";cursor:pointer;box-shadow:0 5px 12px #e98eaa38;transition:.2s}.primary-button:hover{background:#dc7d9b;transform:translateY(-1px)}.tabs{display:flex;gap:8px;overflow:auto;padding:3px 0 12px;scrollbar-width:thin}.tab{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#796e80;border-radius:30px;padding:9px 13px;font:600 11px "DM Sans";cursor:pointer}.tab.active{background:#51465c;color:#fff;border-color:#51465c}.toolbar{display:flex;justify-content:space-between;gap:12px;margin:13px 0 18px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px;max-width:380px;flex:1;color:#b28ca0}.search span{font-size:22px}.search input{border:0;outline:0;background:transparent;padding:11px 0;width:100%;font:12px "DM Sans";color:var(--ink)}select,input,textarea{font-family:inherit}.toolbar select,.modal select{border:1px solid var(--line);border-radius:12px;background:#fff;color:#756a7b;padding:0 12px;font-size:12px;outline-color:#e9a0b7}.items-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-height:180px}.item-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;min-width:0}.item-image{height:145px;background:linear-gradient(135deg,#fbe0e9,#eee4ff);display:grid;place-items:center;font-size:42px;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover}.item-content{padding:15px;display:flex;flex-direction:column;flex:1}.item-meta{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:9px}.category-tag,.status-tag{font-size:9px;font-weight:700;padding:5px 8px;border-radius:20px;background:#f6efff;color:#967db5}.status-tag{background:#fff2d5;color:#a88339}.status-tag.done{background:#e8f6ec;color:#5b9a70}.item-card h3{font:600 18px Fredoka;margin:0 0 7px;overflow-wrap:anywhere}.item-card p{font-size:11px;line-height:1.55;color:#8a8090;margin:0 0 13px;white-space:pre-wrap;overflow-wrap:anywhere}.item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.item-date{font-size:9px;color:#b2a8b5}.card-actions{display:flex;gap:5px}.small-action{border:0;background:#f8f3f5;color:#8b7d8d;border-radius:8px;padding:6px 8px;cursor:pointer;font-size:11px}.small-action:hover{background:#fce7ed}.empty-state{grid-column:1/-1;text-align:center;padding:45px 15px;color:#938797}.empty-state div{font-size:35px}.empty-state h3{font:600 21px Fredoka;color:var(--ink);margin:9px 0}.empty-state p{font-size:12px}.little-note{margin-top:28px;border:1px dashed #e8cbd5;border-radius:18px;background:#fff9f7;padding:17px 20px;display:flex;align-items:center;gap:14px}.note-doodle{font-size:27px;color:#d6a4b7}.little-note strong{font:600 14px Fredoka}.little-note p{margin:4px 0 0;color:#9a8d9a;font-size:11px}.note-heart{margin-left:auto;color:#e6a0b4;font-size:27px}footer{text-align:center;color:#b1a4b0;font-size:10px;padding:25px 0 8px}footer span{color:#e98eaa}.modal{border:0;padding:0;background:transparent;max-width:min(520px,calc(100% - 24px));width:100%;max-height:90vh}.modal::backdrop{background:#3e304b80;backdrop-filter:blur(5px)}.modal-card{background:#fffaf8;border:1px solid #f0dfe3;border-radius:23px;padding:28px;box-shadow:0 20px 60px #3b29442b;position:relative;display:flex;flex-direction:column;gap:13px;max-height:90vh;overflow:auto}.modal-card h2{font:600 26px Fredoka;margin:0 0 3px}.close-button{position:absolute;right:17px;top:17px;font-size:23px}.modal-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#756979}.modal-card input:not([type=file]),.modal-card textarea,.modal-card select{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;font-size:12px;color:var(--ink);outline-color:#e9a0b7}.modal-card textarea{resize:vertical}.photo-field input{font-size:11px}.photo-field small{font-weight:400;color:#9a8d9a}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.secondary-button{border:1px solid var(--line);background:#fff;color:#8b7d8d;border-radius:12px;padding:11px 15px;cursor:pointer}.form-error{font-size:11px;color:#c04c6b;margin:0;min-height:14px}.access-modal{max-width:420px}.access-modal .modal-card{text-align:center;padding:34px}.access-emoji{font-size:35px}.access-modal label{text-align:left}.access-modal p{font-size:12px;color:#8e8291;line-height:1.5;margin:0}.full-button{width:100%;margin-top:4px}.privacy-note{font-size:10px;color:#aaa0aa;line-height:1.5}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#51465c;color:#fff;padding:11px 16px;border-radius:30px;font-size:12px;box-shadow:var(--shadow);transition:.25s;pointer-events:none;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.topbar{padding:0 18px}.shell{padding:22px 16px}.hero{padding:27px 24px;min-height:230px}.hero-art{width:210px;transform:scale(.82);transform-origin:center right;margin-right:-25px}.hero-copy{max-width:62%}.hero p{font-size:12px}.stats{gap:8px;margin-bottom:28px}.stat-card{padding:11px 9px;gap:8px}.stat-icon{width:31px;height:31px;font-size:16px}.stat-card strong{font-size:18px}.stat-card small{font-size:9px}.items-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading h2{font-size:24px}.section-heading .primary-button{padding:10px 12px;font-size:11px}}
@media(max-width:500px){.hero-art{position:absolute;right:-18px;bottom:-20px;opacity:.62;transform:scale(.72);transform-origin:bottom right}.hero-copy{max-width:100%}.hero h1{font-size:39px}.hero p{max-width:260px}.hero-note{font-size:10px}.stats{grid-template-columns:1fr 1fr}.stat-card:last-child{grid-column:1/-1}.section-heading{align-items:center}.section-heading h2{font-size:21px}.section-heading .eyebrow{font-size:9px}.toolbar{flex-direction:column}.search{max-width:none}.toolbar select{height:38px}.items-grid{grid-template-columns:1fr 1fr;gap:10px}.item-image{height:110px}.item-content{padding:11px}.item-card h3{font-size:16px}.item-card p{font-size:10px}.item-meta{align-items:flex-start;flex-direction:column}.item-date{display:none}.little-note{padding:13px}.little-note strong{font-size:12px}.little-note p{font-size:10px}}