:root{--cream:#f8f4ed;--paper:#fffefa;--ink:#33473a;--muted:#718278;--sage:#dce9dd;--sage-dark:#426950;--peach:#f5d8c9;--peach-dark:#9c5c44;--line:#e5e8dd;--gold:#edcf8f}*{box-sizing:border-box}html{background:var(--cream)}body{color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7eaa8a}h1,h2,p{margin-top:0}.shell{background:var(--cream);width:min(100%,560px);min-height:100dvh;margin:auto;padding:25px 17px 42px}.eyebrow{letter-spacing:.2em;color:var(--sage-dark);margin-bottom:4px;font-size:10px;font-weight:800}.site-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px;display:flex}.site-header h1,.login-shell h1{letter-spacing:.04em;margin:0;font-size:27px;font-weight:800;line-height:1.25}.leaf{color:#89a78f;vertical-align:top;margin-left:6px;font-size:18px}.text-button{color:var(--muted);white-space:nowrap;background:0 0;border:0;min-height:44px;padding:8px 0 8px 8px;font-size:12px;text-decoration:underline}.today-summary{background:#e2ecdf;border:1px solid #d3e2d2;border-radius:25px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:20px 22px 19px;display:flex;box-shadow:0 5px 20px #87998514}.summary-label{color:var(--sage-dark);margin:0 0 5px;font-size:12px;font-weight:700}.summary-number{margin:0;font-size:18px;font-weight:700}.summary-number strong{color:#2d6244;letter-spacing:-.06em;margin-right:3px;font-size:39px;line-height:1}.summary-sub{color:#587263;margin:5px 0 0;font-size:12px}.dinner-icon{color:#cb947b;background:#fff9ef;border-radius:50%;flex:none;place-items:center;width:59px;height:59px;font-size:46px;line-height:1;display:grid;transform:rotate(20deg)}.section-heading{justify-content:space-between;align-items:baseline;gap:9px;margin-bottom:10px;display:flex}.section-heading h2{margin:0;font-size:17px}.section-heading span{color:var(--muted);text-align:right;font-size:10px}.member-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.member-option{background:var(--paper);border:1px solid var(--line);min-height:45px;color:var(--ink);border-radius:14px;font-weight:700}.member-option.active{background:var(--sage-dark);border-color:var(--sage-dark);color:#fff}.member-option.active:before{content:"✓";margin-right:6px;font-size:12px}.week-heading{align-items:end;margin-bottom:12px}.week-heading h2{letter-spacing:.02em;font-size:23px}.small-button{min-height:44px;color:var(--sage-dark);background:#f1f6ee;border:1px solid #cbdbce;border-radius:13px;padding:0 15px;font-size:12px;font-weight:700}.week-nav{background:var(--paper);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:7px;margin-bottom:10px;padding:5px;display:flex}.nav-button{min-width:44px;min-height:44px;color:var(--sage-dark);background:0 0;border:0;font-size:30px;line-height:1}.week-range{text-align:center;min-width:0}.week-range strong{white-space:nowrap;font-size:15px;display:block}.week-range span{color:var(--muted);font-size:10px}.date-jump{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 2px 11px;font-size:12px;display:flex}.date-jump input{border:1px solid var(--line);background:var(--paper);max-width:170px;min-height:44px;color:var(--ink);border-radius:11px;padding:6px 8px}.legend{color:var(--muted);margin:0 2px 10px;font-size:11px}.legend span{white-space:nowrap;margin-right:8px}.days{gap:10px;display:grid}.day-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:0 3px 12px #4e665209}.day-card.is-today{border-color:#9bbda2;box-shadow:0 0 0 2px #d7e9d9}.day-card.out-of-range{background:#f4f2ed}.day-header{border-bottom:1px solid #edf0e8;align-items:center;gap:7px;min-height:41px;padding:7px 14px;display:flex}.day-date{align-items:baseline;gap:5px;display:flex}.day-number{font-size:19px;font-weight:800;line-height:1}.day-weekday{color:var(--muted);font-size:12px}.today-pill{background:var(--sage-dark);color:#fff;border-radius:100px;margin-left:4px;padding:1px 7px;font-size:10px}.holiday{color:#a95b51;text-align:right;margin-left:auto;font-size:10px;font-weight:700}.outside-label{color:var(--muted);margin-left:auto;font-size:10px}.day-members{padding:2px 6px}.person-row{text-align:left;width:100%;min-height:45px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #f0f1ea;align-items:center;gap:7px;padding:5px 7px;display:flex}.person-row:last-child{border-bottom:0}.person-row:hover:enabled,.person-row.is-me{background:#f5f9f2}.person-name{white-space:nowrap;align-items:center;gap:7px;min-width:78px;font-size:13px;font-weight:700;display:flex}.avatar{border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.avatar-takefumi{background:#e8e1cc}.avatar-mayumi{background:#f1d9d2}.avatar-hibiki{background:#d7e4df}.person-detail{flex:1;align-items:center;gap:5px;min-width:0;display:flex}.absence-tag{color:var(--peach-dark);white-space:nowrap;background:#fbe8de;border-radius:7px;padding:2px 5px;font-size:10px}.note-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.dinner-status{white-space:nowrap;text-align:right;min-width:48px;font-size:12px;font-weight:700}.dinner-home{color:#386b49}.dinner-out{color:#a5604e}.dinner-unknown{color:#858b7a}.coverage-warning,.form-error{color:#9b4e42;background:#fff1e9;border:1px solid #f3d2c2;border-radius:12px;padding:10px 12px;font-size:12px}.page-error{margin-top:13px}.retry{margin-top:10px}.site-footer{text-align:center;color:#91a093;margin-top:35px;font-size:11px}.loading{text-align:center;color:var(--muted);padding:50px 0}.login-shell{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.login-illustration{background:var(--paper);border:1px solid var(--line);border-radius:21px;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:36px;padding:10px;display:grid;box-shadow:0 12px 30px #6f7d6720}.login-illustration span{height:62px;color:var(--sage-dark);background:#e6eee4;border-radius:11px;place-items:center;font-size:15px;font-weight:700;display:grid}.login-illustration span:nth-last-child(2){color:#a76b5b;background:#f3e6dd}.login-illustration span:last-child{color:#ad7966;background:#f8e8d9}.login-shell h1{font-size:33px}.intro{color:var(--muted);margin:10px 0 28px;font-size:14px}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px}.login-card label{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.login-card input,.note-label+input{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #ced9cd;border-radius:12px;padding:10px 13px}.login-card .primary-button{width:100%;margin-top:16px}.login-card p{color:var(--muted);margin:11px 0 0;font-size:11px}.primary-button,.secondary-button{border-radius:12px;min-height:46px;padding:10px 16px;font-weight:700}.primary-button{border:1px solid var(--sage-dark);background:var(--sage-dark);color:#fff}.secondary-button{color:var(--sage-dark);background:#fff;border:1px solid #c9d9cb}.editor{background:var(--paper);width:min(100% - 28px,500px);max-height:min(90dvh,760px);color:var(--ink);border:0;border-radius:22px;padding:23px;overflow:auto;box-shadow:0 18px 60px #172c1f50}.editor::backdrop{background:#273b2c90}.editor-head{justify-content:space-between;align-items:start;gap:8px;margin-bottom:20px;display:flex}.editor-head h2{margin:0;font-size:18px;line-height:1.4}.icon-button{min-width:44px;min-height:44px;color:var(--ink);background:#f0f3ed;border:0;border-radius:50%;font-size:26px;line-height:1}.choice-group{border:0;margin:0 0 18px;padding:0}.choice-group legend{margin-bottom:8px;font-weight:800}.choice-row{gap:7px;display:grid}.dinner-choices{grid-template-columns:repeat(3,1fr)}.absence-choices{grid-template-columns:repeat(4,1fr)}.choice{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:11px;padding:5px 4px;font-size:12px;font-weight:700}.choice.selected{color:#2d5b3f;background:#e2ecdf;border-color:#7fa788}.field-help{color:var(--muted);margin:7px 0 0;font-size:11px}.note-label{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-weight:800;display:flex}.note-label span{color:var(--muted);font-size:11px;font-weight:400}.character-count{text-align:right;color:var(--muted);margin:5px 0 13px;font-size:11px}.character-count.over-limit{color:#a44c42}.conflict-latest{background:#fff7ee;border:1px solid #eddcc8;border-radius:12px;gap:3px;margin-bottom:10px;padding:10px 12px;font-size:12px;display:grid}.editor-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}@media (max-width:375px){.shell{padding-left:13px;padding-right:13px}.site-header h1{font-size:24px}.week-range strong{font-size:13px}.person-name{min-width:73px}.note-preview{max-width:88px}.editor{padding:18px}.absence-choices{gap:4px}.choice{font-size:11px}}.summary-pending{color:var(--sage-dark);margin:7px 0;font-size:18px;font-weight:700}.day-members{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:2px 5px 5px;display:grid}.person-row{border-bottom:0;border-right:1px solid #f0f1ea;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;min-width:0;min-height:84px;padding:7px 7px 5px;display:flex}.person-row:last-child{border-right:0}.person-name{gap:4px;min-width:0;font-size:13px}.avatar{width:22px;height:22px;font-size:10px}.dinner-status{text-align:left;order:1;min-width:0;font-size:14px;line-height:1.5}.person-detail{flex:none;order:2;width:100%;max-width:100%;min-height:15px}.note-preview{max-width:100%;font-size:11px}.day-card{border-radius:17px}body{font-size:16px}.person-name{font-size:14px}.dinner-status{font-size:16px}.shell{padding-top:13px}.site-header{margin-bottom:11px}.site-header .eyebrow{margin-bottom:0}.today-summary{border-radius:19px;margin-bottom:14px;padding:12px 17px}.summary-label{margin-bottom:2px}.summary-number strong{font-size:33px}.dinner-icon{width:44px;height:44px;font-size:34px}.member-panel{margin-bottom:17px}.member-panel .section-heading{margin-bottom:6px}.member-option{min-height:44px}.week-heading{margin-bottom:7px}.week-heading h2{font-size:21px}.week-nav{margin-bottom:4px}.date-jump{padding-bottom:5px}.legend{margin-bottom:5px}.day-header{min-height:34px}.person-row{min-height:68px}.days{gap:7px}.invite-hint{color:var(--peach-dark);background:#fff1e9;border-radius:12px;margin:-12px 0 16px;padding:10px 12px;font-size:13px}