.life-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.life-nav>button{border:1px solid #d9dfce;background:#eef1e5;min-height:65px;padding:12px 16px;display:grid;grid-template-columns:28px 1fr;text-align:left;column-gap:8px}.life-nav>button>span{grid-row:1/3;font-size:24px;align-self:center;color:#8d9c7f}.life-nav strong{font-size:12px}.life-nav small{font-size:10px;color:#839174}.system-bar{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#7b8d70;padding:12px 4px}.gear-art{width:58px;height:58px;flex:none}.gear-art svg,.gift-art svg{width:100%;height:100%}.shop-top .gear-art{margin-right:5px}.story-copy{font-size:14px;line-height:2;color:#677d65;max-width:620px;margin:0 auto}.story-copy p{margin:16px 0}.story-copy strong{color:#315d4a}.story-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0}.story-actions button{min-height:40px;padding:8px 18px}.chapter-list{display:grid;gap:10px}.chapter-row{border:1px solid #d9dfce;padding:13px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between}.chapter-row h3{font-size:13px;margin:0}.chapter-row p{font-size:11px;color:#8a987d;margin:4px 0}.chapter-row button{flex:none}.event-art{display:block;width:170px;height:170px;object-fit:contain;margin:0 auto 15px;border:1px solid #ded6bc;background:#f6eddf}.event-value{text-align:center;color:#a57f3f;font-size:14px}.phone-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dae1d0;padding-bottom:12px;margin-bottom:16px}.phone-tabs button{padding:7px 13px;min-height:38px;border:1px solid #d4ddc9;background:#eef2e6;font-size:12px}.phone-tabs button.active{background:#356b54;color:#fff}.phone-disclaimer{font-size:10px;color:#8b987c;margin:5px 0 14px}.contact-row{width:100%;display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #dce2d2;background:#f6f7ee;padding:13px;margin:10px 0}.avatar{display:block;width:48px;height:48px;flex:none}.avatar svg{width:100%;height:100%}.contact-row strong{display:block;font-size:14px}.contact-row small{color:#8b987d;font-size:11px}.chat-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.chat-head h3{margin:0;font-size:16px}.chat-head small{font-size:11px;color:#8a997b}.affection-track{height:6px;background:#e1e5d7;max-width:340px;margin:7px 0}.affection-track i{display:block;height:100%;background:#bf8f79;transition:width .2s}.chat-list{display:flex;flex-direction:column;gap:11px;padding:12px;border:1px solid #dde4d3;background:#edf1e7;max-height:360px;overflow-y:auto}.chat-message{align-self:flex-start;max-width:85%;padding:10px 13px;background:#fafaf3;border:1px solid #dce4d2;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.chat-message.me{align-self:flex-end;background:#dce9c7}.chat-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.chat-tools button{padding:8px 13px;min-height:38px}.honesty-card{background:#f7eddc;border:1px solid #e5d3af;padding:14px;margin:15px 0;font-size:12px;line-height:1.8}.gift-grid,.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.gift-item,.benefit-item{border:1px solid #dce2cf;background:#fafaf2;padding:15px;min-width:0}.gift-item h3,.benefit-item h3{font-size:14px;margin:9px 0 5px}.gift-item p,.benefit-item p{font-size:11px;color:#8b997e;line-height:1.8}.gift-art{width:68px;height:68px}.gift-art img{width:100%;height:100%;object-fit:contain}.gift-item .buy-row{flex-wrap:wrap;gap:7px}.date-card{border:1px solid #dce2cf;padding:15px;margin-bottom:12px}.date-card h3{font-size:14px;margin:0 0 7px}.date-card p{font-size:12px;color:#829475}.date-memory{width:min(340px,100%);margin:0 auto 18px;border:1px solid #d0d9c3}.date-memory svg{display:block;width:100%;height:auto}.moment{display:flex;gap:13px;border-bottom:1px solid #dce2d0;padding:16px 0}.moment-body{flex:1;min-width:0}.moment h3{font-size:13px;color:#557965;margin:0 0 7px}.moment p{font-size:12px;line-height:1.8;margin:0 0 10px}.moment .date-memory{margin:0 0 10px;max-width:280px}.moment-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#94a084;font-size:10px}.moment-meta button{font-size:11px;background:none;border:1px solid #d9e1cd;padding:4px 10px;min-height:32px}.moment-meta button.liked{color:#af7e6d}.team-list{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.team-person{padding:7px 12px;border:1px solid #d7dfcd;background:#ecf1e3;font-size:12px}.benefit-item button{min-height:38px;padding:7px 13px;width:100%;font-size:12px}.benefit-item small{font-size:10px;color:#9a8c70;display:block;margin:7px 0}.system-banner{padding:13px 15px;background:#e6eddc;border-left:3px solid #83a06d;font-size:12px;line-height:1.8;margin-bottom:15px}.story-lock{color:#9caa8e}.event-alert{padding:12px;border:1px solid #d8bc87;background:#fbf1df;margin-bottom:12px;font-size:12px;line-height:1.8}.event-alert button{margin-top:7px;min-height:36px}.welcome:before{background:#f7f5e9f2}
@media(max-width:560px){.life-nav{gap:6px;margin-top:8px}.life-nav>button{padding:9px 5px;display:block;text-align:center;min-height:62px}.life-nav>button>span{display:none}.life-nav strong{font-size:10px;display:block}.life-nav small{font-size:9px;display:block;line-height:1.6;margin-top:3px}.system-bar{gap:7px;font-size:9px;padding:8px 2px}.story-copy{font-size:12px;line-height:1.9}.gift-grid,.benefit-grid{grid-template-columns:1fr}.phone-tabs{gap:4px}.phone-tabs button{font-size:10px;padding:6px 9px}.contact-row{padding:10px}.contact-row strong{font-size:12px}.chat-message{font-size:11px}.chat-head h3{font-size:14px}.chat-tools button{font-size:11px}.moment{gap:9px}.moment p{font-size:11px}.moment>.avatar{width:36px;height:36px}.event-art{width:140px;height:140px}.chapter-row{padding:11px;align-items:flex-start}.chapter-row h3{font-size:12px}.story-actions button{font-size:11px;padding:7px 12px}.gear-art{width:48px;height:48px}.welcome .eyebrow{font-size:8px;letter-spacing:1px}}
@media(max-width:1000px) and (orientation:landscape) and (max-height:560px){.life-nav{gap:6px;margin-top:6px}.life-nav>button{min-height:40px;padding:5px 10px}.life-nav small{font-size:9px}.life-nav>button>span{font-size:18px}.system-bar{font-size:9px;padding:5px 2px}.chat-list{max-height:180px}.event-art{width:110px;height:110px}.story-copy{font-size:12px}.gift-grid,.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}