:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#382b2e;background:#fff8f6;font-synthesis:none;--pink:#ef5d7b;--ink:#382b2e;--muted:#9e878c;--line:#efdee1;--paper:#fffdfc}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -10%,#ffdce4 0,transparent 25rem),#fff8f6}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{width:100%;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:14px;padding:13px 14px;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:#e98298;box-shadow:0 0 0 3px #fce3e9}textarea{min-height:94px;resize:vertical}label{display:grid;gap:7px;color:#725d62;font-size:13px;font-weight:700}.eyebrow{margin:0 0 5px;color:#da5b76;font-size:10px;font-weight:900;letter-spacing:1.7px}.primary,.secondary{border:0;border-radius:14px;padding:12px 18px;font-weight:800;transition:.15s}.primary{color:#fff;background:linear-gradient(135deg,#f36a87,#e94e70);box-shadow:0 8px 18px #e76a8340}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #e76a8350}.secondary{color:#a34358;background:#fbe9ed}.wide{width:100%}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.brand-mark{width:62px;height:62px;display:grid;place-items:center;color:#fff;font-size:30px;border-radius:22px;background:linear-gradient(145deg,#ff7f99,#e84b6d);box-shadow:0 14px 34px #d7537170;transform:rotate(-5deg)}.pulse{animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{transform:rotate(-5deg) scale(1.08)}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 20%,#ffe1e7 0,transparent 28rem)}.auth-card{width:min(100%,460px);padding:38px;border:1px solid #f2dfe3;border-radius:30px;background:#fffdfce8;box-shadow:0 28px 80px #6d334317;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-card .brand-mark{margin:0 auto 22px}.auth-card h1{margin:0;text-align:center;font-size:34px}.auth-card>.eyebrow{text-align:center}.auth-lead{color:#90787e;text-align:center;line-height:1.7;margin:10px 0 25px}.segmented{display:flex;background:#f8e9ec;padding:4px;border-radius:15px}.segmented button{flex:1;border:0;border-radius:11px;padding:10px;background:transparent;color:#a0747e;font-weight:800}.segmented button.active{color:#5d3f47;background:#fff;box-shadow:0 3px 10px #70374715}.auth-form{display:grid;gap:17px;margin-top:22px}.code-input{letter-spacing:4px;text-transform:uppercase;font-weight:900}.form-error{margin:0;padding:10px 12px;color:#b53650;background:#fff0f3;border-radius:10px;font-size:13px}.privacy-note{margin:18px 0 0;color:#b19ba0;font-size:11px;text-align:center;line-height:1.6}.install-link{width:100%;margin-top:12px;padding:10px 12px;border:1px dashed #e8a2b1;border-radius:13px;color:#b94861;background:#fff5f7;font-size:11px;font-weight:800}.install-link:hover{border-style:solid;background:#ffedf1}.app-shell{width:min(1180px,100%);min-height:100vh;margin:auto;padding:0 24px 105px}.app-header{height:92px;display:flex;align-items:center;justify-content:space-between}.app-header h1{margin:0;font-size:25px;letter-spacing:-.5px}.app-header h1 span{color:var(--pink)}.header-actions{display:flex;align-items:center;gap:9px}.install-button{padding:8px 12px;border:1px solid #efc5ce;border-radius:18px;color:#b94761;background:#fff4f6;font-size:10px;font-weight:800}.install-button:hover{border-color:#e9899d;background:#ffecef}.sync-pill{display:flex;align-items:center;gap:7px;color:#60736a;padding:8px 12px;border:1px solid #dce8e2;border-radius:18px;background:#f5fbf8;font-size:11px;font-weight:700}.sync-pill i{width:7px;height:7px;border-radius:50%;background:#4eb485;box-shadow:0 0 0 4px #4eb4851d}.sync-pill.offline{color:#a06e3e;border-color:#f0deca;background:#fff9f2}.sync-pill.offline i{background:#d99552}.content{min-height:calc(100vh - 200px)}.toast{position:fixed;z-index:50;top:18px;left:50%;transform:translate(-50%);padding:11px 17px;border-radius:20px;color:#fff;background:#3d3034ef;box-shadow:0 8px 28px #0003;font-size:12px;font-weight:700;animation:toast .2s ease-out}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}}.hero-card{position:relative;min-height:208px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:34px 42px;border-radius:30px;color:#fff;background:linear-gradient(130deg,#ed5878,#f77891 60%,#ff93a7);box-shadow:0 18px 42px #c945622e}.hero-card:before,.hero-card:after{content:"♥";position:absolute;color:#ffffff15;font-size:180px;line-height:1}.hero-card:before{right:18%;top:-75px;transform:rotate(-20deg)}.hero-card:after{right:-32px;bottom:-86px}.hero-copy,.progress-ring{position:relative;z-index:1}.hero-label{font-size:13px;color:#ffe4e9;font-weight:700}.hero-copy>strong{display:block;font-size:57px;line-height:1.15;letter-spacing:-2px}.hero-copy>strong small{font-size:18px;letter-spacing:0}.hero-copy p{margin:7px 0 0;color:#fff2f5;font-size:12px}.progress-ring{--p:0deg;width:118px;height:118px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#fff var(--p),#ffffff35 0)}.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#ee6681}.progress-ring div{z-index:1;display:flex;align-items:baseline}.progress-ring b{font-size:29px}.progress-ring span{color:#ffe5ea;font-size:12px}.invite-banner{margin-top:14px;display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border:1px dashed #ef9caf;border-radius:20px;background:#fff1f4}.invite-banner>div{display:flex;gap:12px;align-items:center}.invite-banner>div>span{font-size:28px}.invite-banner b{display:block;font-size:14px}.invite-banner p{margin:3px 0 0;color:#aa7d87;font-size:11px}.invite-banner code{padding:9px 12px;border-radius:10px;color:#c1415d;background:#fff;letter-spacing:2px;font-weight:900}.section-title{display:flex;justify-content:space-between;align-items:end;margin:31px 2px 14px}.section-title.compact{margin-top:28px}.section-title p,.page-heading p{margin:0 0 4px;color:#d45b74;font-size:9px;font-weight:900;letter-spacing:1.4px}.section-title h2,.page-heading h2{margin:0;font-size:20px}.section-title>span{color:#aa9499;font-size:11px}.text-button{border:0;color:#c34f68;background:transparent;font-size:11px;font-weight:800}.activity-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.activity-list article{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #f0e2e4;border-radius:17px;background:#fffdfc}.activity-icon{flex:0 0 36px;height:36px;display:grid;place-items:center;color:#fff;border-radius:12px;background:#64ad8a;font-weight:900}.activity-icon.message_added{background:#dc8d5c}.activity-icon.photo_added{background:#7c91c7}.activity-icon.partner_joined,.activity-icon.space_created{background:#e4617d}.activity-list b{display:block;font-size:12px;line-height:1.45}.activity-list time{display:block;margin-top:3px;color:#ad999e;font-size:10px}.reactions{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:7px}.reactions>button,.reactions summary,.reactions details div button{border:1px solid #eadcdf;border-radius:12px;padding:3px 7px;color:#856a71;background:#fff;font-size:9px}.reactions>button.mine{border-color:#ec8da1;color:#bd405a;background:#fff0f3}.reactions details{position:relative}.reactions summary{display:block;cursor:pointer;list-style:none}.reactions details div{position:absolute;z-index:10;left:0;bottom:25px;width:170px;display:flex;flex-wrap:wrap;gap:4px;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 25px #4d293322}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.next-grid button{position:relative;min-height:102px;text-align:left;padding:15px 15px 13px 58px;border:1px solid #f0e0e3;border-radius:18px;color:var(--ink);background:#fff}.next-grid button:hover{border-color:#eaa5b4;transform:translateY(-1px)}.next-grid button>span{position:absolute;left:15px;top:23px;font-size:29px}.next-grid small{display:block;color:#c57989;font-size:9px}.next-grid b{display:block;margin-top:4px;font-size:13px}.cycle-mini{width:100%;display:flex;align-items:center;gap:13px;margin-top:15px;padding:16px 18px;text-align:left;border:0;border-radius:18px;color:#584a4e;background:#f1f6ed}.cycle-mini>span{font-size:28px}.cycle-mini div{flex:1}.cycle-mini small,.cycle-mini b{display:block}.cycle-mini small{color:#839075;font-size:9px}.cycle-mini b{margin-top:3px;font-size:12px}.cycle-mini i{font-size:24px;color:#9ba58e;font-style:normal}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 20px}.page-heading h2{font-size:27px}.page-heading span{display:block;margin-top:5px;color:#a38d92;font-size:12px}.task-tools{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.segmented.small{width:310px}.segmented.small button{padding:8px 10px;font-size:11px}.task-tool-right{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:1}.search{max-width:230px;padding:10px 13px}.sort-select{min-width:145px;border:1px solid var(--line);border-radius:13px;padding:10px 32px 10px 12px;color:#715b61;background:#fff;outline:none;font-size:11px;font-weight:700}.sort-select:focus{border-color:#e98298;box-shadow:0 0 0 3px #fce3e9}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task-grid article{min-height:85px;display:flex;align-items:flex-start;gap:10px;padding:13px 10px 12px 13px;border:1px solid #f0e1e4;border-radius:17px;background:#fff;transition:.15s}.task-grid article.done{border-color:#d7e9df;background:#f3faf6}.check{flex:0 0 30px;height:30px;border:1.5px solid #e4b7c1;border-radius:50%;color:#c55e75;background:#fff8fa;font-size:10px;font-weight:900}.done .check{border-color:#59ad84;color:#fff;background:#59ad84;font-size:15px}.task-copy{flex:1;min-width:0;padding:0;text-align:left;border:0;color:var(--ink);background:transparent}.task-copy b{display:block;font-size:12px;line-height:1.5}.task-copy b span{font-size:14px}.task-copy small{display:-webkit-box;overflow:hidden;margin-top:6px;color:#b1969d;font-size:9px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.task-copy em{display:block;margin-top:5px;color:#c07a8a;font-size:8px;font-style:normal}.task-progress{height:5px;display:block;overflow:hidden;margin-top:7px;border-radius:5px;background:#f2e2e5}.task-progress span{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,var(--pink),#f29aab)}.done .task-copy b{color:#5f796d;text-decoration:line-through}.edit{border:0;color:#bba7ab;background:transparent;letter-spacing:1px}.task-grid article>.reactions{grid-column:2/-1;margin-top:0}.checkin-summary{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:13px;border-radius:15px;background:#fff1f4}.checkin-summary b{font-size:13px}.checkin-summary span{grid-column:1;color:#a56e7a;font-size:10px}.checkin-summary button{grid-column:2;grid-row:1/3}.checkin-history{max-height:240px;overflow:auto;display:grid;gap:7px}.checkin-history h3{margin:0 0 3px;font-size:13px}.checkin-history>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:11px;background:#f8f1f3}.checkin-history b,.checkin-history small{display:block}.checkin-history b{font-size:10px}.checkin-history small{margin-top:2px;color:#a28b91;font-size:8px}.checkin-history button{border:0;color:#b65a6e;background:transparent;font-size:9px}.empty{padding:38px;text-align:center;color:#ab959a;font-size:13px}.board-card{overflow:hidden;border:1px solid #efdde1;border-radius:25px;background:#fff;box-shadow:0 13px 35px #5b2f3a0c}.board-tabs{width:min(360px,100%);margin:-5px 0 14px}.board-heading{margin-bottom:16px}.board-actions{display:flex;align-items:center;gap:8px}.board-actions button{white-space:nowrap}.board-status{margin:-5px 0 12px;padding:9px 12px;border-radius:11px;color:#47725e;background:#edf8f2;font-size:10px;font-weight:700}.board-status.error{color:#b53650;background:#fff0f3}.messages{min-height:360px;max-height:55vh;overflow-y:auto;padding:22px;background:linear-gradient(#fffaf9,#fff)}.messages article{width:min(75%,560px);margin:0 0 13px;padding:13px 15px;border-radius:7px 17px 17px;background:#f7ecef}.messages article.mine{margin-left:auto;border-radius:17px 7px 17px 17px;background:#ffe5eb}.messages article>div{display:flex;justify-content:space-between;gap:10px}.messages b{color:#ba5068;font-size:10px}.messages time{color:#b39ba0;font-size:9px}.messages p{margin:6px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.65}.message-form{display:flex;gap:12px;align-items:end;padding:14px;border-top:1px solid #f0e2e4}.message-form textarea{min-height:48px;max-height:120px}.message-form button{min-width:80px}.note-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.love-note{min-height:205px;display:block;padding:20px;text-align:left;border:1px solid #eddbbd;border-radius:7px 25px 10px;color:#55463e;background:linear-gradient(145deg,#fffdf2,#fff7dc);box-shadow:0 12px 28px #72532912;transform:rotate(-.35deg)}.love-note:nth-child(2n){transform:rotate(.35deg);background:linear-gradient(145deg,#fff5f5,#ffe9ed);border-color:#f0cfd6}.love-note.sealed{min-height:190px;border-style:dashed;background:linear-gradient(145deg,#fffaf0,#faedcf)}.love-note:hover{transform:translateY(-2px) rotate(0)}.note-top{display:flex;align-items:center;gap:11px}.note-top>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ffffffa8;font-size:21px}.note-top>div{flex:1}.note-top b,.note-top time{display:block}.note-top b{font-size:12px}.note-top time{margin-top:2px;color:#a58d75;font-size:9px}.love-note>p{margin:18px 0 12px;white-space:pre-wrap;font-size:13px;line-height:1.75}.note-wish{display:block;padding:9px 11px;border-radius:10px;color:#8c674d;background:#ffffff92;font-size:10px}.love-note em{display:block;margin-top:13px;color:#ad8d76;font-size:9px;font-style:normal}.sealed-copy{display:grid;justify-items:center;gap:4px;margin-top:22px;padding:15px;border-top:1px dashed #dfc69d}.sealed-copy strong{font-size:13px}.sealed-copy small{color:#aa8c67;font-size:9px}.note-open{margin-top:10px;padding:9px 18px;border:0;border-radius:12px;color:#fff;background:#d98768;font-size:11px;font-weight:800;box-shadow:0 6px 14px #b56b5130}.note-empty{grid-column:1/-1;padding:80px 30px;border:1px dashed #e7cfa8;border-radius:22px;background:#fffaf0}.mood-picker{display:flex;flex-wrap:wrap;gap:7px}.mood-picker button{border:1px solid #ead7db;border-radius:14px;padding:7px 10px;color:#86666e;background:#fff;font-size:10px;font-weight:700}.mood-picker button.active{border-color:#e75d79;color:#fff;background:#e75d79}.note-tip{margin:0;padding:11px 12px;border-radius:11px;color:#947a5d;background:#fff6df;font-size:9px;line-height:1.7}.upload-card{display:grid;grid-template-columns:minmax(280px,1.5fr) 1fr auto;align-items:end;gap:12px;padding:16px;border:1px solid #efdfe2;border-radius:20px;background:#fff}.file-drop{display:flex;align-items:center;gap:12px;cursor:pointer}.file-drop input{display:none}.file-drop>span{flex:0 0 44px;height:44px;display:grid;place-items:center;border:1px dashed #e5899d;border-radius:13px;color:#d95472;background:#fff3f6;font-size:21px}.file-drop b,.file-drop small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-drop b{max-width:300px;color:#644e53;font-size:12px}.file-drop small{margin-top:3px;color:#b19ca1;font-size:9px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}.photo-grid article{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 8px 22px #71394a13}.photo-grid img,.photo-grid video,.photo-loading,.video-placeholder{width:100%;aspect-ratio:1/1;display:block;object-fit:cover;background:#f3e8ea}.photo-loading{display:grid;place-items:center;color:#ad969c;font-size:11px}.video-placeholder{display:grid;place-content:center;justify-items:center;gap:5px;border:0;color:#fff;background:linear-gradient(145deg,#67575d,#33292c)}.video-placeholder>span{width:45px;height:45px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#ffffff25;font-size:18px}.video-placeholder>b{margin-top:5px;font-size:11px}.video-placeholder>small{color:#d8cdd0;font-size:9px}.photo-grid article>div:not(.photo-loading){padding:10px 12px 12px}.photo-grid b,.photo-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-grid b{font-size:11px}.photo-grid small{margin-top:3px;color:#aa9499;font-size:9px}.media-delete{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#2f2428b8;box-shadow:0 3px 12px #0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:18px}.media-delete:hover{background:#c94762}.album-status{margin:12px 0 -4px;padding:10px 13px;border-radius:12px;color:#47725e;background:#edf8f2;font-size:10px;font-weight:700}.album-empty{padding:80px}.album-tools{display:flex;align-items:center;gap:8px;margin-top:14px}.album-tools select{width:auto;min-width:120px;padding:9px 28px 9px 10px;font-size:10px}.album-tools>span{margin-left:auto;color:#a58d93;font-size:10px}.album-month>h3{display:flex;align-items:center;gap:8px;margin:25px 2px 10px;font-size:16px}.album-month>h3 small{color:#ac949a;font-size:9px;font-weight:500}.photo-grid article{cursor:zoom-in}.lightbox{position:fixed;z-index:150;inset:0;display:flex;align-items:center;justify-content:center;padding:24px 70px;background:#160f12ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox figure{max-width:min(1100px,100%);max-height:95vh;display:grid;justify-items:center;margin:0}.lightbox img,.lightbox video{max-width:100%;max-height:78vh;border-radius:10px;object-fit:contain;touch-action:pinch-zoom}.lightbox figcaption{width:100%;display:flex;align-items:center;gap:12px;padding:12px 4px 0;color:#fff}.lightbox figcaption b{font-size:13px}.lightbox figcaption span{color:#cabec2;font-size:9px}.lightbox figcaption a{margin-left:auto;color:#fff;font-size:10px}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;border:0;color:#fff;background:#ffffff18}.lightbox-close{top:18px;right:20px;width:42px;height:42px;border-radius:50%;font-size:26px}.lightbox-prev,.lightbox-next{top:50%;width:48px;height:70px;border-radius:20px;font-size:42px;transform:translateY(-50%)}.lightbox-prev{left:14px}.lightbox-next{right:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-card{padding:20px;border:1px solid #f0e0e3;border-radius:22px;background:#fff}.settings-card.cycle-card{grid-column:1/-1}.card-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.card-title>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fff0f3;font-size:20px}.card-title h3{margin:0;font-size:15px}.card-title p{margin:3px 0 0;color:#a99398;font-size:10px}.settings-card form{display:grid;gap:13px}.member-list{display:grid;gap:9px}.member-list>div{display:flex;align-items:center;gap:10px}.member-list i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#e96a83;font-style:normal;font-weight:800}.member-list b,.member-list small{display:block}.member-list b{font-size:11px}.member-list small{color:#ad979c;font-size:9px}.invite-box{margin-top:15px;padding:14px;border-radius:15px;background:#fff2f5;text-align:center}.invite-box small,.invite-box code{display:block}.invite-box small{color:#b77a87;font-size:9px}.invite-box code{margin:6px 0;color:#c43e5b;font-size:23px;font-weight:900;letter-spacing:4px}.invite-box button{border:0;color:#b54960;background:transparent;font-size:9px;font-weight:800}.inline-fields{display:flex;gap:10px}.inline-fields>label{flex:1}.inline-fields .grow{flex:4}.forecast{display:flex;align-items:center;gap:17px;margin:-4px 0 17px;padding:15px;border-radius:16px;background:#f2f7ef}.forecast strong{color:#6f8663;font-size:30px}.forecast strong small{font-size:12px}.forecast span{color:#7c8b75;font-size:10px;line-height:1.7}.medical-note,.help-text{color:#9b888d;font-size:10px;line-height:1.7}.medical-note{margin:13px 0 0;padding:10px;border-radius:10px;background:#fff9ee}.danger-text{margin-top:15px;padding:0;border:0;color:#c85068;background:transparent;font-size:11px;font-weight:700}.reminder-list{display:grid;gap:7px;margin-top:14px}.reminder-list>div{display:flex;align-items:center;gap:9px;padding:9px;border-radius:12px;background:#f8f1f3}.reminder-list>div>span{font-size:20px}.reminder-list p{flex:1;margin:0}.reminder-list b,.reminder-list small{display:block}.reminder-list b{font-size:10px}.reminder-list small{margin-top:2px;color:#a28c91;font-size:8px}.reminder-list button{border:0;color:#bc6477;background:transparent;font-size:18px}.storage-stats{display:flex;align-items:baseline;gap:10px;padding:14px;border-radius:15px;background:#f2f7ef}.storage-stats strong{color:#6c845f;font-size:26px}.storage-stats span{color:#85937e;font-size:9px}.backup-actions{display:flex;gap:8px;margin-top:10px}.backup-actions button{flex:1;padding:9px;font-size:9px}body.dark-theme{color:#f3e9ec;background:#1d1719}body.dark-theme .app-shell,body.dark-theme .content{color:#f3e9ec}body.dark-theme .settings-card,body.dark-theme .task-grid article,body.dark-theme .activity-list article,body.dark-theme .next-grid button,body.dark-theme .board-card,body.dark-theme .upload-card,body.dark-theme .photo-grid article{color:#f3e9ec;border-color:#49383d;background:#2a2124}body.dark-theme input,body.dark-theme textarea,body.dark-theme select{color:#f3e9ec;border-color:#554248;background:#211a1c}body.dark-theme .bottom-nav{border-color:#49383d;background:#2a2124ee}body.dark-theme .messages{background:linear-gradient(#241c1f,#2a2124)}body.dark-theme .messages article{background:#3a2b30}body.dark-theme .messages article.mine{background:#56303a}.hero-card.with-cover{background-position:center;background-size:cover}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:18px;background:#39252b66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;width:min(100%,540px);max-height:90vh;overflow:auto;padding:27px;border-radius:25px;background:#fffaf9;box-shadow:0 30px 80px #2d1a1f4d;animation:modal .2s ease-out}@keyframes modal{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal-close{position:absolute;top:14px;right:14px;width:31px;height:31px;border:0;border-radius:50%;color:#987c82;background:#f5e8eb;font-size:20px}.modal h2{margin:0 0 20px;font-size:23px}.modal form{display:grid;gap:16px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:14px;background:#fff0f3}.switch-row b,.switch-row small{display:block}.switch-row small{margin-top:3px;color:#ad7e89;font-size:9px;font-weight:500}.switch-row input{width:20px;height:20px;box-shadow:none}.bottom-nav{position:fixed;z-index:40;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(570px,calc(100% - 28px));display:flex;justify-content:space-around;padding:7px 10px;border:1px solid #efdfe2;border-radius:24px;background:#fffdfcef;box-shadow:0 16px 45px #4b293332;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{width:72px;display:grid;justify-items:center;gap:1px;padding:5px;border:0;border-radius:15px;color:#aa959a;background:transparent}.bottom-nav b{height:25px;font-size:20px;line-height:24px}.bottom-nav span{font-size:9px;font-weight:800}.bottom-nav button.active{color:#e44f70;background:#fff0f3}@media(max-width:800px){.app-shell{padding:0 14px 98px}.app-header{height:76px}.app-header h1{font-size:21px}.install-button,.sync-pill{padding:7px 9px;font-size:9px}.hero-card{min-height:180px;padding:28px 24px;border-radius:24px}.hero-copy>strong{font-size:46px}.progress-ring{width:92px;height:92px}.progress-ring b{font-size:23px}.activity-list,.next-grid{grid-template-columns:1fr}.next-grid button{min-height:86px}.task-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-card.cycle-card{grid-column:auto}.photo-grid{grid-template-columns:repeat(3,1fr)}.upload-card{grid-template-columns:1fr;align-items:stretch}.album-tools{flex-wrap:wrap}.album-tools>span{width:100%;margin-left:0}}@media(max-width:520px){.auth-page{padding:12px}.auth-card{padding:28px 20px;border-radius:24px}.app-header .eyebrow{display:none}.header-actions{gap:5px}.install-button{width:34px;overflow:hidden;padding:7px 0;white-space:nowrap;text-indent:-999px}.install-button:after{content:"⌂";display:block;text-indent:0;font-size:15px}.hero-card{align-items:flex-end;padding:23px 20px}.hero-copy p{max-width:200px}.progress-ring{flex:0 0 80px;width:80px;height:80px}.progress-ring:before{inset:7px}.progress-ring b{font-size:20px}.invite-banner{align-items:flex-start;gap:8px;padding:14px}.invite-banner p{display:none}.invite-banner code{font-size:11px}.page-heading h2{font-size:23px}.page-heading>button{padding:10px 12px;font-size:11px}.board-heading{align-items:flex-start;gap:10px}.board-actions{flex-direction:column-reverse;align-items:stretch}.board-actions button{padding:9px 11px;font-size:10px}.task-tools{align-items:stretch;flex-direction:column}.segmented.small,.search{width:100%;max-width:none}.task-tool-right{width:100%}.sort-select{width:45%;min-width:130px}.task-grid{grid-template-columns:1fr}.task-grid article{min-height:78px}.photo-grid{grid-template-columns:1fr 1fr;gap:9px}.lightbox{padding:50px 12px 90px}.lightbox-prev,.lightbox-next{top:auto;bottom:20px;height:48px}.lightbox figcaption{align-items:flex-start;flex-direction:column}.lightbox figcaption a{margin-left:0}.inline-fields{flex-wrap:wrap}.inline-fields>label{min-width:85px}.messages{min-height:330px;padding:13px}.messages article{width:88%}.note-grid{grid-template-columns:1fr}.message-form{gap:8px}.message-form button{min-width:65px}}