:root{font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;color:var(--color-text);background:#ebdde3;font-synthesis:none;text-rendering:optimizeLegibility;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--z-nav: 20;--z-backdrop: 30;--z-sheet: 40;--z-toast: 50}*{box-sizing:border-box}html{min-width:320px;background:#ebdde3}html[data-font-size=small]{font-size:15px}html[data-font-size=normal]{font-size:16px}html[data-font-size=large]{font-size:18px}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}svg{flex:0 0 auto}.theme-rose{--color-primary: oklch(55% .16 355);--color-primary-soft: oklch(91% .055 350);--color-background: oklch(96% .025 350);--color-surface: oklch(99% .006 350);--color-surface-alt: oklch(94% .032 350);--color-text: oklch(28% .025 170);--color-muted: oklch(48% .025 345);--color-border: oklch(87% .035 350);--color-green: oklch(42% .075 175);--color-focus: oklch(42% .075 175);--color-nav: oklch(99% .009 350);--shadow-card: 0 3px 8px oklch(54% .07 350 / .12);--hero-overlay: oklch(22% .04 345 / .28)}.theme-dark{--color-primary: oklch(72% .12 355);--color-primary-soft: oklch(28% .07 355);--color-background: oklch(17% .018 170);--color-surface: oklch(22% .018 170);--color-surface-alt: oklch(27% .02 170);--color-text: oklch(94% .01 350);--color-muted: oklch(76% .02 350);--color-border: oklch(35% .025 170);--color-green: oklch(72% .08 175);--color-focus: oklch(78% .09 355);--color-nav: oklch(20% .018 170);--shadow-card: none;--hero-overlay: oklch(10% .02 170 / .42)}.theme-apple{--color-primary: oklch(61% .12 135);--color-primary-soft: oklch(91% .07 120);--color-background: oklch(95% .035 95);--color-surface: oklch(99% .012 95);--color-surface-alt: oklch(92% .045 105);--color-text: oklch(29% .035 130);--color-muted: oklch(49% .035 120);--color-border: oklch(84% .045 110);--color-green: oklch(46% .11 140);--color-focus: oklch(46% .11 140);--color-nav: oklch(98% .018 95);--shadow-card: 0 3px 8px oklch(48% .05 115 / .12);--hero-overlay: oklch(22% .04 130 / .3)}.theme-mars{--color-primary: oklch(50% .1 177);--color-primary-soft: oklch(89% .055 350);--color-background: oklch(94% .045 350);--color-surface: oklch(99% .008 350);--color-surface-alt: oklch(91% .045 350);--color-text: oklch(27% .035 175);--color-muted: oklch(45% .035 175);--color-border: oklch(84% .04 350);--color-green: oklch(42% .075 175);--color-focus: oklch(42% .075 175);--color-nav: oklch(98% .012 350);--shadow-card: 0 3px 8px oklch(45% .06 175 / .12);--hero-overlay: oklch(18% .035 175 / .32)}.theme-paper{--color-primary: oklch(48% .17 28);--color-primary-soft: oklch(88% .07 75);--color-background: oklch(89% .055 78);--color-surface: oklch(96% .035 78);--color-surface-alt: oklch(86% .07 78);--color-text: oklch(28% .05 40);--color-muted: oklch(45% .05 45);--color-border: oklch(76% .065 65);--color-green: oklch(42% .07 100);--color-focus: oklch(48% .17 28);--color-nav: oklch(95% .035 78);--shadow-card: 0 3px 8px oklch(35% .05 50 / .14);--hero-overlay: oklch(22% .05 40 / .34)}.theme-forest{--color-primary: oklch(57% .08 145);--color-primary-soft: oklch(89% .06 145);--color-background: oklch(92% .045 150);--color-surface: oklch(98% .015 150);--color-surface-alt: oklch(87% .05 150);--color-text: oklch(29% .04 150);--color-muted: oklch(46% .04 150);--color-border: oklch(81% .04 150);--color-green: oklch(40% .065 150);--color-focus: oklch(40% .065 150);--color-nav: oklch(97% .02 150);--shadow-card: 0 3px 8px oklch(38% .04 150 / .12);--hero-overlay: oklch(18% .04 150 / .34)}.theme-custom{--color-primary: var(--custom-primary);--color-primary-soft: color-mix(in srgb, var(--custom-primary) 16%, var(--custom-background));--color-background: var(--custom-background);--color-surface: var(--custom-surface);--color-surface-alt: color-mix(in srgb, var(--custom-primary) 7%, var(--custom-surface));--color-text: var(--custom-text);--color-muted: color-mix(in srgb, var(--custom-text) 66%, var(--custom-background));--color-border: color-mix(in srgb, var(--custom-text) 18%, var(--custom-background));--color-green: var(--custom-accent);--color-focus: var(--custom-accent);--color-nav: var(--custom-surface);--shadow-card: 0 3px 8px color-mix(in srgb, var(--custom-primary) 14%, transparent);--hero-overlay: oklch(20% .03 345 / .3)}.app-shell{width:100%;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--color-background);color:var(--color-text);position:relative;overflow-x:hidden}.app-main{min-height:100dvh;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:var(--z-toast);background:var(--color-text);color:var(--color-surface);padding:.75rem 1rem;border-radius:var(--radius-sm)}.skip-link:focus{top:1rem}.content-stack{display:flex;flex-direction:column;gap:var(--space-sm)}.page-content{padding:var(--space-sm)}.section-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card)}.section-card h2,.section-heading h2{font-size:1.06rem;line-height:1.25;font-weight:750}.section-heading{min-height:2rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.section-heading.bare{padding:0 var(--space-xs)}.section-heading.bare span{color:var(--color-muted);font-size:.875rem}.text-action{min-height:2.75rem;display:inline-flex;align-items:center;gap:.125rem;padding:0 .125rem 0 var(--space-md);background:transparent;color:var(--color-green);font-size:.875rem;font-weight:650}.text-action svg{width:1rem}.eyeline{display:block;font-size:.88rem;line-height:1.2;font-weight:720}.avatar{object-fit:cover;border-radius:50%;background:var(--color-primary-soft)}.avatar-large{width:5.25rem;height:5.25rem;border:3px solid white}.avatar-small{width:2.75rem;height:2.75rem;border:2px solid var(--color-surface)}.home-hero{height:min(41dvh,25rem);min-height:20.5rem;padding:max(2.6rem,env(safe-area-inset-top)) var(--space-lg) var(--space-lg);background-size:cover;background-position:center;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--hero-overlay)}.hero-overlay.light{background:#20101947}.hero-quote,.hero-note{position:absolute;top:max(2.75rem,env(safe-area-inset-top));font-family:DFKai-SB,KaiTi,cursive;font-size:1rem;line-height:1.55;text-shadow:0 1px 3px oklch(18% .03 345 / .45)}.hero-quote{left:var(--space-lg);transform:rotate(-3deg)}.hero-note{right:var(--space-lg);top:4rem;font-size:.8rem;text-align:right;transform:rotate(2deg)}.couple-block{display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.profile-unit{display:grid;justify-items:center;gap:var(--space-xs);font-size:1rem;text-shadow:0 1px 3px oklch(18% .03 345 / .55)}.couple-heart{color:#ec84b7;width:1.75rem}.days-together{align-self:center;display:flex;align-items:center;gap:.4rem;margin-top:var(--space-sm);font-size:1rem;text-shadow:0 1px 3px oklch(18% .03 345 / .55)}.days-together strong{font-size:1.65rem;font-variant-numeric:tabular-nums}.days-together svg{color:#faa6ce}.home-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-sm);margin-top:calc(var(--space-md) * -1);position:relative;z-index:2;background:var(--color-background)}.anniversary-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm)}.anniversary-card>div{min-width:0}.card-icon{color:var(--color-primary);width:2.25rem;height:2.25rem}.anniversary-card h2{margin-top:.25rem;font-size:1.35rem;font-variant-numeric:tabular-nums}.anniversary-card p{margin-top:.15rem;color:var(--color-muted);font-size:.86rem}.countdown{min-height:2.75rem;display:flex;align-items:center;gap:.1rem;padding:0;background:transparent;color:var(--color-primary);white-space:nowrap;font-size:.82rem}.countdown svg{width:1.1rem}.note-card{min-height:7rem;display:flex;align-items:stretch;padding:0;overflow:hidden}.note-copy{flex:1;padding:var(--space-md);display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs)}.note-copy p{display:flex;align-items:center;gap:var(--space-xs);font-size:1.05rem}.note-copy p svg{color:var(--color-primary)}.note-copy small{color:var(--color-muted)}.note-flower{width:38%;min-width:7rem;padding:var(--space-md);background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-content:center;justify-items:center;gap:var(--space-xs);font-family:DFKai-SB,KaiTi,cursive;text-align:center;transform:rotate(-1deg)}.note-flower svg{width:2.2rem;height:2.2rem}.rhythm-list,.timeline-list{margin-top:var(--space-xs)}.rhythm-row{min-height:3.15rem;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border)}.rhythm-row:last-child{border-bottom:0}.rhythm-row time{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:.88rem}.rhythm-row>svg{width:1rem;color:var(--color-muted)}.round-icon{width:2.15rem;height:2.15rem;border-radius:50%;display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary)}.round-icon svg{width:1.15rem}.photo-strip{display:flex;gap:var(--space-xs);overflow-x:auto;scroll-snap-type:x mandatory;padding:var(--space-xs) 0;scrollbar-width:none}.photo-strip::-webkit-scrollbar,.chip-scroll::-webkit-scrollbar{display:none}.photo-strip img{width:5.3rem;height:5.3rem;flex:0 0 auto;object-fit:cover;border-radius:var(--radius-sm);scroll-snap-align:start}.visit-card{width:100%;min-height:4.6rem;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-align:left}.visit-mark{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-size:1.5rem;line-height:0;transform:rotate(55deg)}.visit-card span:nth-child(2){display:grid;gap:.2rem}.visit-card small{color:var(--color-muted);font-size:.8rem}.visit-card em{color:var(--color-muted);font-family:DFKai-SB,KaiTi,cursive;font-size:.75rem;font-style:normal;text-align:right}.visit-card>svg{width:1rem;color:var(--color-muted)}.visit-card.compact{grid-template-columns:auto 1fr auto}.standard-page{min-height:calc(100dvh - 5rem)}.page-photo-hero{height:17.5rem;padding:max(3rem,env(safe-area-inset-top)) var(--space-lg) var(--space-xl);position:relative;display:flex;align-items:flex-end;background-size:cover;background-position:center;color:#fff;isolation:isolate}.page-photo-hero h1{font-size:1.75rem;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.page-photo-hero p{margin-top:var(--space-sm);line-height:1.55}.photo-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:var(--space-sm) var(--space-xs)}.photo-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-right:1px solid var(--color-border)}.photo-stats>div:last-child{border-right:0}.photo-stats svg{grid-row:1 / 3;color:var(--color-primary);width:1.6rem}.photo-stats strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.photo-stats span{color:var(--color-muted);font-size:.72rem}.chip-scroll{display:flex;gap:var(--space-xs);overflow-x:auto;padding:.15rem 0;scrollbar-width:none}.chip-scroll button,.owner-tabs button{min-height:2.75rem;padding:0 var(--space-md);border-radius:999px;background:var(--color-surface);color:var(--color-muted);white-space:nowrap}.chip-scroll button.active{background:var(--color-primary);color:#fff;font-weight:700}.owner-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;padding:.25rem;background:var(--color-surface);border-radius:var(--radius-lg);overflow-x:auto}.owner-tabs button{min-width:6rem;min-height:2.55rem;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:0 var(--space-xs);font-size:.78rem}.owner-tabs button.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.photo-grid figure{aspect-ratio:1;position:relative;margin:0;overflow:hidden;border-radius:var(--radius-sm);background:var(--color-surface-alt)}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .18s var(--ease-out)}.photo-grid figcaption{position:absolute;left:.35rem;bottom:.35rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .45rem;border-radius:999px;background:#261c21b3;color:#fff;font-size:.7rem}.empty-state,.tab-empty{min-height:15rem;display:grid;place-content:center;justify-items:center;gap:var(--space-sm);text-align:center;color:var(--color-muted)}.empty-state>svg,.tab-empty>svg{width:2.5rem;height:2.5rem;color:var(--color-primary)}.floating-action{position:fixed;z-index:15;right:max(1rem,calc((100vw - 480px)/2 + 1rem));bottom:calc(5.5rem + env(safe-area-inset-bottom));min-height:3rem;display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-md);border-radius:999px;background:var(--color-primary);color:#fff;box-shadow:0 4px 8px #5c244147;font-weight:700}.daily-hero{background-position:center 42%}.daily-note-body{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);margin-top:var(--space-sm)}.daily-note-body p{font-size:.9rem;line-height:1.55}.timeline-item{width:100%;min-height:3.75rem;display:grid;grid-template-columns:auto 3rem 1fr;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0;background:transparent;text-align:left;border-bottom:1px solid var(--color-border)}.timeline-item:last-child{border-bottom:0}.timeline-check{width:1.5rem;height:1.5rem;display:grid;place-items:center;border:2px solid var(--color-primary);border-radius:50%;color:#fff}.timeline-check svg{width:.9rem}.timeline-item.done .timeline-check{background:var(--color-primary)}.timeline-item.done strong{text-decoration:line-through;color:var(--color-muted)}.timeline-item time{color:var(--color-muted);font-size:.78rem;font-variant-numeric:tabular-nums}.timeline-item span:last-child{display:grid;gap:.1rem}.timeline-item small{color:var(--color-muted);font-size:.76rem}.habit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-top:var(--space-sm)}.habit{min-width:0;display:grid;justify-items:center;gap:.25rem;padding:var(--space-xs) .15rem;text-align:center}.habit strong{font-size:.8rem}.habit small{font-size:.68rem;color:var(--color-muted)}.progress{width:90%;height:.35rem;border-radius:999px;overflow:hidden;background:var(--color-primary-soft)}.progress i{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.mood-card{display:grid;gap:var(--space-md)}.mood-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm)}.mood-summary>div{display:grid;gap:.15rem}.mood-summary small{color:var(--color-muted);font-size:.72rem}.mood-summary b{color:var(--color-primary);font-size:1.4rem;font-variant-numeric:tabular-nums}.mood-slider,.mood-note{display:grid;gap:var(--space-xs);color:var(--color-muted);font-size:.78rem}.mood-slider input{width:100%;accent-color:var(--color-primary)}.mood-note textarea{width:100%;min-height:4.6rem;resize:vertical;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}.mood-save{min-height:2.75rem;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-weight:750}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);background:#11080d73;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet{width:min(100%,480px);z-index:var(--z-sheet);display:grid;gap:var(--space-md);padding:var(--space-sm) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);animation:sheet-in .24s var(--ease-out)}.detail-sheet{max-height:min(82dvh,44rem);overflow-y:auto}.sheet-handle{width:2.5rem;height:.25rem;margin:0 auto;border-radius:999px;background:var(--color-border)}.sheet-title{display:flex;align-items:center;justify-content:space-between}.sheet-title h2{font-size:1.2rem}.sheet-title button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-alt)}.bottom-sheet label,.form-card label{display:grid;gap:var(--space-xs);font-size:.82rem;font-weight:700;color:var(--color-muted)}.bottom-sheet input,.form-card input,.form-card textarea,.form-card select{width:100%;min-height:2.9rem;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}.form-card textarea{min-height:5.5rem;resize:vertical}.primary-button{min-height:2.9rem;padding:0 var(--space-md);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-weight:750}.sheet-title>div{display:grid;gap:.25rem}.sheet-title>div>span{color:var(--color-muted);font-size:.75rem;line-height:1.4}.anniversary-list{display:grid}.anniversary-list article{min-height:5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--color-border)}.anniversary-list article:last-child{border-bottom:0}.anniversary-icon{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.anniversary-icon svg{width:1.2rem}.anniversary-list article>div{display:grid;gap:.15rem}.anniversary-list small,.anniversary-list time{color:var(--color-muted);font-size:.7rem}.anniversary-list article>b{color:var(--color-primary);font-size:.78rem;white-space:nowrap}.sheet-add{min-height:2.85rem;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-weight:750}.sheet-add svg{width:1rem}.inline-add{display:grid;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border)}.inline-add>div{display:flex;justify-content:flex-end;gap:var(--space-xs)}.quiet-button{min-height:2.9rem;padding:0 var(--space-md);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-muted);font-weight:700}.empty-inline,.sheet-empty{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-sm);color:var(--color-muted);font-size:.8rem;text-align:center}.empty-inline svg,.sheet-empty svg{width:1.15rem;color:var(--color-primary);flex:0 0 auto}.sheet-empty{min-height:8rem;flex-direction:column;gap:.35rem;border-radius:var(--radius-md);background:var(--color-surface-alt)}.sheet-empty strong{color:var(--color-text);font-size:.9rem}.sheet-empty span{max-width:17rem;line-height:1.5}.photo-strip .empty-inline{min-height:5.4rem;border-radius:var(--radius-sm);background:var(--color-surface-alt)}.chat-empty{min-height:9rem}.floating-action:disabled{opacity:.72;cursor:wait}.mock-notice{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-muted);font-size:.75rem;line-height:1.45}.mock-notice svg{width:1rem;color:var(--color-primary);margin-top:.1rem}.visit-timeline{position:relative;display:grid}.visit-timeline:before{content:"";position:absolute;left:.32rem;top:1rem;bottom:1rem;width:1px;background:var(--color-border)}.visit-timeline article{position:relative;display:grid;grid-template-columns:.7rem 4.6rem 1fr;gap:var(--space-sm);padding:var(--space-sm) 0}.visit-dot{z-index:1;width:.7rem;height:.7rem;margin-top:.25rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px var(--color-surface)}.visit-timeline time{color:var(--color-muted);font-size:.72rem;font-variant-numeric:tabular-nums}.visit-timeline article>div{display:grid;gap:.25rem}.visit-timeline p,.visit-timeline small{color:var(--color-muted);font-size:.75rem;line-height:1.45}.visit-timeline small{color:var(--color-green)}.us-hero{min-height:15.5rem;padding:max(3rem,env(safe-area-inset-top)) var(--space-lg) var(--space-lg);background-size:cover;background-position:center;color:#fff;position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between}.us-hero h1{font-family:inherit;font-size:2.15rem;font-weight:800}.us-hero p{margin-top:var(--space-xs)}.mini-couple{display:flex;align-items:center;gap:.35rem}.mini-couple>svg{width:1rem;color:#ec84b7}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;margin:var(--space-sm);padding:.25rem;background:var(--color-surface);border-radius:999px;box-shadow:var(--shadow-card)}.segmented button{min-height:2.65rem;display:flex;align-items:center;justify-content:center;gap:.35rem;border-radius:999px;background:transparent;color:var(--color-muted);font-size:.78rem;font-weight:650}.segmented button svg{width:1rem}.segmented button.active{background:var(--color-primary);color:#fff}.chat-panel{padding:0 var(--space-sm) 10.5rem}.date-pill{width:fit-content;margin:0 auto var(--space-md);padding:.3rem .8rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-muted);font-size:.75rem}.message-list{display:flex;flex-direction:column;gap:var(--space-md)}.message-row{display:flex;align-items:flex-start;gap:var(--space-xs)}.message-row>div{max-width:76%;display:grid;gap:.2rem}.message-row p{white-space:pre-line;padding:.65rem .8rem;border-radius:var(--radius-md);background:var(--color-surface);line-height:1.5;font-size:.93rem}.message-row small{color:var(--color-muted);font-size:.7rem}.message-row.shen_yuan{flex-direction:row-reverse}.message-row.shen_yuan>div{justify-items:end}.message-row.shen_yuan p{background:var(--color-primary-soft)}.message-attachment{width:min(13rem,100%);max-height:15rem;object-fit:cover;border-radius:var(--radius-md)}.message-row .attachment-label{padding:.2rem 0;background:transparent;color:var(--color-muted);font-size:.72rem}.paper-note{margin-top:var(--space-lg);background:var(--color-surface-alt)}.paper-note p{margin-top:var(--space-xs);line-height:1.5}.paper-note span{display:block;margin-top:var(--space-xs);text-align:right;color:var(--color-primary);font-family:DFKai-SB,KaiTi,cursive}.composer{position:fixed;z-index:16;left:50%;transform:translate(-50%);bottom:calc(4.65rem + env(safe-area-inset-bottom));width:min(100%,480px);padding:var(--space-xs) var(--space-sm);background:var(--color-nav);border-top:1px solid var(--color-border)}.composer-tools{display:flex;justify-content:space-around;gap:var(--space-xs)}.composer-tools button{min-height:2.4rem;display:flex;align-items:center;gap:.3rem;padding:0 var(--space-xs);background:transparent;color:var(--color-muted);font-size:.72rem}.composer-tools svg{width:1rem;color:var(--color-primary)}.composer-input{display:grid;grid-template-columns:1fr auto;gap:var(--space-xs)}.composer-input input{min-width:0;min-height:2.75rem;padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-text);font-size:1rem}.composer-input input::placeholder{color:var(--color-muted)}.composer-input button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--color-primary);color:#fff}.composer-tray{max-height:15.5rem;overflow-y:auto;margin:.15rem 0 var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 3px 8px #5d445229}.tray-filters{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none}.tray-filters button{min-height:2.2rem;padding:0 var(--space-sm);border-radius:999px;background:var(--color-surface-alt);color:var(--color-muted);font-size:.72rem;white-space:nowrap}.tray-filters button.active{background:var(--color-primary);color:#fff}.kaomoji-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.kaomoji-grid>div{position:relative;min-width:0}.kaomoji-grid>div>button:first-child{width:100%;min-height:3rem;padding:.4rem 1.8rem .4rem .4rem;border-radius:var(--radius-sm);background:var(--color-primary-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaomoji-grid>div>button:last-child,.sticker-grid>div>button:last-child{position:absolute;top:.15rem;right:.15rem;width:1.8rem;height:1.8rem;display:grid;place-items:center;background:transparent;color:var(--color-muted)}.kaomoji-grid svg,.sticker-grid>div>button:last-child svg{width:.9rem}.kaomoji-grid .favorite,.sticker-grid .favorite{color:var(--color-primary)!important}.sticker-tray-head{min-height:2.5rem;display:flex;align-items:center;justify-content:space-between}.sticker-tray-head>button{min-height:2.5rem;display:flex;align-items:center;gap:.3rem;padding:0 var(--space-xs);background:transparent;color:var(--color-primary);font-weight:700}.sticker-tray-head svg{width:1rem}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.sticker-grid>div{min-width:0;position:relative}.sticker-grid>div>button:first-child{width:100%;display:grid;gap:.25rem;background:transparent;text-align:left}.sticker-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.sticker-grid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.sticker-editor{display:grid;gap:var(--space-xs)}.sticker-editor-head{min-height:3.5rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm)}.sticker-editor-head img{width:3.5rem;height:3.5rem;object-fit:cover;border-radius:var(--radius-sm)}.sticker-editor-head button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:var(--color-surface-alt)}.sticker-editor-head svg{width:1rem}.sticker-editor label{display:grid;gap:.25rem;color:var(--color-muted);font-size:.72rem;font-weight:700}.sticker-editor input{width:100%;min-height:2.55rem;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}.sticker-editor .primary-button{margin-top:.15rem}.tab-content{display:grid;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-xl)}.quick-create,.wish-create{display:grid;gap:var(--space-xs);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.quick-create label{font-weight:750}.quick-create textarea{width:100%;min-height:6rem;resize:vertical;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}.quick-create .primary-button{justify-self:end}.note-list{display:grid;gap:var(--space-sm)}.saved-note{position:relative;min-height:7rem;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface-alt)}.saved-note small{color:var(--color-muted)}.saved-note p{margin-top:var(--space-sm);line-height:1.55}.saved-note span{position:absolute;right:var(--space-md);bottom:var(--space-sm);color:var(--color-primary)}.wish-create{grid-template-columns:1fr auto;padding:var(--space-sm)}.wish-create input{min-width:0;min-height:2.9rem;padding:0 var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}.wish-create button{display:flex;align-items:center;gap:.3rem}.wish-create svg{width:1rem}.wish-list{overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.wish-list>button{width:100%;min-height:4.25rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border-bottom:1px solid var(--color-border);text-align:left}.wish-list>button:last-child{border-bottom:0}.wish-check{width:1.55rem;height:1.55rem;display:grid;place-items:center;border:2px solid var(--color-primary);border-radius:50%;color:#fff}.wish-check svg{width:.9rem}.wish-list button>span:last-child{display:grid;gap:.2rem}.wish-list small{color:var(--color-muted)}.wish-list button.done .wish-check{background:var(--color-primary)}.wish-list button.done strong{color:var(--color-muted);text-decoration:line-through}.settings-header{padding:max(3.25rem,calc(env(safe-area-inset-top) + 1rem)) var(--space-lg) var(--space-md);background:var(--color-background)}.settings-header p{display:flex;align-items:center;gap:var(--space-xs);font-family:inherit;font-size:1.5rem;font-weight:800;color:var(--color-text)}.settings-header p svg{color:var(--color-primary)}.settings-header span{display:block;margin-top:.35rem;color:var(--color-muted);font-size:.82rem}.settings-polaroid{width:12rem;margin:var(--space-sm) auto var(--space-md);padding:.5rem .5rem 1.75rem;background:var(--color-surface);box-shadow:0 3px 8px #5d44522e;transform:rotate(2deg);position:relative}.settings-polaroid-pair{width:100%;height:8rem;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--color-primary-soft)}.settings-polaroid-pair img{width:100%;height:100%;object-fit:cover}.settings-polaroid span{position:absolute;bottom:.45rem;left:0;width:100%;text-align:center;color:var(--color-muted);font-family:DFKai-SB,KaiTi,cursive;font-size:.75rem}.settings-stack{padding-top:0}.settings-list{padding:0 var(--space-md)}.settings-row,.toggle-row{width:100%;min-height:4.2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);background:transparent;border-bottom:1px solid var(--color-border);text-align:left}.settings-row:last-child,.toggle-row:last-child{border-bottom:0}.settings-row>span:nth-child(2){display:grid;gap:.15rem}.settings-row small{color:var(--color-muted);font-size:.72rem}.settings-row>svg{color:var(--color-muted);width:1rem}.settings-icon{width:2.3rem;height:2.3rem;display:grid;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.settings-icon svg{width:1.1rem}.settings-signoff{padding:var(--space-md);text-align:center;color:var(--color-muted);font-family:DFKai-SB,KaiTi,cursive;line-height:1.7}.connection-card{display:grid;justify-items:center;gap:var(--space-md);padding-block:var(--space-xl);text-align:center}.connection-card>div{display:grid;gap:var(--space-xs)}.connection-card p{max-width:20rem;color:var(--color-muted);font-size:.82rem;line-height:1.65}.connection-card form{width:100%;display:grid;gap:var(--space-sm);text-align:left}.connection-mark{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.connection-mark.connected{background:color-mix(in srgb,var(--color-green) 16%,var(--color-surface));color:var(--color-green)}.connection-mark svg{width:1.5rem}.sticker-library-intro{display:grid;gap:var(--space-md)}.sticker-library-intro>div{display:grid;gap:.25rem}.sticker-library-intro p{color:var(--color-muted);font-size:.78rem;line-height:1.5}.sticker-library-intro .primary-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.sticker-library-intro .primary-button svg{width:1rem}.sticker-settings-editor{gap:var(--space-sm)}.sticker-manage-list{padding:0 var(--space-md)}.sticker-manage-row{min-height:5.5rem;display:grid;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.sticker-manage-row:last-child{border-bottom:0}.sticker-manage-row>img{width:4rem;height:4rem;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-primary-soft)}.sticker-manage-row>div:nth-child(2){min-width:0;display:grid;gap:.25rem}.sticker-manage-row>div:nth-child(2) strong,.sticker-manage-row>div:nth-child(2) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-manage-row>div:nth-child(2) span{color:var(--color-muted);font-size:.72rem}.sticker-manage-actions{display:flex;gap:.15rem}.sticker-manage-actions button{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;background:transparent;color:var(--color-muted)}.sticker-manage-actions button.favorite{color:var(--color-primary)}.sticker-manage-actions svg{width:1.05rem}.sticker-empty{min-height:13rem;display:grid;place-items:center;align-content:center;gap:var(--space-xs);padding:var(--space-lg);text-align:center}.sticker-empty>svg{width:2rem;color:var(--color-primary)}.sticker-empty span{max-width:18rem;color:var(--color-muted);font-size:.78rem;line-height:1.5}.subpage-header{min-height:5.5rem;display:flex;align-items:flex-end;gap:var(--space-sm);padding:max(1rem,env(safe-area-inset-top)) var(--space-sm) var(--space-sm);background:var(--color-nav);border-bottom:1px solid var(--color-border)}.subpage-header button{width:2.75rem;height:2.75rem;background:transparent;font-size:2rem}.subpage-header h1{font-size:1.2rem;line-height:2.75rem}.avatar-editor{display:flex;justify-content:space-around;gap:var(--space-lg);margin-top:var(--space-md)}.image-upload{display:grid;justify-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:.78rem;cursor:pointer}.image-upload img{width:6rem;height:6rem;border-radius:50%;object-fit:cover}.image-upload span{display:flex;align-items:center;gap:.25rem;color:var(--color-primary);font-weight:700}.image-upload svg{width:1rem}.form-card{display:grid;gap:var(--space-md)}.form-card h2{margin-bottom:.15rem}.toggle-row{grid-template-columns:auto 1fr auto}.toggle{width:3rem;height:1.75rem;padding:.2rem;border-radius:999px;background:var(--color-border);transition:background .18s var(--ease-out)}.toggle i{display:block;width:1.35rem;height:1.35rem;border-radius:50%;background:#fff;transform:translate(0);transition:transform .18s var(--ease-out)}.toggle.on{background:var(--color-primary)}.toggle.on i{transform:translate(1.25rem)}.test-notice{min-height:4.5rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--color-primary-soft);color:var(--color-primary);text-align:left}.test-notice svg{grid-row:1 / 3}.test-notice span{color:var(--color-muted);font-size:.75rem}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-top:var(--space-md)}.theme-choice{min-height:6rem;position:relative;display:grid;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-md);background:var(--color-background);border:1px solid var(--color-border);text-align:left;font-size:.75rem}.theme-choice>span{min-height:2.75rem;border-radius:var(--radius-sm);background:var(--swatch)}.theme-choice>svg{position:absolute;right:.6rem;top:.6rem;width:1rem;color:#fff;filter:drop-shadow(0 1px 2px oklch(20% .02 345 / .45))}.theme-choice.active{outline:2px solid var(--color-primary);outline-offset:1px}.theme-swatch-rose{--swatch: #f3c6d6}.theme-swatch-dark{--swatch: #1a1a1d}.theme-swatch-apple{--swatch: #73ae52}.theme-swatch-mars{--swatch: #01847f}.theme-swatch-paper{--swatch: #b22a2a}.theme-swatch-forest{--swatch: #99c39e}.theme-swatch-custom{--swatch: #c43f78}.wallpaper-upload{display:grid;gap:var(--space-sm);margin-top:var(--space-sm);cursor:pointer}.wallpaper-upload img{width:100%;height:8rem;object-fit:cover;border-radius:var(--radius-md)}.wallpaper-upload span{min-height:2.75rem;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.font-size-setting>p,.setting-title p{margin-top:.3rem;color:var(--color-muted);font-size:.75rem;line-height:1.45}.font-size-setting>div{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;margin-top:var(--space-sm);padding:.2rem;border-radius:var(--radius-sm);background:var(--color-background)}.font-size-setting button{min-height:2.6rem;border-radius:.4rem;background:transparent}.font-size-setting button.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.custom-theme-card{display:grid;gap:var(--space-md)}.setting-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.setting-title>div{min-width:0}.setting-title>span{flex:0 0 auto;padding:.3rem .55rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.7rem;font-weight:750}.color-settings{display:grid}.color-setting{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:700}.color-setting:last-child{border-bottom:0}.color-setting>span:last-child{display:flex;align-items:center;gap:var(--space-xs)}.color-setting input{width:2.75rem;height:2.75rem;padding:.2rem;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);cursor:pointer}.color-setting code{color:var(--color-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.reset-theme{min-height:2.75rem;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-weight:750}.bottom-nav{position:fixed;z-index:var(--z-nav);left:50%;bottom:0;transform:translate(-50%);width:100vw;max-width:480px;min-height:calc(4.65rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;padding:.35rem .25rem calc(.25rem + env(safe-area-inset-bottom));background:var(--color-nav);border-top:1px solid var(--color-border)}.bottom-nav button{min-height:4rem;display:grid;place-content:center;justify-items:center;gap:.2rem;padding:0;background:transparent;color:var(--color-muted);font-size:.72rem}.bottom-nav button svg{width:1.45rem;height:1.45rem;stroke-width:1.8}.bottom-nav button.active{color:var(--color-primary);font-weight:750}.bottom-nav button.active svg{stroke-width:2.5}.toast{position:fixed;z-index:var(--z-toast);left:50%;bottom:calc(6rem + env(safe-area-inset-bottom));transform:translate(-50%,1rem);max-width:calc(100% - 2rem);padding:.7rem 1rem;border-radius:999px;background:var(--color-text);color:var(--color-surface);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out);white-space:nowrap;font-size:.82rem}.toast.is-visible{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes sheet-in{0%{transform:translateY(1.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@media(hover:hover){.text-action:hover,.countdown:hover,.bottom-nav button:hover{color:var(--color-primary)}.photo-grid figure:hover img{transform:scale(1.035)}.settings-row:hover{color:var(--color-primary)}}@media(max-width:360px){.hero-note{display:none}.avatar-large{width:4.6rem;height:4.6rem}.anniversary-card{grid-template-columns:auto 1fr}.countdown{grid-column:2;justify-self:start}.photo-stats>div{padding-inline:var(--space-xs)}.photo-stats svg{display:none}.habit-row{grid-template-columns:repeat(2,1fr)}.visit-card em{display:none}}@media(min-width:760px){body{background:#e9d9e0}.app-shell{box-shadow:0 0 0 1px #d2bec6,0 8px 28px #5538462e}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}