@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";.calendar-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.calendar-toolbar h2{margin:0;font-size:28px}.calendar-toolbar .eyebrow{margin-bottom:5px}.calendar-grid{background:#fff;border:1px solid #dce4d8;border-radius:20px;overflow:hidden}.weekdays,.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekdays{text-align:center;background:#eef3e9;padding:12px 0;font-size:12px}.weekdays span:first-child,.sunday>span{color:#b75b52}.weekdays span:last-child,.saturday>span{color:#507cb4}.calendar-day{text-align:left;border-top:1px solid #edf0e8;border-bottom:0;border-left:0;border-right:1px solid #edf0e8;border-radius:0;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:112px;padding:10px;font-weight:400;display:flex}.calendar-week{position:relative}.calendar-week .calendar-days{position:absolute;inset:0}.calendar-week .calendar-day{flex-direction:column;min-height:0;padding-top:6px;padding-bottom:0}.calendar-day.holiday>span:not(.today){color:#b42332}.calendar-day .holiday-label{color:#b42332;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-left:2px;font-size:10px;line-height:16px;display:block;overflow:hidden}.selected-holiday{color:#b42332;margin-top:0;font-size:13px;font-weight:600}.week-events{pointer-events:none;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:24px;gap:4px 0;padding-top:56px;padding-bottom:8px;display:grid;position:relative}.week-events .calendar-chip{pointer-events:auto;text-align:left;border:0;min-width:0;margin:0 3px;font-weight:500}.calendar-chip.continues-before{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.calendar-chip.continues-after{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.event-detail{color:#243e35;border:0;width:calc(100% - 32px);max-width:640px;max-height:calc(100dvh - 32px);overflow:auto}.event-detail::backdrop{background:#1b302b80}.event-detail h2{overflow-wrap:anywhere}.event-detail dt{color:#7d8d78;margin-top:18px;font-size:12px}.event-detail dd{overflow-wrap:anywhere;margin:6px 0 0}.event-note{white-space:pre-wrap}.event-detail .button-row{justify-content:flex-end;margin-top:24px}.calendar-day:nth-child(7n){border-right:0}.calendar-day>span{place-items:center;width:26px;height:26px;font-size:13px;display:inline-grid}.calendar-day .today{color:#fff;background:#27745f;border-radius:50%}.day-items{gap:4px;margin-top:6px;display:grid;overflow:hidden}.calendar-chip{white-space:nowrap;text-overflow:ellipsis;color:#27745f;background:#e6f0e3;border-radius:4px;padding:2px 5px;font-size:11px;display:block;overflow:hidden}.calendar-chip.personal{color:#8f702b;background:#f7eedb}.color-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.color-option{text-align:center;cursor:pointer;border-radius:8px;padding:10px 4px;font-size:13px;position:relative}.color-option input{opacity:0;width:1px;height:1px;position:absolute}.color-option:has(input:checked){outline-offset:2px;outline:3px solid #263747}.color-option:has(input:focus-visible){outline-offset:2px;outline:3px solid #263747;box-shadow:0 0 0 5px #fff}.custom-event-color{align-items:center;gap:16px;margin-top:18px;display:flex}.custom-event-color input{cursor:pointer;width:54px;height:36px;padding:3px}.event-color-preview{border-radius:6px;margin-top:12px;padding:8px 12px;font-size:13px}.event-color-dot{border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block}.day-items small{font-size:10px}.day-agenda{margin-top:24px}.agenda-event{text-align:left;border:0;border-bottom:1px solid #e8ede3;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:18px 0;display:flex}.agenda-event small{color:#7d8d78;font-size:12px;display:block}.modal-backdrop{z-index:10;background:#1b302b80;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.event-editor{width:100%;max-width:640px;margin:auto}.event-editor .section-title{margin-bottom:20px}.event-editor textarea,.event-editor select{font:inherit;color:#243e35;background:#fbfcf9;border:1px solid #dce3d7;border-radius:10px;width:100%;padding:12px;font-size:14px}.event-editor textarea{resize:vertical;min-height:85px}.event-editor fieldset{border:1px solid #dce3d7;border-radius:12px;padding:12px}.event-editor legend{font-size:13px}.check-options{flex-wrap:wrap;gap:14px;display:flex}.check-label{align-items:center;gap:8px;font-size:13px;display:flex}.check-label input{accent-color:#27745f;width:18px;height:18px}.event-editor .two-columns{gap:14px}.delete-event{border-top:1px solid #e8ede3;margin-top:24px;padding-top:16px}.event-editor :focus-visible{outline-offset:2px;outline:3px solid #d9a441}@media (width<=720px){.calendar-toolbar{flex-direction:column;align-items:flex-start}.calendar-toolbar h2{font-size:24px}.calendar-toolbar .button-row{justify-content:space-between;width:100%}.calendar-day{min-height:80px;padding:4px 2px}.calendar-day>span{width:22px;height:22px;font-size:11px}.calendar-chip{padding:1px 2px;font-size:9px}.day-items{gap:2px;margin-top:3px}.modal-backdrop{padding:12px}.event-editor{padding:20px 16px}.event-editor .two-columns{grid-template-columns:1fr}.day-agenda h2{font-size:19px}}.todo-list-create{align-items:flex-end;gap:12px;margin:24px 0;display:flex}.todo-list-create label{flex:1}.todo-layout{grid-template-columns:200px minmax(0,1fr);gap:20px;display:grid}.todo-lists{flex-direction:column;gap:8px;display:flex}.todo-lists button{text-align:left;overflow-wrap:anywhere}.todo-lists .selected{color:#fff;background:#243e35}.todo-row{border-bottom:1px solid #e8ede3;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.todo-row>input{accent-color:#27745f;flex-shrink:0;width:22px;height:22px;margin-top:6px}.todo-item-detail{text-align:left;overflow-wrap:anywhere;border:0;border-radius:0;flex:1;min-width:0;padding:4px 0}.todo-metadata{color:#52634e;flex-wrap:wrap;gap:8px 16px;margin-top:6px;font-size:12px;display:flex}.todo-overdue{color:#b42318;font-weight:600}.todo-row.completed strong{color:#657361;text-decoration:line-through}.todo-item-detail small{color:#52634e;margin-top:6px;font-size:11px;display:block}.todo-history{margin-top:24px}.todo-history summary{cursor:pointer;padding:12px 0;font-weight:600}.todo-content h2{overflow-wrap:anywhere}@media (width<=720px){.todo-layout{grid-template-columns:1fr}.todo-lists{flex-flow:wrap}.todo-list-create{flex-direction:column;align-items:stretch}.todo-content .section-title{flex-direction:column;align-items:flex-start}.todos>.section-title{align-items:flex-start}.todos h2{font-size:20px}}.shopping-add{background:#f4f7f0;border-radius:14px;margin:20px 0;padding:18px}.shopping-add-extra{grid-template-columns:100px minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.shopping-suggestions{background:#fff;border:1px solid #dce3d7;border-radius:10px;margin:8px 0;padding:8px}.shopping-suggestions>button{text-align:left;border:0;justify-content:space-between;gap:12px;width:100%;padding:10px;display:flex}.shopping-row{border-bottom:1px solid #e8ede3;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.shopping-row>input{accent-color:#27745f;flex-shrink:0;width:22px;height:22px;margin-top:6px}.shopping-item-detail{text-align:left;overflow-wrap:anywhere;border:0;flex:1;min-width:0;padding:4px 0}.shopping-item-detail small,.favorite-row small{color:#52634e;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.shopping-quantity{color:#234e7a;background:#e8eff8;border-radius:12px;margin-left:10px;padding:2px 8px;font-size:12px}.shopping-star{color:#946400;border:0;padding:4px 8px;font-size:22px}.purchased .shopping-item-detail strong{color:#657361;text-decoration:line-through}.shopping-favorites{margin-top:24px}.favorite-row{border-bottom:1px solid #e8ede3;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.favorite-row>div:first-child{overflow-wrap:anywhere;min-width:0}.shopping-content h2{overflow-wrap:anywhere}@media (width<=720px){.shopping h2{font-size:20px}.shopping-content .section-title{flex-wrap:wrap;align-items:flex-start;gap:10px}.shopping-add-extra{grid-template-columns:1fr 1fr}.shopping-add-extra>button{grid-column:1/-1}.shopping-add{padding:12px}.favorite-row .button-row{flex-shrink:0;gap:6px}.favorite-row button{padding:10px}}.expenses{gap:20px;display:grid}.expense-heading{flex-wrap:wrap;gap:16px}.expense-heading h2{margin-bottom:0}.expense-total{background:#edf4ea;gap:10px;display:grid}.expense-total strong{overflow-wrap:anywhere;font-size:clamp(28px,5vw,42px)}.expense-breakdown{margin:0}.expense-breakdown>div{border-bottom:1px solid #e2e8dd;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.expense-breakdown dd{margin:0;font-weight:600}.expense-history{margin:0;padding:0;list-style:none}.expense-day{margin-top:24px}.expense-day-heading{color:#53636b;background:#f3f5f7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.expense-day-heading h3{margin:0;font-size:13px;font-weight:600}.expense-day-heading>span{font-variant-numeric:tabular-nums;font-size:12px}.expense-history .expense-transaction{text-align:left;color:#263940;background:0 0;border:0;border-bottom:1px solid #e8ecee;border-radius:0;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:16px;width:100%;margin:0;padding:18px 14px;display:grid}.expense-history .expense-transaction:hover{background:#f5f8fa}.expense-history .expense-transaction:focus-visible{outline-offset:-3px}.expense-description{gap:5px;min-width:0;display:grid}.expense-merchant{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.expense-meta{color:#687980;overflow-wrap:anywhere;font-size:12px;font-weight:400}.expense-amount{text-align:right;font-variant-numeric:tabular-nums;gap:4px;display:grid}.expense-amount strong{font-size:16px;font-weight:700}.expense-amount small{color:#7d898f;font-size:11px;font-weight:400}.expense-chevron{color:#8b999e;font-size:22px;font-weight:400}.expense-fields{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.expense-fields select{font:inherit;color:#243e35;background:#fbfcf9;border:1px solid #dce3d7;border-radius:10px;width:100%;padding:12px;font-size:14px}@media (width<=600px){.expense-heading .button-row{gap:8px}.expense-history .expense-transaction{gap:8px;padding:16px 4px}.expense-amount strong,.expense-merchant{font-size:14px}.expense-day-heading{padding:10px 8px}}.household-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.household-heading h1{margin-bottom:0}.settings-button{flex-shrink:0;padding:10px 14px;font-size:13px}.settings-button.selected{background:#eaf2e9}.home-dashboard{gap:20px;display:grid}.home-date{flex-wrap:wrap;align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.home-holiday{color:#b3453d;font-size:12px}.home-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.home-metric{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;font-weight:400;display:flex}.home-metric>span:first-child{color:#63736b;font-size:13px}.home-metric strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1.3}.home-metric strong small{margin-left:6px;font-size:14px}.home-metric-link{color:#27745f;background:0 0;border:0;border-radius:6px;margin-top:auto;padding:6px 0;font-size:12px}.home-main-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:20px;display:grid}.home-section{min-width:0}.home-section .section-title{gap:8px;margin-bottom:10px}.home-section h2{margin:0;font-size:19px}.home-section .text-button{white-space:nowrap;margin:0;padding:8px 0;font-size:12px}.home-rows{margin:0;padding:0;list-style:none}.home-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #e9ede6;border-radius:0;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.home-row:focus-visible{outline-offset:-3px}.home-event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.home-time{font-variant-numeric:tabular-nums;flex-shrink:0;width:48px;font-size:12px}.home-row-content{flex:1;gap:5px;min-width:0;display:grid}.home-row-content strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.home-row-content small{color:#738076;overflow-wrap:anywhere;font-size:11px;font-weight:400}.home-row>span:last-child{color:#7a8980}.home-task-dot{color:#8d9a90;font-size:22px}.home-subheading{color:#6b7a71;margin:22px 0 0;font-size:12px}.home-todo-count{color:#6b7a71;margin:4px 0;font-size:12px}.home-empty{color:#738076;margin:0;padding:16px 0;font-size:13px}@media (width<=720px){.home-main-grid{grid-template-columns:1fr}.home-metric.card{padding:20px 16px}.home-metrics{gap:12px}.home-metric strong{font-size:23px}.household-heading{gap:10px}.home-section.card{padding:22px 18px}}:root{color:#243e35;font-synthesis:none;background:#f7f8f3;font-family:Yu Gothic,Hiragino Kaku Gothic ProN,system-ui,sans-serif;font-weight:400;line-height:1.7}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#243e35;cursor:pointer;background:#fff;border:1px solid #d9e0d7;border-radius:12px;padding:12px 18px;font-size:14px;font-weight:600;transition:background .15s}button:hover{background:#edf4ef}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #d9a441}header{background:#fdfefb;border-bottom:1px solid #e7ebe2;justify-content:space-between;align-items:center;height:88px;padding:0 max(6vw,24px);display:flex}.brand{color:#243e35;align-items:center;gap:12px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.brand span{color:#fff;background:#27745f;border-radius:10px;place-items:center;width:36px;height:36px;font-size:30px;display:grid}main{max-width:1080px;min-height:calc(100dvh - 160px);margin:0 auto;padding:48px 28px 70px}h1,h2,p{margin-top:0}h1{letter-spacing:.02em;margin-bottom:14px;font-size:34px;line-height:1.6}h2{margin-bottom:12px;font-size:22px;line-height:1.5}.eyebrow{letter-spacing:.15em;color:#718677;margin-bottom:14px;font-size:11px;font-weight:700;display:block}.card{background:#fff;border:1px solid #e3e8df;border-radius:24px;padding:32px;box-shadow:0 6px 20px #243e3503}.entry{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;display:grid}.intro{padding:30px 0}.intro h1{font-size:40px}.intro p{color:#718075;font-size:15px}.illustration{width:260px;height:185px;margin:20px 0;position:relative}.illustration span{color:#27745f;background:#e4eddf;border-radius:100px 100px 20px 20px;place-items:center;width:195px;height:150px;font-size:140px;line-height:1;display:grid;position:absolute;bottom:0;left:20px}.illustration i{color:#91a381;font-size:46px;font-style:normal;position:absolute;bottom:23px;right:12px}.illustration b{color:#d9a441;font-size:48px;position:absolute;top:0;right:5px}.feature-chips{flex-wrap:wrap;gap:8px;display:flex}.feature-chips span{color:#65785f;background:#eef1e8;border-radius:30px;padding:6px 12px;font-size:11px}form{gap:18px;display:grid}label{gap:7px;font-size:13px;font-weight:500;display:grid}input{color:#243e35;background:#fbfcf9;border:1px solid #dce3d7;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.primary{color:#fff;background:#27745f;border-color:#27745f}.primary:hover{background:#205f4e}.google{width:100%}.divider{color:#98a293;align-items:center;gap:12px;margin:24px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:#e7ebe2;flex:1;height:1px}.text-button{color:#27745f;background:0 0;border:0;margin:18px auto 0;padding:6px;display:block}.reset{color:#758278;margin-top:16px;font-size:12px}.reset details[open]{gap:14px;display:grid}.reset label{margin:12px 0}summary{cursor:pointer}.page-heading{margin-bottom:30px}.two-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.badge{color:#27745f;background:#e8f1e9;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:24px;font-size:30px;display:grid}.warm{color:#ac893c;background:#f8f0de}.feedback{background:#edf4eb;border-radius:10px;margin:20px 0 0;padding:12px 16px;font-size:14px}.error{color:#a14938;background:#fff0ec}.tabs{background:#fff;border:1px solid #e3e8df;border-radius:16px;gap:6px;margin-bottom:28px;padding:6px;display:flex}.tabs button{color:#7e8b80;background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:10px;font-weight:500;display:flex}.tabs button span{font-size:21px}.tabs button.selected{color:#27745f;background:#eaf2e9}.section-title{justify-content:space-between;align-items:center;display:flex}.count{background:#f0f3eb;border-radius:20px;padding:3px 10px;font-size:12px}.members{margin:12px 0 24px;padding:0;list-style:none}.members li{border-bottom:1px solid #edf0e8;align-items:center;gap:14px;padding:16px 0;display:flex}.avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;display:grid}.members li div{flex:1}.members strong{font-size:14px}.members small{color:#8a9587;font-size:11px;display:block}.compact{border-radius:8px;padding:7px 10px;font-size:11px}.guest-form{border-top:1px solid #e7ebe2;padding-top:22px}.guest-form small{font-size:11px}.stack{align-content:start;gap:22px;display:grid}.invitation{background:#fbfdf8}.invitation button{margin-top:6px}.invitation>small{margin-top:16px;font-size:11px;display:block}.invite-code{overflow-wrap:anywhere;color:#27745f;background:#eaf2e5;border-radius:12px;padding:14px;font-family:monospace;font-size:18px;display:block}.button-row{flex-wrap:wrap;gap:10px;display:flex}.note{background:#eeefe5;border-radius:20px;gap:18px;padding:24px;font-size:13px;display:flex}.note span{color:#ac893c;font-size:25px}.note p{color:#7b8777;margin:6px 0 0;font-size:12px}.coming{text-align:center;padding:60px 30px}.coming .badge{margin:0 auto 24px}.setup{max-width:580px;margin:50px auto}.offline{text-align:center;color:#7c6029;background:#fbefd5;padding:12px 24px;font-size:13px}.offline button{margin-left:12px;padding:4px 10px}footer{color:#7b8979;border-top:1px solid #e7ebe2;justify-content:space-between;padding:20px max(6vw,24px);font-size:12px;display:flex}footer span{font-size:11px}@media (width<=720px){header{height:70px;padding:0 20px}.brand{font-size:19px}main{padding:30px 18px 44px}.entry,.two-columns{grid-template-columns:1fr;gap:22px}.intro{padding:0}.intro h1{font-size:30px}.illustration,.feature-chips{display:none}.intro p{margin:0}.card{border-radius:20px;padding:26px 22px}h1{font-size:27px}.tabs{z-index:2;position:sticky;top:8px;box-shadow:0 6px 15px #243e3508}.tabs button{flex-direction:column;gap:0;padding:6px 2px;font-size:11px}.tabs button span{font-size:19px}footer{padding:20px}.members li{gap:10px}.compact{font-size:10px}}:root{--ink:#24324b;--muted:#5e6e86;--line:#e5ebf4;--primary:#4263eb;--primary-dark:#304bd1;--blue-soft:#edf3ff;--purple:#7553cf;--purple-soft:#f3efff;--teal:#087e78;--teal-soft:#e9f8f4;--coral:#ad4f29;--coral-soft:#fff2e9;--shadow:0 4px 24px #36548306, 0 1px 3px #36548304;color:var(--ink);-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f8fc;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;line-height:1.65}body{background:radial-gradient(at 12% 0,#edf3ff 0%,#0000 45%),#f6f8fc}button,input,select,textarea{font:inherit}button{color:var(--ink);border-color:var(--line);touch-action:manipulation;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s,box-shadow .16s}button:hover{background:#f1f5fc;border-color:#cbd8ec}button:disabled{opacity:.55;cursor:not-allowed}:is(button,input,select,textarea,a,summary):focus-visible,.event-editor :focus-visible{outline-offset:3px;outline:3px solid #9bb5ff}.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 9px #4263eb1c}.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.danger-button{color:#fff;background:#be3446;border-color:#be3446}.danger-button:hover{background:#a82638;border-color:#a82638}.text-button{color:var(--primary)}input,.event-editor select,.event-editor textarea,.expense-fields select{color:var(--ink);background:#fafbfe;border:1px solid #dde5f1;border-radius:11px;min-width:0;padding:12px 14px;font-size:14px;transition:border-color .16s,box-shadow .16s}input:hover,select:hover,textarea:hover{border-color:#bccceb}input:focus,select:focus,textarea:focus{background:#fff;border-color:#8ba7f4}input::placeholder{color:#65758e}input[type=checkbox]{accent-color:var(--primary)}label{color:#465570;gap:8px;font-size:12px;font-weight:600}body>#root>header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border-bottom:1px solid #e5ebf4;height:76px;padding:0 max(28px,50vw - 532px)}.brand{color:var(--ink);letter-spacing:.03em;gap:11px;font-size:20px}.brand>span{background:linear-gradient(145deg,#6584ff,#4263eb);border-radius:13px;width:38px;height:38px;box-shadow:0 4px 10px #4263eb26}.brand .ui-icon{stroke-width:1.8px;width:23px;height:23px}.ui-icon{flex-shrink:0;display:block}main{max-width:1120px;padding:34px 28px 68px}h1{letter-spacing:.025em;font-size:30px;font-weight:700;line-height:1.45}h2{letter-spacing:.015em;color:var(--ink);font-size:20px}h3{font-size:15px}.eyebrow{color:#5c7194;letter-spacing:.13em;margin-bottom:9px;font-size:10px}.muted{color:var(--muted);font-size:13px}.card{border-color:var(--line);box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:28px}.household-heading{align-items:center;margin-bottom:24px}.household-heading>div{min-width:0}.household-heading h1{overflow-wrap:anywhere}.settings-button{color:#576887;background:#ffffffc9;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.settings-button .ui-icon{width:17px;height:17px}.settings-button.selected{background:var(--blue-soft);color:var(--primary);border-color:#cddaff}.tabs{border-color:var(--line);background:#ffffffdc;border-radius:16px;gap:5px;margin-bottom:26px;padding:5px;box-shadow:0 2px 12px #314f7d04}.tabs button{--tab-color:var(--primary);--tab-bg:var(--blue-soft);color:#65758d;border-radius:11px;gap:9px;padding:12px 10px;font-size:13px}.tabs button:nth-child(3){--tab-color:var(--purple);--tab-bg:var(--purple-soft)}.tabs button:nth-child(4){--tab-color:var(--coral);--tab-bg:var(--coral-soft)}.tabs button:nth-child(5){--tab-color:var(--teal);--tab-bg:var(--teal-soft)}.tabs button:hover{background:#f5f7fc}.tabs button.selected{background:var(--tab-bg);color:var(--tab-color);font-weight:700}.tabs .ui-icon{width:20px;height:20px}.section-title{gap:14px}.section-title h2{margin-bottom:0}.count{color:#5c7093;background:#edf2fa;padding:4px 10px;font-size:11px;font-weight:600}.feedback{color:#216b59;background:#edf8f5;border:1px solid #d3ece3;border-radius:12px;font-size:13px}.feedback.error,.error{color:#a13240;background:#fff1f2;border-color:#f8dbe0}.feedback details p{overflow-wrap:anywhere}.home-dashboard{gap:22px}.home-date{color:#5c6f8d;font-size:13px;font-weight:500}.home-metrics{gap:20px}.home-metric.card{gap:16px;padding:24px 28px;position:relative}.home-metric:first-child{background:linear-gradient(120deg,#fff9f4,#fff0e8);border-color:#f6e7dd}.home-metric:nth-child(2){background:linear-gradient(120deg,#f9f7ff,#f0ecff);border-color:#e8e1f9}.home-metric-label{align-items:center;gap:10px;font-weight:600;display:flex}.home-metric>.home-metric-label:first-child{color:#604e45;font-size:13px}.home-metric:nth-child(2)>.home-metric-label:first-child{color:#59516f}.metric-icon{width:34px;height:34px;color:var(--coral);background:#ffe5d5;border-radius:11px;place-items:center;display:grid}.home-metric:nth-child(2) .metric-icon{color:var(--purple);background:#e5ddff}.metric-icon .ui-icon{width:19px;height:19px}.home-metric strong{color:#35405b;letter-spacing:-.025em;font-size:34px}.home-metric-link{color:#714c3d;font-size:12px}.home-metric:nth-child(2) .home-metric-link{color:#62509a}.home-main-grid{gap:20px}.home-section h2{align-items:center;gap:10px;font-size:18px;display:flex}.section-icon{background:var(--blue-soft);width:32px;height:32px;color:var(--primary);border-radius:10px;place-items:center;display:grid}.section-icon .ui-icon{width:18px;height:18px}.home-section:nth-child(2) .section-icon{background:var(--purple-soft);color:var(--purple)}.home-section .text-button{color:#526aaf;font-size:11px}.home-row{border-bottom-color:var(--line);padding:18px 2px}.home-row:hover{background:#f6f8ff}.home-time{color:#61708a}.home-row-content strong{color:var(--ink)}.home-row-content small,.home-empty,.home-todo-count,.home-subheading{color:var(--muted)}.home-todo-count{color:#70638d;background:#f7f5fd;border-radius:9px;margin:14px 0 4px;padding:8px 11px;font-size:11px}.home-row-content .home-overdue{color:#b63545}.home-task-dot{color:#b2a5d5}.todo-list-create{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;margin:22px 0;padding:18px}.todo-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.todo-lists button{color:#60708b;background:#ffffffa6;border-color:#0000;border-radius:12px;padding:13px 15px;font-size:13px}.todo-lists button:hover{background:#eef3ff}.todo-lists .selected{background:var(--purple-soft);color:#6545b4;border-color:#e4dafa;font-weight:700;box-shadow:inset 3px 0 #9771e4}.shopping .todo-lists .selected{background:var(--coral-soft);color:var(--coral);border-color:#f4dfd1;box-shadow:inset 3px 0 #e88d65}.todo-content,.shopping-content{min-width:0}.todo-content .section-title,.shopping-content .section-title{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px}.todo-content .section-title .button-row,.shopping-content .section-title .button-row{gap:8px}.todo-content .section-title .button-row>button:not(.primary),.shopping-content .section-title .button-row>button{padding:9px 12px;font-size:11px}.todo-content h3,.shopping-content h3{margin-top:24px;font-size:14px;font-weight:600}.todo-row,.shopping-row,.favorite-row{border-bottom-color:var(--line);padding:16px 0}.todo-item-detail,.shopping-item-detail{background:0 0}.todo-item-detail:hover,.shopping-item-detail:hover{background:#f6f8ff}.todo-metadata,.todo-item-detail small,.shopping-item-detail small,.favorite-row small{color:var(--muted);font-size:11px}.todo-overdue{color:#b63545}.todo-row.completed strong,.purchased .shopping-item-detail strong{color:#7d8ca3}.todo-history summary{color:#677893;padding:14px 0;font-size:12px}.shopping-add{background:#f7f9fd;border:1px solid #edf1f7;border-radius:14px;padding:18px}.shopping-quantity{color:#526d9a;background:#edf3ff;font-size:11px}.shopping-star{color:#b57913;background:0 0}.shopping-suggestions{border-color:var(--line);box-shadow:0 6px 18px #314f7d09}.shopping-suggestions small{color:var(--muted)}.shopping-favorites{background:#fffcf7;border-color:#f1e9d9}.shopping-favorites h2{color:#8c6624;font-size:18px}.calendar-toolbar h2,.expense-heading h2{letter-spacing:.01em;font-size:25px}.calendar-grid{border-color:var(--line);box-shadow:var(--shadow);border-radius:18px}.weekdays{color:#657b9a;background:#f1f5fc;font-size:11px;font-weight:600}.calendar-day{color:#405575;border-color:#edf1f7}.calendar-day.outside{color:#64748b;background:#fafbfe}.calendar-day.chosen{background:#f2f6ff;box-shadow:inset 0 0 0 2px #8ca9ff}.calendar-day .today{background:var(--primary);color:#fff;box-shadow:0 2px 5px #4263eb26}.calendar-chip{border-radius:5px}.day-agenda{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:24px}.agenda-event{border-bottom-color:var(--line)}.agenda-event small,.event-detail dt{color:var(--muted)}.event-detail{color:var(--ink);border:1px solid #e3e9f5;box-shadow:0 20px 80px #192d5440}.event-detail::backdrop,.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#25345266}.event-editor{box-shadow:0 20px 80px #192d5440}.event-editor fieldset,.delete-event{border-color:var(--line)}.check-label input{accent-color:var(--primary)}.expense-total{background:linear-gradient(120deg,#f0faf8,#e6f5f3);border-color:#d6ece8}.expense-total>span{color:#41716c;font-size:13px}.expense-total strong{color:#155e5a;letter-spacing:-.02em}.expense-total small{color:#4f7b76;font-size:12px}.expense-day-heading{color:#586b88;background:#f1f5fb;border-radius:9px}.expense-history .expense-transaction{border-bottom-color:var(--line);color:var(--ink)}.expense-meta{color:var(--muted)}.expense-amount strong{color:#344965}.expense-breakdown>div{border-bottom-color:var(--line);font-size:13px}.expense-breakdown dd{color:#39516f;font-variant-numeric:tabular-nums}.members li{border-bottom-color:var(--line)}.members small{color:var(--muted);font-size:11px}.members li div{overflow-wrap:anywhere;min-width:0}.members li .member-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.member-delete{color:#a13240;background:#fff5f6;border-color:#f2d8df}.member-delete:hover{background:#ffe9ed;border-color:#e6b4c1}.member-delete-dialog>p{font-size:14px}.member-delete-dialog .expense-breakdown dt,.member-delete-dialog .expense-breakdown dd{margin:0}@media (width<=720px){.members li{flex-wrap:wrap}.members li .member-actions{justify-content:flex-start;width:100%;margin-left:56px}}.avatar{border-radius:14px;box-shadow:0 2px 5px #263e3512}.guest-form{border-color:var(--line)}.invitation{background:#f4f6ff;border-color:#e0e5fa}.invite-code{color:#3d56ad;letter-spacing:.03em;background:#e8edff}.badge{background:var(--blue-soft);color:var(--primary)}.warm{background:var(--coral-soft);color:var(--coral)}.intro h1{color:#2c3e64;letter-spacing:.02em;font-size:42px;line-height:1.5}.intro p{color:var(--muted)}.illustration span{color:#5272e4;background:#e7eeff}.illustration i{color:#9780d7}.illustration b{color:#edb658}.feature-chips span{color:#536a9f;background:#edf2ff}.divider{color:#7d8ca5}.divider:before,.divider:after{background:var(--line)}.reset{color:var(--muted)}footer{border-color:var(--line);color:#65748b;background:#ffffff70;font-size:11px}@media (width<=720px){.shopping>.section-title,.todos>.section-title{gap:12px}.shopping>.section-title h2,.todos>.section-title h2{font-size:18px}.shopping>.section-title>button,.todos>.section-title>button{white-space:nowrap;flex-shrink:0;padding:10px 12px;font-size:11px}body>#root>header{height:66px;padding:0 20px}.brand{gap:9px;font-size:18px}.brand>span{border-radius:11px;width:33px;height:33px}main{padding:26px 18px 48px}h1{font-size:26px}.household-heading{margin-bottom:22px}.household-heading .eyebrow{margin-bottom:7px;font-size:10px}.settings-button{padding:10px}.tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:24px;top:8px;box-shadow:0 4px 20px #4059850b}.tabs button{flex-direction:column;gap:5px;min-width:0;padding:9px 2px;font-size:10px}.tabs .ui-icon{width:20px;height:20px}.card{border-radius:18px;padding:24px 20px}.home-metrics{gap:12px}.home-metric.card{gap:14px;padding:18px 16px}.home-metric>.home-metric-label:first-child{flex-wrap:wrap;gap:7px;font-size:11px}.metric-icon{border-radius:9px;width:28px;height:28px}.metric-icon .ui-icon{width:17px;height:17px}.home-metric strong{font-size:25px}.home-metric-link{font-size:11px}.home-main-grid{grid-template-columns:1fr}.home-section.card{padding:22px 18px}.home-section h2{gap:8px;font-size:16px}.section-icon{width:28px;height:28px}.home-section .text-button{font-size:10px}.todo-layout{grid-template-columns:1fr;gap:16px}.todo-lists button{padding:10px 13px;font-size:12px}.todo-content .section-title{align-items:flex-start}.todo-content .section-title .button-row{width:100%}.todo-list-create{padding:16px}.shopping-add{padding:14px}.calendar-toolbar h2,.expense-heading h2{font-size:23px}.calendar-toolbar .button-row{justify-content:flex-start;gap:8px}.calendar-toolbar .button-row button{padding:10px 14px}.day-agenda{padding:20px 16px}.event-detail{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:24px 18px}.event-editor{padding:22px 18px}.intro h1{font-size:30px}input,.event-editor select,.event-editor textarea,.expense-fields select{font-size:16px}footer{gap:10px;padding:20px 18px}}@media (width<=360px){.shopping>.section-title,.todos>.section-title{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){button,input,select,textarea{transition:none}}.repeat-fields{gap:14px;min-width:0;display:grid}.repeat-fields .check-options{flex-wrap:wrap}.repeat-fields p{margin:0;font-size:12px;line-height:1.8}.notification-settings{margin-top:20px}.notification-settings>small{margin-top:14px;display:block}.notification-options{gap:14px;display:grid}.notification-settings fieldset{border:1px solid var(--line);border-radius:14px;margin:20px 0;padding:16px}.notification-settings legend{color:var(--muted);padding:0 6px;font-size:13px}@media (width<=700px){main{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));padding-bottom:max(44px, env(safe-area-inset-bottom))}header{padding-top:env(safe-area-inset-top);height:auto;min-height:70px}.repeat-fields .check-label,.notification-options .check-label{min-height:36px}.tabs{top:max(8px, env(safe-area-inset-top))}}