:root{--rose:#ca415b;--rose-dark:#8f293e;--rose-soft:#ffe2e8;--mint:#d7efe9;--teal:#286f66;--honey:#f4cf72;--paper:#fff9fa;--ink:#30262a;--muted:#75676d;--line:#eadde1}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);min-width:320px;color:var(--ink);letter-spacing:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}body:before{z-index:0;content:"";opacity:.42;pointer-events:none;background-image:url(/chiikawa-pattern.png);background-position:top;background-repeat:repeat-y;background-size:min(100vw,560px);position:fixed;inset:0}button{font:inherit;letter-spacing:0;cursor:pointer}button:disabled{cursor:default;opacity:.55}.app-shell{z-index:1;width:min(100%,540px);min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 18px calc(36px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.loading{color:var(--rose-dark);place-content:center;justify-items:center;gap:12px;display:grid}.loading img{object-fit:contain;width:86px;height:86px}.app-header{justify-content:space-between;align-items:flex-end;gap:16px;padding:4px 2px 20px;display:flex}.eyebrow{color:var(--rose);margin-bottom:2px;font-size:13px;font-weight:750;display:block}h1,h2,p{margin-top:0}.app-header h1{margin-bottom:0;font-size:28px;line-height:1.2}.connection{min-height:30px;color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.connection>span{background:#b8afb3;border-radius:50%;width:8px;height:8px}.connection.online>span{background:#269773}.home-hint,.notification-button{width:100%;min-height:48px;color:var(--teal);background:#d7efe9eb;border:1px solid #afd9cf;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:0 14px;display:flex}.pair-panel,.connected-panel{border:1px solid var(--line);background:#ffffffeb;border-radius:8px}.pair-panel{grid-template-columns:68px 1fr;align-items:center;gap:12px;padding:16px;display:grid}.pair-panel>img{object-fit:contain;width:68px;height:68px}.pair-copy h2,.connected-panel h2,.quick-section h2,.play-section h2,.message-section h2{margin-bottom:0;font-size:17px;line-height:1.3}.pair-copy p,.connected-panel p{color:var(--muted);margin:4px 0 0;font-size:13px}.pair-code{background:var(--rose-soft);min-height:72px;color:var(--rose-dark);border:1px dashed #dc98a7;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;display:flex}.pair-code span{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.connected-panel{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.connected-panel>img{object-fit:contain;width:64px;height:64px}.connected-panel>button{background:var(--rose);color:#fff;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 14px;font-weight:750;display:inline-flex}.quick-section,.play-section,.diary-entry-section,.message-section{margin-top:24px}.quick-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:11px;display:grid}.quick-grid button{border:1px solid var(--line);min-height:52px;color:var(--ink);text-align:left;background:#fffffff0;border-radius:8px;grid-template-columns:20px 1fr 18px;align-items:center;gap:7px;padding:0 12px;display:grid}.quick-grid button:first-child{background:#fff5cef0;border-color:#e1bd57}.match-entry{width:100%;min-height:66px;color:var(--ink);text-align:left;background:#fff5cef0;border:1px solid #e1bd57;border-radius:8px;grid-template-columns:42px 1fr auto 19px;align-items:center;gap:10px;padding:9px 12px;display:grid}.match-entry-icon{background:var(--honey);color:#6f5100;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.match-entry>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.match-entry strong{font-size:15px}.match-entry small{color:var(--muted);font-size:12px}.match-entry em{background:var(--rose-soft);color:var(--rose-dark);white-space:nowrap;border-radius:6px;padding:4px 7px;font-size:11px;font-style:normal;font-weight:750}.diary-entry{width:100%;min-height:66px;color:var(--ink);text-align:left;background:#d7efe9eb;border:1px solid #afd9cf;border-radius:8px;grid-template-columns:42px 1fr 19px;align-items:center;gap:10px;padding:9px 12px;display:grid}.diary-entry-icon{width:42px;height:42px;color:var(--teal);background:#fff;border-radius:50%;place-items:center;display:grid}.diary-entry>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.diary-entry strong{font-size:15px}.diary-entry small{color:var(--muted);font-size:12px}.notification-button{justify-content:flex-start;margin-top:18px;margin-bottom:0}.notification-button span{text-align:left;flex:1;font-weight:750}.section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title span{color:var(--muted);font-size:12px}.message-list{flex-direction:column;gap:10px;display:flex}.message-list article{border:1px solid var(--line);background:#fffffff0;border-radius:8px;padding:13px 14px}.message-list article.hers{border-left:4px solid var(--rose)}.message-list article.mine{border-left:4px solid var(--teal)}.message-list article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-list strong{font-size:14px}.message-list time{color:var(--muted);font-size:12px}.message-list p{margin:6px 0 0;font-size:14px;line-height:1.5}.empty{color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:22px 0;font-size:14px;display:flex}.empty img{object-fit:contain;width:64px;height:64px}.match-backdrop{z-index:30;padding-top:max(24px, env(safe-area-inset-top));background:#30262a6b;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.match-modal{width:min(100%,540px);max-height:calc(100dvh - max(24px, env(safe-area-inset-top)));padding:18px 18px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--paper);border-radius:8px 8px 0 0;overflow-y:auto;box-shadow:0 -12px 36px #30262a33}.match-modal-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.match-modal-header span{color:var(--rose);font-size:12px;font-weight:750}.match-modal-header h2{margin:2px 0 0;font-size:23px}.icon-button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:50%;flex:0 0 42px;place-items:center;display:grid}.match-lead{color:var(--muted);margin-bottom:14px;font-size:14px}.partner-ready{background:var(--mint);color:var(--teal);border:1px solid #afd9cf;border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:10px 12px;font-size:13px;font-weight:750;display:flex}.match-group+.match-group{margin-top:18px}.match-group h3{margin:0 0 9px;font-size:14px}.match-group>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.match-group button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:14px;display:flex}.match-group button.selected{background:var(--rose-soft);color:var(--rose-dark);border-color:#dc98a7;font-weight:750}.match-primary{background:var(--rose);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:20px;padding:0 16px;font-weight:800;display:flex}.match-waiting,.match-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.match-waiting>img{object-fit:contain;width:92px;height:92px}.match-waiting h3{margin:10px 0 5px;font-size:19px}.match-waiting p,.match-result p{color:var(--muted);margin-bottom:14px;font-size:14px}.match-waiting>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.match-waiting>div span{background:var(--mint);color:var(--teal);border-radius:8px;padding:7px 10px;font-size:13px}.match-characters{justify-content:center;align-items:flex-end;display:flex}.match-characters img{object-fit:contain;width:82px;height:82px}.match-characters img+img{margin-left:-12px}.match-result>span{color:var(--rose);margin-top:8px;font-size:14px;font-weight:800}.match-result>strong{color:var(--rose-dark);margin-top:3px;font-size:34px}.revealed-picks{width:100%;color:var(--muted);text-align:left;background:#fff;border-radius:8px;flex-direction:column;gap:5px;padding:12px;display:flex}.revealed-picks small{overflow-wrap:anywhere;line-height:1.45}.back-button{color:var(--rose);background:0 0;border:0;align-items:center;gap:4px;margin:0 0 3px;padding:0;font-size:12px;font-weight:750;display:flex}.month-switcher{grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;margin-bottom:14px;display:grid}.month-switcher button{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid}.month-switcher strong{text-align:center}.month-summary{background:var(--mint);border:1px solid #afd9cf;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.month-summary img{object-fit:contain;width:62px;height:62px}.month-summary div{flex-direction:column;gap:2px;display:flex}.month-summary span{color:var(--teal);font-size:13px}.month-summary strong{color:var(--teal);font-size:24px}.food-footprint,.monthly-memories{margin-top:20px}.food-footprint h3,.monthly-memories h3{align-items:center;gap:7px;margin:0 0 10px;font-size:16px;display:flex}.food-footprint>div{flex-wrap:wrap;gap:8px;display:flex}.food-footprint span{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:inline-flex}.food-footprint small{color:var(--rose);font-weight:750}.diary-items{flex-direction:column;gap:9px;display:flex}.diary-items>button{border:1px solid var(--line);min-height:70px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:6px 9px;display:grid}.diary-items img,.diary-placeholder{object-fit:cover;border-radius:6px;width:58px;height:58px}.diary-placeholder{background:var(--rose-soft);color:var(--rose);place-items:center;display:grid}.diary-items>button>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.diary-items time{color:var(--muted);font-size:11px}.diary-items strong{font-size:14px}.diary-items small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.entry-rating{color:#a97500;white-space:nowrap;font-size:11px}.diary-empty,.diary-loading{min-height:150px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.diary-empty img{object-fit:contain;width:68px;height:68px}.footprint-heading,.place-manager-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.footprint-heading h3{align-items:center;gap:6px;margin:0;display:flex}.text-action{color:var(--rose-dark);background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:750;display:inline-flex}.footprint-empty{color:var(--muted)}.place-manager{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;gap:9px;padding:12px;display:flex}.place-manager-title{font-size:14px}.place-category-switch{border:1px solid var(--line);border-radius:7px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.place-category-switch button{min-height:36px;color:var(--muted);background:#fff;border:0;font-weight:750}.place-category-switch button+button{border-left:1px solid var(--line)}.place-category-switch button.selected{background:var(--mint);color:var(--teal)}.icon-button.small{flex-basis:30px;width:30px;height:30px}.place-add-row,.place-manage-row{grid-template-columns:1fr auto;align-items:center;gap:7px;display:grid}.place-manage-row{border-top:1px solid var(--line);grid-template-columns:1fr auto auto;min-height:34px}.place-add-row input,.place-manage-row input,.diary-editor input{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:9px 10px}.place-add-row button,.place-manage-row button{background:var(--mint);width:32px;height:32px;color:var(--teal);border:0;border-radius:7px;place-items:center;padding:0;display:grid}.place-manage-row button:last-child{background:var(--rose-soft);color:var(--rose-dark)}.place-manage-row>span{flex-direction:column;min-width:0;display:flex}.place-manage-row>span small{color:var(--muted);font-size:11px}.place-manager-hint{color:var(--muted);font-size:12px;line-height:1.5}.diary-editor>time{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.diary-original-note{background:var(--mint);color:var(--teal);border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:13px}.diary-photo-picker{background:var(--rose-soft);min-height:190px;color:var(--rose-dark);cursor:pointer;border:1px dashed #dc98a7;border-radius:8px;place-items:center;display:grid;overflow:hidden}.diary-photo-picker img{object-fit:cover;width:100%;max-height:340px}.diary-photo-picker span{flex-direction:column;align-items:center;gap:7px;font-size:13px;font-weight:750;display:flex}.diary-photo-picker input{opacity:0;width:1px;height:1px;position:absolute}.remove-photo{color:var(--rose);background:0 0;border:0;align-items:center;gap:5px;margin:7px 0 0 auto;padding:5px 0;font-size:12px;display:flex}.rating-field,.reflection-field{flex-direction:column;gap:8px;margin-top:18px;display:flex}.rating-field>div{gap:7px;display:flex}.rating-field button{color:#c7bfc2;background:0 0;border:0;place-items:center;width:38px;height:38px;padding:0;display:grid}.rating-field button.active{color:#e2a900}.rating-field button.active svg{fill:currentColor}.reflection-field textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:8px;outline:none;padding:10px 11px;line-height:1.5}.reflection-field textarea:focus{border-color:#dc98a7}.reflection-field small{color:var(--muted);align-self:flex-end;font-size:11px}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;max-width:calc(100vw - 36px);padding:11px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #30262a2e}@media (width<=380px){.connected-panel{grid-template-columns:56px 1fr}.connected-panel>img{width:56px;height:56px}.connected-panel>button{grid-column:1/-1;width:100%}.quick-grid{grid-template-columns:1fr}.pair-code span{font-size:27px}}