:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#293341;background:#f5f1eb;--custom-background: none}:root[data-theme=ink]{--paper: #edf2f5;--panel: #fff;--accent: #4d6275;--user: #dce9e0;--text: #26333c}:root[data-theme=warm]{--paper: #f8f3ed;--panel: #fffdf9;--accent: #71618b;--user: #e7f0e4;--text: #34353c}:root[data-theme=night]{--paper: #202631;--panel: #2d3542;--accent: #b6c8d8;--user: #3b514d;--text: #edf1f4;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--text)}button,textarea,input{font:inherit}.app-shell{min-height:100svh;max-width:760px;margin:auto;display:flex;flex-direction:column;background:var(--custom-background),var(--paper);background-size:cover;background-position:center}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:max(18px,env(safe-area-inset-top)) 20px 12px;background:color-mix(in srgb,var(--panel) 90%,transparent);backdrop-filter:blur(16px);position:sticky;top:0;z-index:5}.topbar>div:first-child{min-width:0;flex:1}h1,h2,p{margin:0}h1{font-size:21px;letter-spacing:.02em}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:.12em}.topbar-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;max-width:64vw;overflow-x:auto;scrollbar-width:none}.topbar-actions::-webkit-scrollbar{display:none}.topbar-button{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer}.topbar-button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--panel))}.icon-button{border:0;background:transparent;color:var(--text);font-size:22px;padding:8px;border-radius:10px}.icon-button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.pet-stage{height:220px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 45%,transparent),color-mix(in srgb,var(--accent) 12%,transparent))}.pet-stage:after{content:"";position:absolute;width:190px;height:24px;bottom:24px;border-radius:50%;background:color-mix(in srgb,var(--accent) 16%,transparent);filter:blur(2px)}#pet{width:170px;height:170px;margin-bottom:18px;object-fit:contain;z-index:1;touch-action:none;user-select:none;cursor:grab}#pet.dragging{cursor:grabbing;filter:drop-shadow(0 10px 16px #0003)}.pet-caption{position:absolute;bottom:7px;font-size:12px;color:color-mix(in srgb,var(--text) 65%,transparent);z-index:2}.pet-actions{position:absolute;left:50%;bottom:30px;transform:translate(-50%);display:flex;gap:6px;z-index:3;opacity:0;transition:opacity .2s ease,transform .2s ease}.pet-stage:hover .pet-actions,.pet-stage:focus-within .pet-actions{opacity:1;transform:translate(-50%) translateY(-2px)}.pet-actions button{border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;padding:6px 9px;background:color-mix(in srgb,var(--panel) 92%,transparent);color:var(--text);cursor:pointer;font-size:12px}#pet.pet-bounce{animation:pet-bounce .48s ease}#pet.pet-settle{animation:pet-settle .38s cubic-bezier(.2,1.6,.4,1)}@keyframes pet-bounce{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-13px) scale(1.04,.96)}75%{transform:translateY(3px) scale(.98,1.02)}}@keyframes pet-settle{0%{transform:translateY(-10px) rotate(-2deg)}55%{transform:translateY(5px) rotate(1deg)}to{transform:translateY(0) rotate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.chat-panel{flex:1;display:flex;flex-direction:column;min-height:0;padding:14px 14px max(10px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(14px)}.messages{flex:1;overflow:auto;padding:8px 2px 16px}.bubble{max-width:86%;width:fit-content;padding:11px 14px;margin:8px 0;line-height:1.58;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{margin-right:auto;background:color-mix(in srgb,var(--panel) 95%,transparent);border-radius:15px 15px 15px 5px}.bubble.user{margin-left:auto;background:var(--user);border-radius:15px 15px 5px}.message-media{display:block;max-width:min(280px,72vw);max-height:280px;object-fit:contain;margin-top:9px;border-radius:10px;background:#0001}.message-audio{display:block;max-width:min(280px,72vw);margin-top:9px}.message-speak{display:block;margin-top:8px;border:0;border-radius:8px;padding:5px 8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text);font-size:12px;cursor:pointer}.tool-row{display:flex;gap:8px;overflow:auto;padding:0 0 9px}.tool-row button,.tool-button{flex:0 0 auto;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:10px;padding:7px 10px;background:var(--panel);color:var(--text);cursor:pointer;font-size:13px}.plus-menu{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #0001}.plus-menu[hidden]{display:none}.plus-menu button{border:1px solid #0002;border-radius:9px;padding:7px 10px;background:var(--paper);color:var(--text);cursor:pointer}.sticker-list{display:grid;gap:9px;max-height:58vh;overflow:auto}.sticker-card{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;border:1px solid #0002;border-radius:10px;padding:8px;background:var(--paper)}.sticker-card img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#0001}.sticker-info{min-width:0;display:grid;gap:3px}.sticker-info span,.sticker-info small{overflow-wrap:anywhere;color:color-mix(in srgb,var(--text) 68%,transparent);font-size:12px}.sticker-actions{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap}.sticker-actions button,#sticker-query{border:1px solid #0002;border-radius:8px;padding:7px 9px;background:var(--panel);color:var(--text);cursor:pointer}#sticker-query{width:100%;margin:0 20px 12px;width:calc(100% - 40px)}.message-speaker{display:block;color:var(--accent);font-size:11px;margin-bottom:3px}.message-time{display:block;color:color-mix(in srgb,var(--text) 48%,transparent);font-size:10px;margin-bottom:3px}.message-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.message-tools button{border:0;border-radius:8px;padding:5px 8px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text);font-size:12px;cursor:pointer}.message-tools .message-delete{color:#a33}.group-list{display:grid;gap:7px}.group-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center}.group-row button:first-child{display:grid;text-align:left;gap:3px;border:1px solid #0002;border-radius:9px;padding:8px 10px;background:var(--paper);color:var(--text)}.group-row small{color:color-mix(in srgb,var(--text) 62%,transparent);font-size:11px}.group-row button:not(:first-child){border:0;background:transparent;color:var(--text);font-size:12px}.group-row button:last-child{color:#a33}.memory-list{display:grid;gap:6px}.memory-row{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--paper);font-size:13px}.memory-row span{flex:1;overflow-wrap:anywhere}.memory-row button{border:0;background:transparent;color:#ad3a3a;font-size:12px}.composer{display:flex;gap:8px;align-items:flex-end}textarea{flex:1;resize:none;min-height:44px;max-height:140px;border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:14px;padding:11px 13px;background:var(--panel);color:var(--text)}.composer button,.primary{border:0;border-radius:13px;padding:11px 16px;background:var(--accent);color:#fff}button:disabled{opacity:.55}.error{color:#ad3a3a;font-size:13px;padding:4px 2px 8px}dialog{width:min(92vw,480px);border:0;border-radius:18px;padding:0;color:var(--text);background:var(--panel);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#15202a88;backdrop-filter:blur(4px)}#settings-form{display:grid;gap:14px;padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:center}label{display:grid;gap:6px;font-size:13px}input[type=url],input[type=text],input[type=password],select{width:100%;border:1px solid #0002;border-radius:10px;padding:10px;background:var(--paper);color:var(--text)}.hint{color:color-mix(in srgb,var(--text) 65%,transparent);font-size:12px;line-height:1.5}.theme-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.theme-row button,.file-label{border:1px solid #0002;border-radius:10px;padding:8px 10px;background:var(--paper);color:var(--text)}.file-label input{display:block;max-width:100%;margin-top:6px}.backup-row{display:flex;gap:8px;flex-wrap:wrap}.backup-row button{border:1px solid #0002;border-radius:10px;padding:8px 10px;background:var(--paper);color:var(--text)}.danger{border:1px solid #b84a4a;color:#b84a4a;background:transparent;border-radius:10px;padding:9px}.moment-compose,#moments-form{display:grid;gap:12px;padding:20px}.moment-list{display:grid;gap:12px;max-height:58vh;overflow:auto;padding:0 20px 20px}.moment{border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--paper) 82%,transparent)}.moment-meta{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.moment-meta time{color:color-mix(in srgb,var(--text) 58%,transparent);font-size:11px}.moment>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.moment-media{display:block;width:100%;max-height:280px;object-fit:contain;margin-top:9px;border-radius:9px;background:#0001}.moment-actions{display:flex;align-items:center;gap:10px;margin-top:9px;color:color-mix(in srgb,var(--text) 58%,transparent);font-size:12px}.moment-actions button,.moment-comment-form button{border:0;border-radius:8px;padding:5px 8px;color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent);cursor:pointer}.moment-comments{display:grid;gap:5px;margin-top:8px;font-size:12px}.moment-comment{display:flex;gap:7px;line-height:1.4}.moment-comment-form{display:flex;gap:6px;margin-top:9px}.moment-comment-form input{min-width:0;flex:1;border:1px solid #0002;border-radius:8px;padding:7px 8px;background:var(--panel);color:var(--text)}.life-tabs{display:flex;gap:8px;padding:0 20px 12px}.life-tabs button{border:1px solid #0002;border-radius:9px;padding:7px 10px;background:var(--paper);color:var(--text);cursor:pointer}.gift-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:0 20px}.gift-grid button{min-height:54px;border:1px solid #0002;border-radius:11px;background:var(--paper);color:var(--text);cursor:pointer}.bill-compose{display:grid;gap:8px;padding:0 20px}.bill-compose input{border:1px solid #0002;border-radius:9px;padding:9px;background:var(--paper);color:var(--text)}.life-list{display:grid;gap:8px;max-height:38vh;overflow:auto;padding:16px 20px 20px}.life-event{display:grid;grid-template-columns:1fr auto;gap:4px 8px;border:1px solid #0002;border-radius:10px;padding:10px;background:var(--paper)}.life-event small,.life-event time{color:color-mix(in srgb,var(--text) 60%,transparent);font-size:11px}.life-event p{grid-column:1 / -1;font-size:12px;white-space:pre-wrap}.life-event button{border:0;background:transparent;color:#a33;cursor:pointer;font-size:12px}@media(hover:none){.pet-actions{opacity:1;transform:translate(-50%) translateY(-2px)}}