:root{color:#3d4942;background:#f5f2ec;font-family:Avenir Next,Hiragino Maru Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #3d4942;--ink-soft: #718078;--ink-muted: #8b938b;--sage-900: #526c5d;--sage-700: #6f8d7a;--sage-500: #94ac9a;--sage-100: #e3ede4;--cream: #f5f2ec;--paper: #fffdfa;--paper-warm: #fbfaf6;--line: #e5e2da;--line-strong: #d8d9d0;--sand: #eee9df;--rose-muted: #a87972;--shadow-soft: 0 10px 28px rgba(70, 74, 65, .055)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.95),transparent 48%),linear-gradient(180deg,#f8f6f1 0%,var(--cream) 62%,#f1eee7 100%)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(148,172,154,.36);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}input[type=checkbox]{accent-color:var(--sage-700)}.app{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:22px 20px 112px}.app-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:-22px -20px 22px;padding:max(20px,env(safe-area-inset-top)) 20px 16px;background:#f8f6f1e0;border-bottom:1px solid rgba(229,226,218,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 5px;color:var(--ink-muted);font-size:.75rem;font-weight:700;letter-spacing:.06em}h1,h2,h3,p{margin:0}h1{color:#344139;font-size:1.5rem;font-weight:800;letter-spacing:-.045em}h2{color:#4a574e;font-size:1.06rem;font-weight:800;letter-spacing:-.02em}.month-pill,.hero button,.filter-bar button,.item-actions button,.modal-actions button,.inline-form button,.wide-button,.month-switcher button{min-height:44px;border-radius:14px;background:var(--sage-900);color:#fffdf9;font-weight:800;padding:0 16px;box-shadow:0 4px 12px #526c5d1f}.month-pill{flex:0 0 auto;min-height:40px;background:#fffdfad9;color:var(--sage-900);border:1px solid var(--line);box-shadow:none;font-size:.86rem}.month-pill:hover,.filter-bar button:hover,.item-actions button:hover,.modal-actions button:hover,.inline-form button:hover,.wide-button:hover,.month-switcher button:hover{background:#617c6b;box-shadow:0 6px 16px #526c5d24}.screen{display:grid;gap:20px}.sync-status{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--ink-muted);font-size:.76rem;font-weight:700}.sync-status:before{width:6px;height:6px;border-radius:50%;background:var(--sage-500);content:""}.login-panel{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-bottom:20px;padding:17px 18px;border:1px solid rgba(229,226,218,.94);border-radius:20px;background:#fffdfad1;box-shadow:var(--shadow-soft)}.login-panel strong{color:#4c5d53;font-size:.93rem}.login-panel p,.login-panel small{margin-top:5px;color:var(--ink-soft);font-size:.8rem;line-height:1.55}.login-panel small{display:block;color:var(--sage-700)}.login-panel .family-help{color:var(--ink-muted)}.login-panel form{display:grid;grid-template-columns:minmax(140px,1fr) auto;gap:10px}.login-panel input{min-height:44px;min-width:0;border:1px solid var(--line-strong);border-radius:13px;background:var(--paper-warm);color:var(--ink);padding:9px 12px}.login-panel input::placeholder,input::placeholder,textarea::placeholder{color:#afb3ad}.login-panel button{min-height:44px;border-radius:13px;background:var(--sage-900);color:#fffdf9;font-weight:800;padding:0 15px}.notice{padding:15px 17px;border:1px solid #e5dcca;border-radius:18px;background:#f8f2e7;color:#796d5d;font-size:.88rem;font-weight:800;line-height:1.6}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 25px;border:1px solid rgba(111,141,122,.2);border-radius:26px;background:linear-gradient(135deg,#809a88,#6d8979);color:#fffdf9;box-shadow:0 14px 30px #56716021}.hero p{color:#fffdf9c7;font-size:.84rem;font-weight:700;letter-spacing:.02em}.hero strong{display:block;margin-top:8px;color:#fffdf9;font-size:2.35rem;font-weight:800;letter-spacing:-.06em;line-height:1.05}.hero button{flex:0 0 auto;background:#fffdf9f2;color:var(--sage-900);box-shadow:none}.hero button:hover{background:#fff;box-shadow:0 5px 14px #394e421f}.member-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);gap:10px;overflow-x:auto;padding:0 1px 3px}.member-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;border:1px solid var(--line);border-radius:16px;background:#fffdfadb;color:var(--ink-soft);font-size:.9rem;font-weight:800;box-shadow:0 3px 10px #464a4108}.member-tabs button:hover{border-color:#cbd9cd;background:#f8fbf7}.member-tabs button.selected{border-color:#c6d8c8;background:var(--sage-100);color:var(--sage-900);box-shadow:none}.member-tabs span{width:10px;height:10px;border-radius:50%;filter:saturate(.58) brightness(1.04);box-shadow:0 0 0 3px #ffffffb3}.quick-panel,.form-card,.settings-block,.table-card,.total-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fffdfad1;box-shadow:var(--shadow-soft)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-title input,.filter-bar input,.filter-bar select,.form-card input,.modal input,.modal select,.modal textarea,.inline-form input,.edit-row input,.edit-row select,.payment-form input{min-height:45px;border:1px solid var(--line-strong);border-radius:13px;background:var(--paper-warm);color:var(--ink);padding:9px 12px}.section-title input{max-width:154px;font-size:.82rem}.chore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chore-button{display:flex;flex-direction:column;justify-content:space-between;min-height:96px;padding:16px;border:1px solid #e5e4de;border-radius:18px;background:var(--paper);color:var(--ink);text-align:left;box-shadow:0 5px 16px #464a410b}.chore-button:hover{border-color:#cad9cc;background:#fbfdfb;box-shadow:0 8px 20px #465c4d14;transform:translateY(-1px)}.chore-button:disabled{cursor:wait;opacity:.62;transform:none}.chore-button:disabled:hover{border-color:#e5e4de;background:var(--paper);box-shadow:0 5px 16px #464a410b}.chore-button.tall{min-height:112px}.chore-button span{font-size:1rem;font-weight:800;letter-spacing:-.02em}.chore-button strong{margin-top:14px;color:var(--sage-700);font-size:1.12rem;font-weight:800;letter-spacing:-.03em}.summary-list,.history-list,.home-summary-list{display:grid;gap:11px}.summary-row,.history-item,.table-row,.edit-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 16px;border:1px solid var(--line);border-radius:17px;background:#fffdfae6;box-shadow:0 4px 14px #464a4109}.summary-row p,.history-item p,.history-item span,.table-row small{color:var(--ink-muted);font-size:.83rem;line-height:1.5}.summary-row>b,.history-item>strong{color:var(--sage-900);font-size:1.03rem;font-weight:800}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fffdf9;filter:saturate(.58) brightness(1.04);font-size:.92rem;font-weight:800;box-shadow:inset 0 0 0 3px #ffffff38}.form-card{display:grid;grid-template-columns:1fr 124px;gap:16px}label{display:grid;gap:7px;color:#69736c;font-size:.82rem;font-weight:800;line-height:1.35}.filter-bar{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px}.filter-bar button{padding-inline:14px}.history-item{grid-template-columns:1fr auto}.history-item h3{margin:5px 0 3px;color:#4a574e;font-size:1.02rem;font-weight:800}.history-item small{display:block;margin-top:7px;color:var(--ink-soft);font-size:.8rem;line-height:1.5}.parent-comment{color:var(--sage-700);font-weight:800}.review-badge{width:fit-content;padding:5px 9px;border-radius:999px;background:var(--sage-100);color:var(--sage-900);font-size:.76rem!important;font-weight:800}.item-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:2px}.item-actions button{min-height:40px;background:var(--sand);color:#6c746d;box-shadow:none;font-size:.82rem}.item-actions button:hover{background:#e5e5dc;color:var(--ink);box-shadow:none}.danger{background:#f2e3e0!important;color:var(--rose-muted)!important;box-shadow:none!important}.danger:hover{background:#ecd8d4!important}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:18px;background:#37413a3d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{display:grid;gap:14px;width:min(100%,520px);max-height:90vh;overflow-y:auto;padding:22px;border:1px solid var(--line);border-radius:24px 24px 18px 18px;background:#fffdfa;box-shadow:0 -8px 28px #464a4117}.modal textarea{min-height:88px;resize:vertical}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:3px}.modal-actions button{background:var(--sand);color:var(--ink);box-shadow:none}.modal-actions .primary,.primary{background:var(--sage-900);color:#fffdf9}.modal-actions .primary:hover,.primary:hover{background:#617c6b}.month-switcher{display:grid;grid-template-columns:88px 1fr 88px;align-items:center;gap:10px;text-align:center}.month-switcher strong{color:#59655d;font-size:1.02rem}.month-switcher button{min-height:40px;padding-inline:10px;background:transparent;color:var(--sage-700);border:1px solid var(--line);box-shadow:none}.month-switcher button:hover{background:#f0f5ef;color:var(--sage-900);box-shadow:none}.total-card{display:grid;gap:7px;padding:22px}.total-card>strong{font-size:2.35rem;font-weight:800;letter-spacing:-.06em;color:var(--sage-700)}.check-line,.checkbox-label{display:flex;align-items:center;gap:9px}.check-line input,.checkbox-label input{width:19px;height:19px;accent-color:var(--sage-700)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:13px;border:1px solid var(--line);border-radius:20px;background:#fffdfae6;box-shadow:var(--shadow-soft)}.calendar b,.calendar div{min-height:44px;border-radius:12px;display:grid;place-items:center;position:relative}.calendar b{color:var(--ink-muted);font-size:.77rem}.calendar div{background:#f3f5ef;color:#5d6c62}.calendar .muted{background:transparent;color:#c3c7c1}.calendar em{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:9px;background:var(--sage-500);color:#fffdf9;font-size:.68rem;font-style:normal;font-weight:800}.table-card{display:grid;gap:9px}.payment-summary{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:-4px;padding-inline:3px;color:var(--ink-muted);font-size:.86rem}.payment-summary strong{color:var(--sage-900)}.payment-summary .unpaid{color:var(--rose-muted);font-weight:800}.payment-summary .paid{color:var(--sage-700);font-weight:800}.payment-form,.payment-history{display:grid;gap:12px;padding:20px;border:1px solid var(--line);border-radius:22px;background:#fffdfac7;box-shadow:var(--shadow-soft)}.payment-form{background:#f1f5ef;border-color:#dde7dc}.payment-form h2,.payment-history h2{margin:0 0 2px;font-size:1rem}.payment-form label{display:grid;gap:6px;font-weight:800}.payment-form input{background:#fffdfaeb}.payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e8e8e1}.payment-row>div{display:grid;gap:3px}.payment-row small{color:var(--ink-muted);font-size:.78rem;line-height:1.45}.payment-row .danger{min-height:36px;padding-inline:12px;border-radius:12px;font-size:.78rem;font-weight:800}.empty-state{margin:0;color:var(--ink-muted);font-size:.84rem}.table-row{grid-template-columns:1fr auto auto;padding-block:12px;border:0;background:#f5f5ef;box-shadow:none}.wide-button{width:100%}.settings-block{display:grid;gap:12px;min-width:0}.settings-block h2{padding-bottom:2px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:10px;min-width:0}.inline-form input[type=number]{width:96px}.edit-row{grid-template-columns:1fr 112px auto;padding-block:12px;min-width:0}.edit-row>input,.inline-form>input{min-width:0}.edit-row>label{display:flex;align-items:center;gap:9px;white-space:nowrap}.member-role{color:var(--ink-muted);font-size:.78rem}.chore-edit{grid-template-columns:42px 42px 1fr 84px auto}.chore-edit button{min-height:40px;border-radius:12px;background:var(--sand);color:#68736b;font-weight:900}.chore-edit button:hover{background:#e4e6dd}.chore-edit button:disabled{opacity:.4}.file-import{display:grid;place-items:center;min-height:48px;border:1px dashed #c7cbbf;border-radius:15px;background:#fffdfaad;color:var(--ink-soft);font-size:.84rem}.file-import:hover{border-color:var(--sage-500);background:#f8fbf7}.file-import input{display:none}.bottom-nav{position:fixed;left:50%;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,760px);transform:translate(-50%);padding:10px 14px max(10px,env(safe-area-inset-bottom));background:#faf9f5e6;border-top:1px solid rgba(225,226,218,.9);box-shadow:0 -8px 24px #464a410b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;place-items:center;gap:4px;min-height:52px;border-radius:15px;background:transparent;color:#8a928b;font-size:.7rem;font-weight:800}.bottom-nav button:hover{background:#e5ede48c;color:var(--sage-900)}.bottom-nav span{color:currentColor;font-size:1.15rem;font-weight:700;line-height:1}.bottom-nav button.active{background:var(--sage-100);color:var(--sage-900)}@media(min-width:680px){.app{padding-top:26px}.app-header{margin-top:-26px}.chore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.app{padding-inline:14px}.app-header{margin-inline:-14px;padding-inline:14px}.login-panel,.login-panel form{grid-template-columns:1fr}.login-panel{align-items:stretch;gap:13px}.login-panel form button{width:100%}.hero{align-items:stretch;flex-direction:column;padding:22px}.hero button{width:100%}.section-title,.form-card,.filter-bar,.inline-form{grid-template-columns:1fr}.section-title{align-items:stretch}.section-title input{width:100%;max-width:none}.form-card{gap:13px}.filter-bar button{width:100%}.chore-edit{grid-template-columns:38px 38px minmax(0,1fr)}.edit-row:not(.chore-edit){grid-template-columns:minmax(0,1fr) auto}.edit-row label{grid-column:1 / -1;justify-self:start;display:flex;align-items:center;gap:9px}.chore-edit input[type=number],.chore-edit label{grid-column:span 3}.quick-panel,.form-card,.settings-block,.table-card,.total-card,.payment-form,.payment-history{padding:17px}}@media(max-width:380px){.app{padding-inline:10px}.app-header{margin-inline:-10px;padding-inline:10px}h1{font-size:1.32rem}.hero strong,.total-card>strong{font-size:2rem}.quick-panel,.form-card,.settings-block,.table-card,.total-card,.payment-form,.payment-history{padding:15px}}