@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-family: "Plus Jakarta Sans", "Microsoft YaHei", sans-serif;--surface: #fff8f5;--surface-dim: #e2d8d3;--surface-bright: #fff8f5;--surface-container-lowest: #ffffff;--surface-container-low: #fcf2ec;--surface-container: #f6ece7;--surface-container-high: #f0e6e1;--surface-container-highest: #ebe0db;--on-surface: #1f1b18;--on-surface-variant: #55433a;--inverse-surface: #352f2c;--inverse-on-surface: #f9efea;--outline: #887368;--outline-variant: #dbc1b5;--surface-tint: #99460b;--primary: #964408;--on-primary: #ffffff;--primary-container: #b65c22;--on-primary-container: #fffbff;--inverse-primary: #ffb68f;--secondary: #546251;--on-secondary: #ffffff;--secondary-container: #d8e7d1;--on-secondary-container: #5a6857;--tertiary: #795600;--on-tertiary: #ffffff;--tertiary-container: #956e1c;--on-tertiary-container: #fffbff;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--primary-fixed: #ffdbca;--primary-fixed-dim: #ffb68f;--on-primary-fixed: #331200;--on-primary-fixed-variant: #773200;--secondary-fixed: #d8e7d1;--secondary-fixed-dim: #bccbb6;--on-secondary-fixed: #121e11;--on-secondary-fixed-variant: #3d4a3a;--tertiary-fixed: #ffdea6;--tertiary-fixed-dim: #efbf66;--on-tertiary-fixed: #271900;--on-tertiary-fixed-variant: #5e4200;--background: #fff8f5;--on-background: #1f1b18;--surface-variant: #ebe0db;--rounded-sm: .25rem;--rounded: .5rem;--rounded-md: .75rem;--rounded-lg: 1rem;--rounded-xl: 1.5rem;--rounded-full: 9999px;--gutter: 1rem;--gutter-mobile: .75rem;--margin: 1.5rem;--margin-mobile: 1.25rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.25rem;--shadow-card: 0 4px 20px -2px rgba(82,59,44,.05),0 1px 3px 0 rgba(82,59,44,.03);--shadow-float: 0 16px 36px -8px rgba(82,59,44,.12),0 4px 12px -2px rgba(82,59,44,.04);--glass: rgba(252,251,249,.82);--hairline: rgba(43,38,35,.06)}*{box-sizing:border-box}html{min-width:320px;background:var(--surface);color:var(--on-surface);font-family:var(--font-family)}body{min-width:0;min-height:100vh;margin:0;background:var(--surface);overflow-x:hidden}#root{min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{outline-color:var(--outline)}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--outline);outline-offset:3px}.page-transition{min-height:100vh}.shell{min-height:100vh;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.main{width:100%;max-width:640px;margin:0 auto;padding:var(--space-lg) var(--margin)}.public-main{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:calc(var(--space-xl) + env(safe-area-inset-top));padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom))}.public-main:before{content:"";position:fixed;z-index:-1;top:12%;right:-4rem;width:12rem;height:12rem;border-radius:50%;background:var(--primary-fixed);opacity:.3}.public-main:after{content:"";position:fixed;z-index:-1;bottom:8%;left:-5rem;width:13rem;height:13rem;border-radius:50%;background:var(--secondary-fixed);opacity:.28}.public-content{width:100%}.brand-lockup{display:flex;align-items:center;gap:var(--space-sm)}.brand-mark{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--rounded-lg);background:var(--surface-container-low);border:1px solid var(--hairline);color:var(--primary);flex:0 0 auto}.brand-mark svg{width:1.35rem;height:1.35rem}.brand-name{font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.01em}.brand-subtitle{font-size:11px;line-height:14px;font-weight:500;letter-spacing:.06em;color:var(--on-surface-variant)}.auth-lockup{margin-bottom:var(--space-xl)}.auth-lockup .brand-mark{width:3rem;height:3rem;border-radius:var(--rounded-xl)}.auth-lockup .brand-mark svg{width:1.75rem;height:1.75rem}.auth-lockup .eyebrow{margin-top:var(--space-xl)}.topbar{position:sticky;top:0;z-index:10;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid var(--hairline)}.topbar-inner{width:100%;max-width:640px;min-height:60px;margin:0 auto;padding:var(--space-sm) var(--margin);display:flex;align-items:center;gap:var(--space-sm)}.topbar h1{flex:1;min-width:0;margin:0;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.015em}.topbar-title{flex:1;min-width:0}.topbar-title .label-sm{display:block;margin-bottom:var(--space-xs)}.topbar .button.ghost{flex:0 0 auto;width:44px;padding:0}.topbar-action{flex:0 0 auto}.couple-pill{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px;padding:var(--space-xs) var(--space-sm);border-radius:var(--rounded-full);background:var(--secondary-container);color:var(--on-secondary-container);font-size:11px;line-height:14px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.couple-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--secondary)}.onboarding-steps{display:flex;align-items:center;gap:var(--space-sm)}.step{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--on-surface-variant);font-size:12px;line-height:16px;white-space:nowrap}.step b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-container);font-size:12px}.step.active{color:var(--primary);font-weight:600}.step.active b{background:var(--primary);color:var(--on-primary)}.step-line{flex:1;height:1px;background:var(--outline-variant)}.headline{margin:0 0 var(--space-md);font-size:26px;line-height:34px;font-weight:600;letter-spacing:-.02em}.headline-sm{margin:0;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.015em}.display{margin:0 0 var(--space-sm);font-size:38px;line-height:46px;font-weight:700;letter-spacing:-.03em}.title{margin:0;font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.01em}.body-lg{font-size:16px;line-height:26px;letter-spacing:-.005em}.body{font-size:14px;line-height:22px}.label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em}.label-sm{font-size:11px;line-height:14px;font-weight:500;letter-spacing:.06em}.muted{color:var(--on-surface-variant)}.eyebrow{margin:0 0 var(--space-xs);color:var(--on-surface-variant);font-size:11px;line-height:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack-tight{display:flex;flex-direction:column;gap:var(--space-sm)}.row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.full-width{width:100%}.text-center{text-align:center}.break-anywhere{overflow-wrap:anywhere}.no-margin{margin:0}.space-before{margin-top:var(--space-md)}.text-time{color:var(--tertiary)}.text-sage{color:var(--secondary)}.pre-wrap{white-space:pre-wrap}.card{position:relative;overflow:hidden;background:var(--surface-container-lowest);border:1px solid rgba(43,38,35,.07);border-radius:var(--rounded-xl);padding:var(--space-lg);box-shadow:var(--shadow-card)}.card:where(fieldset){min-width:0}.card.surface{background:var(--surface-container-lowest)}.card.inset{background:var(--surface-container-low);border-color:transparent;box-shadow:none}.card.interactive{text-decoration:none;transition:border-color .2s ease,background-color .2s ease}.card.interactive:hover{border-color:var(--outline-variant);background:var(--surface-bright)}.card.interactive:active{background:var(--surface-container-low)}.card-quiet{background:transparent;border:0;box-shadow:none;padding:0}.soft{background:var(--surface-container-low);border:1px solid rgba(43,38,35,.06);border-radius:var(--rounded-lg);padding:var(--space-md)}.soft-strong{background:var(--surface-container-high);border-radius:var(--rounded-lg);padding:var(--space-md)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.section-heading h2,.section-heading h3{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-width:44px;min-height:44px;padding:.875rem 1.75rem;border:0;border-radius:var(--rounded-full);font-size:14px;line-height:22px;font-weight:600;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.button:disabled{opacity:.55}.button.primary{background:var(--primary);color:var(--on-primary)}.button.primary:hover{background:var(--primary-container)}.button.secondary{background:var(--surface-container-low);color:var(--on-surface);border:1px solid rgba(43,38,35,.06)}.button.secondary:hover{background:var(--surface-container)}.button.ghost{background:transparent;color:var(--on-surface);padding-left:var(--space-sm);padding-right:var(--space-sm)}.button.ghost:hover{background:var(--secondary-container);color:var(--on-secondary-container)}.button.danger{background:var(--error);color:var(--on-error)}.button.small{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:12px;line-height:16px}.button.icon-only{width:44px;padding:0}.button:active{transform:translateY(1px)}.field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.field>.label{color:var(--on-surface)}.field input,.field textarea,.field select,.search-input{width:100%;min-width:0;min-height:44px;border:1px solid transparent;border-radius:var(--rounded-lg);background:var(--surface-container-low);padding:var(--space-sm) var(--space-md);color:var(--on-surface)}.field input,.field textarea{font-size:17px;line-height:26px}.field input::placeholder,.field textarea::placeholder{color:var(--on-surface-variant);opacity:.72}.field textarea{min-height:180px;resize:vertical}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--on-surface-variant) 50%),linear-gradient(135deg,var(--on-surface-variant) 50%,transparent 50%);background-position:calc(100% - 20px) 19px,calc(100% - 15px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-xl)}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:var(--outline);background:var(--surface-container-lowest)}.field [aria-invalid=true]{border-color:var(--error)}.field-help{color:var(--on-surface-variant)}.error{background:var(--error-container);color:var(--on-error-container);border-radius:var(--rounded-lg);padding:var(--space-sm) var(--space-md)}.error a{color:var(--on-error-container);font-weight:600}.status-chip,.chip{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px;width:fit-content;max-width:100%;border-radius:var(--rounded-full);padding:var(--space-xs) var(--space-sm);font-size:11px;line-height:14px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.status-chip:before,.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.chip{background:var(--surface-container);color:var(--on-surface-variant)}.chip.time,.status-chip.time{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.chip.condition,.status-chip.condition,.chip.opened,.status-chip.opened{background:var(--secondary-container);color:var(--on-secondary-container)}.chip.ready,.status-chip.ready{background:var(--primary-fixed);color:var(--on-primary-fixed-variant);border:1px solid var(--primary)}.chip.draft{background:var(--surface-container);color:var(--on-surface-variant)}.ready-pulse{animation:ready-pulse 2.4s ease-in-out infinite}@keyframes ready-pulse{0%,to{border-color:var(--primary);opacity:1}50%{border-color:var(--primary-container);opacity:.78}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.stat{min-width:0;background:var(--surface-container-lowest);border:1px solid rgba(43,38,35,.06);border-radius:var(--rounded-lg);padding:var(--space-md) var(--space-sm);text-align:center;box-shadow:var(--shadow-card)}.stat strong{display:block;margin-bottom:var(--space-xs);font-size:20px;line-height:28px;font-weight:600;color:var(--on-surface)}.stat.sage strong{color:var(--secondary)}.stat.time strong{color:var(--tertiary)}.stat.primary strong{color:var(--primary)}.stats-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs)}.tabs{display:flex;align-items:center;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) 0;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs .button{flex:0 0 auto;white-space:nowrap}.tabs [aria-selected=true]{background:var(--primary);color:var(--on-primary)}.filter-tabs{margin:0 calc(var(--margin) * -1);padding-left:var(--margin);padding-right:var(--margin)}.filter-tabs .button{background:var(--surface-container);color:var(--on-surface-variant)}.filter-tabs .button[aria-selected=true]{background:var(--primary);color:var(--on-primary)}.couple-summary{background:var(--surface-container-lowest)}.couple-summary:after{content:"";position:absolute;width:10rem;height:10rem;top:-5rem;right:-4rem;border-radius:50%;background:var(--secondary-container);opacity:.42}.couple-summary-content{position:relative;z-index:1}.couple-names{display:flex;align-items:center;gap:var(--space-sm)}.couple-avatar-stack{display:flex;align-items:center;padding-left:var(--space-sm)}.avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-container-high);border:2px solid var(--surface-container-lowest);color:var(--secondary);font-size:17px;font-weight:600}.avatar+.avatar{margin-left:-12px}.couple-days{text-align:right}.couple-days strong{display:block;color:var(--primary);font-size:38px;line-height:46px;letter-spacing:-.03em}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);margin-top:var(--space-md);padding:var(--space-xs);background:var(--surface-container-low);border-radius:var(--rounded-lg)}.summary-strip>div{min-width:0;padding:var(--space-sm) var(--space-xs);border-radius:var(--rounded-md);text-align:center}.summary-strip>div:nth-child(2){background:var(--surface-container-lowest)}.letter-card{display:block}.letter-card.ready-card{border-color:var(--primary-fixed-dim);background:var(--surface-container-lowest)}.letter-card.locked-card{background:var(--surface-container-lowest)}.letter-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.letter-card-title{margin:var(--space-sm) 0 var(--space-xs);font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.015em}.letter-card-meta{display:flex;align-items:center;gap:var(--space-xs);color:var(--on-surface-variant);font-size:12px;line-height:16px}.letter-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm);background:var(--surface-container-low);border-radius:var(--rounded-lg)}.letter-card-footer .button{flex:0 0 auto}.locked-copy{min-height:92px;display:grid;place-items:center;text-align:center;background:var(--surface-container-high);border-radius:var(--rounded-xl);padding:var(--space-lg);color:var(--on-surface-variant)}.locked-scrim{position:relative;min-height:220px;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:var(--surface-container-high);border:1px solid var(--hairline);border-radius:var(--rounded-xl);padding:var(--space-xl);text-align:center}.locked-scrim:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid var(--hairline)}.locked-scrim-content{position:relative;z-index:1;max-width:28rem}.lock-emblem{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-md);border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:28px}.lock-emblem.sage{background:var(--secondary)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.countdown-cell{min-width:0;background:var(--tertiary-fixed);color:var(--on-tertiary-fixed);border-radius:var(--rounded-lg);padding:var(--space-sm);text-align:center}.countdown-cell strong{display:block;font-size:20px;line-height:28px;font-weight:700}.countdown-cell .label{display:block;margin-top:var(--space-xs);color:var(--on-tertiary-fixed-variant)}.countdown-compact{gap:var(--space-xs)}.countdown-compact .countdown-cell{padding:var(--space-xs)}.countdown-compact .countdown-cell strong{font-size:17px;line-height:24px}.server-notice{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--on-surface-variant)}.progress{height:8px;overflow:hidden;background:var(--surface-container-highest);border-radius:var(--rounded-full)}.progress>span{display:block;height:100%;min-width:0;background:var(--tertiary);border-radius:inherit;transition:width .22s ease}.progress.sage>span{background:var(--secondary)}.progress.primary>span{background:var(--primary)}.progress-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.media-grid img,.media-grid video{width:100%;max-width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid rgba(43,38,35,.06);border-radius:var(--rounded-lg)}.media-grid audio{width:100%}.media-tile{overflow:hidden;background:var(--surface-container-low);border-radius:var(--rounded-lg)}.media-tile figcaption{padding:var(--space-xs) var(--space-sm) var(--space-sm);color:var(--on-surface-variant);font-size:11px;line-height:14px}.audio-capsule{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-container-low);border:1px solid var(--hairline);border-radius:var(--rounded-xl)}.audio-controls{display:flex;align-items:center;gap:var(--space-sm)}.audio-controls .button{flex:0 0 auto;width:44px;padding:0}.waveform{display:flex;align-items:center;justify-content:space-between;gap:3px;height:32px;flex:1;overflow:hidden}.waveform-bar{width:4px;min-height:4px;border-radius:var(--rounded-full);background:var(--primary);transform-origin:center;animation:waveform-idle 1.8s ease-in-out infinite}.waveform-bar:nth-child(3n){background:var(--secondary)}.waveform-bar:nth-child(2n){animation-delay:.2s}.waveform-bar:nth-child(3n){animation-delay:.4s}@keyframes waveform-idle{0%,to{opacity:.45;transform:scaleY(.65)}50%{opacity:.9;transform:scaleY(1)}}.scrub-rail{height:6px;overflow:hidden;background:var(--surface-container-highest);border-radius:var(--rounded-full)}.scrub-rail>span{display:block;width:42%;height:100%;background:var(--primary);border-radius:inherit}.timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-md);list-style:none;padding:0 0 0 var(--space-lg);margin:0}.timeline:before{content:"";position:absolute;top:var(--space-xs);bottom:var(--space-xs);left:6px;width:1px;background:var(--outline-variant)}.timeline>li{position:relative}.timeline>li:before{content:"";position:absolute;top:var(--space-sm);left:calc(-1 * var(--space-lg) + 2px);width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.timeline>li.sage:before{background:var(--secondary);box-shadow:0 0 0 1px var(--secondary)}.timeline-item{display:block;text-decoration:none}.timeline-item:hover .title{color:var(--primary)}.bottom-nav{position:fixed;z-index:12;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xs);padding:var(--space-sm) max(var(--margin),calc((100vw - 640px) / 2 + var(--margin))) calc(var(--space-sm) + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.8);box-shadow:0 -1px 0 var(--hairline)}.bottom-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--rounded-full);color:var(--on-surface-variant);font-size:12px;line-height:16px;font-weight:600;text-decoration:none}.bottom-nav a[aria-current=page]{color:var(--on-secondary-container)}.bottom-nav a[aria-current=page]:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--secondary-container)}.fab{position:fixed;z-index:13;right:max(var(--margin),calc((100vw - 640px) / 2 + var(--margin)));bottom:calc(5.5rem + env(safe-area-inset-bottom));box-shadow:var(--shadow-float)}.modal-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:var(--margin);background:#1f1b188c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);isolation:isolate}.modal{position:relative;z-index:1;width:100%;max-width:520px;max-height:calc(100svh - 2 * var(--margin));overflow:auto;background:#fff!important;border:1px solid rgba(43,38,35,.07);border-radius:var(--rounded-xl);padding:var(--space-lg);box-shadow:0 24px 48px -12px #00000040;isolation:isolate}.modal .row:last-child{margin-top:var(--space-lg)}.modal .row:last-child .button{flex:1 1 12rem}.offline{position:sticky;top:60px;z-index:9;padding:var(--space-sm) var(--margin);background:var(--tertiary-fixed);color:var(--on-tertiary-fixed);text-align:center;font-size:12px;line-height:16px}.toast-region{position:fixed;z-index:40;right:max(var(--margin),calc((100vw - 640px) / 2 + var(--margin)));bottom:calc(5.5rem + env(safe-area-inset-bottom));left:max(var(--margin),calc((100vw - 640px) / 2 + var(--margin)));display:flex;justify-content:center;pointer-events:none}.toast-region>*{width:min(100%,32rem);pointer-events:auto}.skeleton{min-height:92px;background:var(--surface-container-high);border-radius:var(--rounded-xl);animation:skeleton-pulse 1.8s ease-in-out infinite}.skeleton.short{min-height:44px}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.loading-stack{display:flex;flex-direction:column;gap:var(--space-md)}.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}.editor-shell{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}.editor-toolbar{display:flex;gap:var(--space-xs);overflow-x:auto;padding:var(--space-xs) 0;scrollbar-width:none}.editor-toolbar::-webkit-scrollbar{display:none}.editor-toolbar .button{flex:0 0 auto}.editor-body{min-height:240px;padding:var(--space-md);background:var(--surface-container-low);border-radius:var(--rounded-lg);font-size:17px;line-height:28px;resize:none}.sticky-actions{position:fixed;z-index:11;right:0;bottom:calc(4.75rem + env(safe-area-inset-bottom));left:0;display:flex;justify-content:center;padding:var(--space-sm) max(var(--margin),calc((100vw - 640px) / 2 + var(--margin)));background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--hairline)}.sticky-actions-inner{width:100%;max-width:640px;display:flex;gap:var(--space-sm)}.sticky-actions-inner .button{flex:1}.upload-item{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.upload-item-preview{width:64px;height:64px;overflow:hidden;flex:0 0 auto;display:grid;place-items:center;background:var(--surface-container-high);border-radius:var(--rounded-lg)}.upload-item-preview img,.upload-item-preview video{width:100%;height:100%;object-fit:cover}.upload-item-body{min-width:0;flex:1}.upload-item-body>*{max-width:100%;overflow-wrap:anywhere}.condition-option{display:flex;align-items:center;gap:var(--space-sm);min-height:56px;padding:var(--space-sm) var(--space-md);background:var(--surface-container-lowest);border:1px solid rgba(43,38,35,.06);border-radius:var(--rounded-lg);cursor:pointer}.condition-option:has(input:checked){border-color:var(--secondary);background:var(--secondary-container);color:var(--on-secondary-container)}.condition-option input[type=checkbox],.condition-option input[type=radio]{width:20px;height:20px;accent-color:var(--secondary)}.condition-option>.option-text{flex:1;width:auto;min-height:44px;border:1px solid transparent;border-radius:var(--rounded);background:var(--surface-container-low);padding:var(--space-sm) var(--space-md)}.condition-option>.option-text:focus{border-color:var(--outline);background:var(--surface-container-lowest)}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs);padding:var(--space-xs);background:var(--surface-container-low);border-radius:var(--rounded-full)}.segmented .button{width:100%}.status-panel{text-align:center}.status-panel-mark{display:inline-grid;place-items:center;width:64px;height:64px;margin:0 auto var(--space-md);border-radius:50%;background:var(--surface-container-low);color:var(--primary);font-size:24px}.status-panel.error-state .status-panel-mark{background:var(--error-container);color:var(--on-error-container)}.status-panel-actions{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.review-panel{margin-bottom:var(--space-md)}.review-body{max-height:30vh;overflow:auto;white-space:pre-wrap}.letter-reading p{margin:0 0 var(--space-md)}.letter-reading p:last-child{margin-bottom:0}@media(max-width:479px){.main,.topbar-inner,.public-main{padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}.display{font-size:30px;line-height:38px;letter-spacing:-.025em}.stats,.stats-summary,.summary-strip{grid-template-columns:repeat(2,1fr)}.filter-tabs{margin-left:calc(var(--margin-mobile) * -1);margin-right:calc(var(--margin-mobile) * -1);padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}.countdown-compact{grid-template-columns:repeat(2,1fr)}.media-grid{grid-template-columns:1fr}.bottom-nav{padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}.fab{right:var(--margin-mobile)}.toast-region{right:var(--margin-mobile);left:var(--margin-mobile)}.modal-backdrop{padding:var(--margin-mobile)}.modal{max-height:calc(100svh - 2 * var(--margin-mobile))}.couple-days strong{font-size:30px;line-height:38px}.couple-summary .row-between{align-items:flex-start}.letter-card-footer{align-items:flex-start;flex-direction:column}.letter-card-footer .button{width:100%}.sticky-actions{padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}.toast-region .error,.toast-region .soft{width:100%}#root{padding:6px}.reference-shell{border-radius:2.25rem;min-height:calc(100svh - 12px)}.public-main .public-content{padding-top:.9rem}.auth-lockup .display{font-size:31px;line-height:39px}.display{font-size:29px;line-height:37px}.page-mailbox .letter-card{grid-template-columns:68px 1fr}.page-mailbox .letter-card:before{width:68px;height:86px}.page-memories .stats-summary{grid-template-columns:repeat(2,1fr)}.page-memories .stats-summary .stat:first-child{grid-column:1 / -1}.page-data-export .stats,.page-data-import .stats{grid-template-columns:repeat(2,1fr)}.export-summary-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.export-summary-stat-col{padding:10px 6px;background:#f6ece766;border-radius:12px;border-right:none}.export-summary-stat-col .export-stat-sub{white-space:normal}.export-summary-stat-col .export-stat-value{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--surface: rgb(250,246,242);--surface-dim: rgb(240,233,225);--surface-bright: rgb(250,246,242);--surface-container-lowest: rgb(255,255,255);--surface-container-low: rgb(248,243,238);--surface-container: rgb(245,235,232);--surface-container-high: rgb(245,235,232);--surface-container-highest: rgb(232,220,201);--on-surface: rgb(62,39,35);--on-surface-variant: rgb(141,110,99);--outline: rgb(141,110,99);--outline-variant: rgb(234,224,213);--primary: rgb(179,110,87);--primary-container: rgb(179,110,87);--on-primary: rgb(255,255,255);--secondary: rgb(130,156,125);--secondary-container: rgb(235,243,237);--on-secondary-container: rgb(91,116,87);--tertiary: rgb(214,197,173);--tertiary-fixed: rgb(248,243,238);--on-tertiary-fixed: rgb(62,39,35);--on-tertiary-fixed-variant: rgb(141,110,99);--primary-fixed: rgb(255,240,235);--primary-fixed-dim: rgb(214,153,134);--on-primary-fixed: rgb(62,39,35);--on-primary-fixed-variant: rgb(179,110,87);--secondary-fixed: rgb(235,243,237);--shadow-card: 0 4px 20px -2px rgba(131,102,86,.08);--shadow-float: 0 10px 20px -4px rgba(179,110,87,.28);--glass: rgba(250,246,242,.9);--hairline: rgba(234,224,213,.72)}html,body{min-height:100%;background:#f0e9e1}body{display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{width:100%;min-height:100vh;padding:0;display:flex;align-items:center;justify-content:center}.page-transition{min-height:0;flex:1;display:flex;flex-direction:column}.page-transition>.main{flex:1;min-height:0;overflow-y:auto}.reference-shell{width:100%;height:100vh;min-height:0;border-radius:0;background:#faf6f2;box-shadow:none;overflow:hidden;display:flex;flex-direction:column}.reference-shell:before{width:100%;height:100%;inset:0;filter:none;opacity:1;border-radius:0;background-image:radial-gradient(circle at 10% 20%,rgba(131,102,86,.05) 0%,transparent 40%),radial-gradient(circle at 80% 60%,rgba(131,102,86,.04) 0%,transparent 50%),radial-gradient(circle at 30% 90%,rgba(131,102,86,.06) 0%,transparent 40%);transform:none}.reference-shell:after{display:none}.shell{padding-bottom:0}.main{max-width:none;padding:0 1.5rem 2rem}.public-main{max-width:none;min-height:0;padding:0 2rem 1rem;overflow-y:auto}.public-main .public-content{padding-top:0}.topbar{flex:0 0 auto;background:#faf6f2e6;border:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-inner{max-width:none;min-height:58px;padding:.75rem 1.5rem}.topbar h1,.mailbox-brand{color:#3e2723;font-size:16px;line-height:24px;font-weight:700;letter-spacing:0}.topbar .back-button{width:36px;height:36px;min-height:36px;margin-left:-.35rem;font-size:34px;color:#3e2723}.topbar-title{max-width:calc(100% - 6rem)}.topbar-mailbox .topbar-inner{padding-top:1.5rem}.topbar-mailbox .mailbox-brand{font-size:20px;gap:.35rem}.topbar-mailbox .mailbox-brand span{font-size:11px;color:#8d6e63}.topbar-mailbox .mailbox-brand b{color:#b36e57;font-size:13px}.card{border:1px solid rgba(234,224,213,.65);border-radius:1.5rem;background:#fffffff5;box-shadow:0 4px 20px -2px #83665614;padding:1.25rem}.card.inset,.soft{background:#f8f3ee;border-color:#eae0d5b8}.stack{gap:1rem}.display{color:#3e2723;font-size:32px;line-height:40px;letter-spacing:-.03em}.headline{color:#3e2723;font-size:24px;line-height:32px}.body-lg,.body,.muted{color:#8d6e63}.button{min-height:48px;border-radius:999px;padding:.8rem 1.5rem;font-size:15px}.button.primary{background:#b36e57;box-shadow:0 8px 16px #b36e574d}.button.secondary{background:#f8f3ee;color:#3e2723;border-color:#eae0d5}.button.ghost{min-height:40px;color:#3e2723}.field{gap:.4rem}.field>.label{color:#3e2723;font-size:13px;line-height:18px;font-weight:500}.field input,.field textarea,.field select,.search-input{min-height:52px;padding:.8rem 1rem;border:1px solid transparent;border-radius:1rem;background:#f8f3ee;font-size:15px}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{border-color:#b36e57;background:#fff;box-shadow:0 0 0 2px #b36e571a}.status-chip,.chip{min-height:30px;padding:.35rem .65rem;font-size:10px;letter-spacing:0}.status-chip:before,.chip:before{width:6px;height:6px}.chip.time,.status-chip.time{background:#f8f3ee;color:#b36e57}.chip.condition,.status-chip.condition,.chip.opened,.status-chip.opened{background:#ebf3ed;color:#829c7d}.chip.ready,.status-chip.ready{background:#b36e57;color:#fff;border:0}.chip.draft{background:#fff0eb;color:#b36e57}.summary-strip{background:#f8f3ee}.toast-region{position:fixed;z-index:2000;top:1.5rem;left:0;right:0;bottom:auto;display:flex;justify-content:center;align-items:center;pointer-events:none;width:auto;margin:0 auto}.toast-region .soft,.toast-region .error{background:#1f1b18eb!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;padding:8px 18px!important;box-shadow:0 8px 24px #00000038!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;font-size:13px;line-height:18px;width:auto!important}.toast-region .error{background:#93000af2!important;color:#fff!important}@media(min-width:480px){#root{min-height:100vh}.reference-shell{width:390px;height:844px;min-height:844px;border:8px solid #fff;border-radius:40px;box-shadow:0 20px 40px #0000001a}.main{padding-left:1.5rem;padding-right:1.5rem}.public-main{padding-left:2rem;padding-right:2rem}}.auth-lockup{margin:0 0 1.4rem}.auth-brand-logo{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-bottom:2.25rem}.auth-lockup .brand-lockup{gap:.35rem}.auth-lockup .brand-mark{width:4rem;height:4rem;border-radius:1rem;background:#fff;color:#b36e57;box-shadow:0 4px 20px -2px #83665614}.auth-lockup .brand-mark svg{width:2rem;height:2rem}.auth-lockup .brand-mark:after{content:none}.auth-lockup .brand-name{color:#3e2723;font-size:14px;font-weight:500;letter-spacing:.22em}.auth-logo-rule{width:1.5rem;height:1px;background:#eae0d5}.auth-lockup .display{margin:0 0 .7rem;font-size:34px;line-height:42px}.auth-lockup .body-lg{margin:0;white-space:pre-line;font-size:14px;line-height:24px}.public-login .public-content{padding-top:8.5rem}.public-login .auth-lockup .brand-lockup{gap:1.4rem}.public-login .auth-brand-logo{margin-bottom:3.85rem}.public-login .auth-lockup{margin-bottom:1.5rem}.public-register .public-content{padding-top:4rem}.public-register .auth-brand-logo{margin-bottom:1.5rem}.public-register .auth-lockup{margin-bottom:1.6rem}.public-main .card{border-color:#fffc}.public-main .card .button.primary{width:100%}.auth-form{gap:1rem}.auth-form .field input{min-height:52px}.auth-form .email-field,.auth-form .password-field{position:relative}.auth-form .email-field:before,.auth-form .password-field:before{display:none;content:none}.auth-form .email-field input,.auth-form .password-field input{padding-left:1rem}.auth-form-row{font-size:13px}.auth-form-row input[type=checkbox]{width:20px;height:20px;accent-color:rgb(179,110,87)}.auth-form-row a,.auth-footnote a{color:#b36e57}.auth-footnote{margin:.6rem 0 0;font-size:13px}.public-footer-note{bottom:.75rem;color:#8d6e63a3;font-size:11px}.page-mailbox .main{padding-top:.15rem}.page-mailbox .mailbox-welcome{min-height:150px;padding:.8rem 0 0;margin-bottom:.15rem}.page-mailbox .mailbox-welcome .display{margin:0 0 .45rem;font-size:27px;line-height:35px}.page-mailbox .mailbox-welcome .body-lg{max-width:14rem;font-size:12px;line-height:19px}.page-mailbox .mailbox-art{right:-.3rem;bottom:1rem;width:6.2rem;height:6.3rem;border-radius:2.5rem 2.5rem .75rem .75rem;background:#e8dcc9;color:#b36e57;font-size:1.8rem;transform:none;box-shadow:inset 0 -1.7rem #d6c5ad94}.page-mailbox .mailbox-art:before{width:4.4rem;height:2.8rem;bottom:.75rem;border:0;border-radius:.45rem;background:#fff;transform:rotate(-12deg);box-shadow:0 2px 4px #83665614}.mailbox-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:.2rem}.mailbox-stat-card{min-height:130px;padding:14px 14px 12px;border-radius:1.4rem}.mailbox-stat-icon{width:2rem;height:2rem;display:grid;place-items:center;margin-bottom:.35rem;border-radius:50%;color:#b36e57;background:#fff0eb;font-size:16px}.mailbox-stat-icon.letter-icon{background:#f8f3ee}.mailbox-stat-card>.label-sm{color:#8d6e63;font-size:11px}.mailbox-stat-card>strong{display:block;margin:.25rem 0 .35rem;color:#3e2723;font-family:Georgia,Times New Roman,serif;font-size:28px;line-height:32px}.mailbox-stat-card>strong small{font-family:inherit;color:#8d6e63;font-size:13px;font-weight:400}.mailbox-stat-card .stat-note{color:#8d6e63bf;font-size:10px;line-height:14px}.page-mailbox .row-between>.button.secondary{display:none}.page-mailbox .row-between>.button.ghost{margin-left:auto}.page-mailbox .filter-tabs{margin-top:.1rem;margin-bottom:.1rem}.page-mailbox .filter-tabs .button{min-height:39px;padding:.5rem 1rem;font-size:13px;border:1px solid rgb(234,224,213);box-shadow:0 2px 6px #8366560d}.page-mailbox .filter-tabs .button[aria-selected=true]{background:#b36e57;border-color:#b36e57}.page-mailbox .fab{width:min(80%,19rem);margin-top:.4rem}.profile-photo-stage{position:relative;display:flex;align-items:center;width:92px;height:76px;padding-left:.35rem;flex:0 0 auto}.profile-photo-stage:after{content:"";position:absolute;left:2.9rem;width:3.5rem;height:3.5rem;border:2px solid white;border-radius:50%;background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:0 2px 4px #83665614}.profile-photo{position:relative;z-index:2;width:3.5rem;height:3.5rem;border:2px solid white;border-radius:50%;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);background-position:center;background-size:cover;box-shadow:0 2px 4px #83665614}.profile-photo.has-photo{background-color:#f8f3ee}.profile-photo-edit{position:absolute;z-index:4;right:.2rem;bottom:-.1rem;display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:#fff;color:#b36e57;box-shadow:0 2px 5px #83665624;font-size:13px;cursor:pointer}.profile-photo-edit input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-hero{min-height:92px}.settings-hero-copy strong{font-size:18px}.settings-hero-copy span{font-size:10px}.settings-hero-mail{color:#b36e57}.page-settings .settings-section-card{padding:0;overflow:hidden;border-radius:1.35rem}.page-settings .settings-section-card>.headline-sm{margin:1rem 1rem .35rem;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.page-settings .settings-row{padding:.75rem 1rem;min-height:56px;border-top-color:#f8f3ee}.page-settings .settings-row-icon{width:32px;height:32px;font-size:15px;background:#fff0eb}.page-settings .settings-row-copy strong{font-size:13px;font-weight:500}.page-settings .settings-row-copy span{font-size:10px}.page-settings .settings-row-value{font-size:11px}.page-settings .settings-row-arrow{font-size:22px;color:#8d6e6380}.page-settings .settings-save-button{margin:.4rem 1rem 1rem;width:calc(100% - 2rem)}.page-settings .settings-details{margin:0 1rem}.page-settings .settings-logout{margin:.4rem 1rem 0;width:calc(100% - 2rem)}.page-letter-detail .main{padding-top:.3rem}.page-letter-detail .letter-detail-actions{display:none}.letter-summary{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:.8rem;min-height:92px;padding:1rem;border:1px solid rgba(234,224,213,.65);border-radius:1.2rem;background:#fff;box-shadow:0 4px 20px -2px #83665614}.letter-summary-cover{position:relative;display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:.8rem;background:linear-gradient(135deg,#ff9a9e,#fecfef);box-shadow:inset 0 0 0 1px #ffffffb3}.letter-summary-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a1c4fd2e,#c2e9fb2e)}.letter-summary-cover span{position:relative;z-index:1;color:#b36e57;font-size:22px}.letter-summary-cover.cover-opened{background:linear-gradient(135deg,#f6d365,#fda085)}.letter-summary-cover.cover-scheduled{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.letter-summary-cover.cover-condition_waiting{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.letter-summary-copy{min-width:0}.letter-summary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem;margin-bottom:.3rem}.letter-summary-heading h2{margin:0;min-width:0;font-size:16px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-summary-heading .chip{flex:0 0 auto;min-height:24px;padding:.25rem .45rem;font-size:9px}.letter-summary-heading .chip:before{display:none}.letter-summary-meta{font-size:10px;line-height:16px;color:#8d6e63}.letter-summary-meta+.letter-summary-meta{margin-top:.1rem}.meta-dot{width:4px;height:4px;border-radius:50%;background:#eae0d5}.letter-locked-card{padding:1.25rem;border-radius:1.35rem}.letter-locked-card.envelope-card{--envelope-card-padding: 1.25rem;padding:var(--envelope-card-padding)}.envelope-illustration{position:relative;isolation:isolate;flex:0 0 auto;width:calc(100% + var(--envelope-card-padding) * 2);height:104px;margin:calc(-1 * var(--envelope-card-padding)) calc(-1 * var(--envelope-card-padding)) 0;pointer-events:none}.envelope-illustration-thread{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.envelope-illustration-art{position:absolute;top:18px;left:50%;transform:translate(-50%);width:100px;height:auto;z-index:1}.letter-locked-card>.locked-scrim{min-height:170px;order:3}.letter-locked-card .headline-sm{text-align:center}.countdown-icon{display:grid;place-items:center;color:#b36e57;font-size:38px}.letter-locked-card .countdown{order:2;gap:0;margin:.2rem 0 .4rem;padding:.65rem 0;border-radius:1rem;background:#fff}.letter-locked-card .countdown-cell{padding:.35rem .2rem;border-right:1px solid rgb(234,224,213);border-radius:0;background:transparent}.letter-locked-card .countdown-cell:last-child{border-right:0}.letter-locked-card .countdown-cell strong{color:#3e2723;font-family:Georgia,Times New Roman,serif;font-size:30px;line-height:34px}.letter-locked-card .countdown-cell .label{color:#8d6e63;font-size:10px}.letter-locked-card .locked-scrim{background:#f8f3ee}.letter-locked-card .locked-scrim:before{background:#ffffff8c}.letter-locked-card .lock-emblem{width:44px;height:44px;margin-bottom:.5rem;background:#b36e57;font-size:20px}.letter-locked-card .locked-scrim h2{font-size:14px;line-height:20px}.letter-locked-card .locked-scrim p{font-size:11px;line-height:17px}.letter-locked-card .server-notice{justify-content:center;text-align:center;align-items:center}.letter-locked-card .server-notice p{margin:0;font-size:10px}.condition-card .locked-scrim{order:0}.condition-card fieldset{padding:0;border:0}.condition-card fieldset legend{margin-bottom:.35rem}.condition-card .condition-option{min-height:48px;padding:.6rem .8rem;border-radius:.9rem}.heart-rating-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.heart-rating-card h2{margin:0 0 .2rem}.heart-rating-card .heart-rating{display:flex;gap:.05rem}.heart-rating-card .heart-rating .button{width:24px;min-width:24px;min-height:32px;padding:0;color:#b36e57;font-size:24px}.letter-media-card{padding:1rem}.letter-media-card .section-heading{margin:0}.letter-media-card .media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.letter-media-card .media-tile figcaption{display:none}.letter-media-card .media-tile,.letter-media-card .media-tile img,.letter-media-card .media-tile video{min-height:72px;aspect-ratio:1}.letter-media-card .audio-capsule{grid-column:span 3;min-height:72px;padding:.7rem;border-radius:.8rem}.letter-media-card .audio-capsule .audio-controls{gap:.35rem}.page-letter-detail .letter-body-card{padding:1.25rem;border-radius:1.35rem}.page-letter-detail .letter-reading{font-size:14px;line-height:28px}.page-letter-detail .letter-reading p{margin-bottom:.9rem}.page-letter-detail .timeline{padding-left:1.4rem;gap:.8rem}.page-letter-detail .timeline-item{padding:.85rem;border-radius:1rem;background:#f8f3ee}.editor-shell .main{padding-bottom:7rem}.page-letters-new .topbar-action,.page-letters-id-edit .topbar-action{font-size:10px}.draft-save-status{min-height:28px;padding:.35rem .6rem;border-radius:.8rem;background:#fff;color:#8d6e63;font-size:10px;box-shadow:0 2px 6px #8366560f}.compose-content-stack{display:grid;gap:1rem}.compose-title-card,.compose-body-card{padding:12px 16px;border-radius:18px}.compose-title-card .editor-title-control input{min-height:40px;border:0;border-radius:0;background:transparent;padding:.25rem 2.6rem .25rem 0;font-size:16px}.compose-title-card .editor-title-control>span{right:0;bottom:.35rem;top:auto;transform:none;font-size:10px}.compose-body-card{min-height:140px}.compose-body-card .editor-body-field{min-height:120px}.compose-body-card .editor-body{min-height:110px;padding:0;border:0;border-radius:0;background:transparent;font-size:14px;line-height:22px}.compose-body-card .editor-body-field>.body{right:0;bottom:0;font-size:10px}.compose-body-card .editor-body::placeholder{color:#8d6e638c}.editor-toolbar{display:none}.media-card{padding:1rem}.media-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:0;background:transparent}.media-action{min-height:48px;border-radius:.9rem;background:#fff;box-shadow:0 4px 20px -2px #83665614;font-size:13px}.media-action-icon{font-size:20px;color:#3e2723}.upload-item{padding:.7rem;border-radius:.9rem}.editor-shell .segmented{padding:.25rem;border-radius:.8rem;background:#f8f3ee}.editor-shell .segmented .button{min-height:38px;padding:.45rem .6rem;font-size:12px;border-radius:.6rem}.editor-shell .segmented .button.primary{box-shadow:0 2px 5px #8366561a}.editor-shell .row[aria-label=相对开启时间]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.editor-shell .row[aria-label=相对开启时间] .button{min-height:58px;padding:.45rem .25rem;border-radius:.75rem;font-size:12px}.editor-shell .recipient-card{padding:1rem}.editor-shell .recipient-card>h2{display:inline;margin:0;font-size:14px}.editor-shell .recipient-row{min-height:42px;padding:.4rem .65rem;border:0;border-radius:.65rem;background:#f8f3ee}.editor-shell .recipient-icon{width:24px;height:24px;font-size:18px}.editor-shell .sticky-actions{position:relative;z-index:5;margin:1.25rem 0 0;padding:0;background:transparent;border-top:0;-webkit-backdrop-filter:none;backdrop-filter:none}.editor-shell .sticky-actions-inner{width:100%;max-width:100%;display:flex;gap:.75rem}.editor-shell .sticky-actions .button{min-height:48px;font-size:15px;flex:1}.page-letters-id-appendices-new .main{padding-bottom:8rem}.page-letters-id-appendices-new .appendix-target{padding:0;border:0}.page-letters-id-appendices-new .appendix-target-art{width:64px;height:64px;border-radius:.8rem;background:linear-gradient(135deg,#ff9a9e,#fecfef)}.page-letters-id-appendices-new .appendix-target h2{font-size:16px;line-height:22px}.page-letters-id-appendices-new .editor-body{min-height:210px;background:transparent;border:0;padding:0;font-size:14px;line-height:25px}.page-letters-id-appendices-new .card:first-child{padding:1rem}.page-letters-id-appendices-new .media-action-row{margin-top:.25rem}.page-letters-id-appendices-new .soft.body{padding:.75rem;border:0;border-radius:.75rem;font-size:11px}.page-letters-id-appendices-new .appendix-actions{position:fixed;z-index:11;right:0;bottom:0;left:0;display:grid;gap:.6rem;padding:.8rem 1.5rem calc(.8rem + env(safe-area-inset-bottom));background:linear-gradient(to top,#faf6f2 62%,#faf6f200)}.page-letters-id-appendices-new .appendix-actions .button{width:min(100%,390px);margin:0 auto}.page-memories .main{padding-top:.2rem}.memories-banner{position:relative;min-height:156px;overflow:hidden;padding:1.25rem;border:1px solid rgba(255,255,255,.9);border-radius:1.35rem;background:linear-gradient(135deg,#fdfbf9,#f4ebe3);box-shadow:0 4px 20px -2px #83665614}.memories-banner span{display:block;margin-bottom:.2rem;color:#3e2723;font-size:13px;font-weight:500}.memories-banner strong{display:block;margin-bottom:.55rem;color:#3e2723;font-family:Georgia,Times New Roman,serif;font-size:48px;line-height:50px}.memories-banner strong small{color:#8d6e63;font-family:inherit;font-size:13px;font-weight:400}.memories-banner p{margin:0;color:#8d6e63;font-size:11px;line-height:17px}.memories-banner-art{position:absolute;top:2rem;right:2rem;display:grid;place-items:center;width:5.2rem;height:4.3rem;transform:rotate(6deg);border-radius:.45rem;background:#fff;color:#b36e57;box-shadow:0 4px 12px #8366561f;font-size:24px}.memories-banner-art:after{content:"Together\a Always";white-space:pre;position:absolute;right:-.9rem;bottom:-2.1rem;color:#b36e5780;font-family:Georgia,Times New Roman,serif;font-size:11px;line-height:14px;transform:rotate(-12deg)}.page-memories .stats-summary{grid-template-columns:repeat(3,1fr);gap:.6rem}.page-memories .stats-summary .stat:first-child{grid-column:auto;min-height:106px;padding:.85rem .7rem;text-align:left;background:#fff}.page-memories .stats-summary .stat{min-height:106px;padding:.85rem .7rem;border-radius:1rem;text-align:left;background:#fff;box-shadow:0 4px 20px -2px #83665614}.page-memories .stats-summary .stat:before{content:none;display:none}.page-memories .stats-summary .stat strong{margin:0;color:#3e2723;font-family:Georgia,Times New Roman,serif;font-size:25px;line-height:30px}.page-memories .stats-summary .stat .label-sm{font-size:10px}.memories-tabs{padding:.2rem;border-radius:999px;background:#f8f3ee}.memories-tabs .button{flex:1;min-height:37px;padding:.45rem .5rem;font-size:12px}.memories-tabs .button.primary{box-shadow:0 2px 5px #83665614}.memory-timeline-heading{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem}.memory-timeline-heading h2{margin:0}.page-memories .timeline{padding-left:1rem}.page-memories .timeline-item{padding:1rem;border-radius:1rem;background:#fff;box-shadow:0 4px 20px -2px #83665614}.page-data-export .main,.page-data-import .main{padding-bottom:7rem}.page-data-export .data-page-heading,.page-data-import .data-page-heading{padding:.2rem 0 .4rem;text-align:center}.page-data-export .data-page-heading p,.page-data-import .data-page-heading p{font-size:12px}.page-data-export .export-scope-card,.page-data-import .import-file-card,.page-data-import .import-info-card,.page-data-import .import-validation-card,.page-data-import .import-conflict-card{border-radius:1.35rem}.page-data-export .export-mode-row{gap:.65rem}.page-data-export .export-mode{min-height:82px;border-radius:1rem}.page-data-export .export-mode.active{background:#b36e57}.page-data-export .export-filter-label{margin-top:.35rem}.page-data-export .export-filter-label h2{font-size:16px}.page-data-export .export-scope-card>.row{display:grid;grid-template-columns:repeat(2,1fr)}.page-data-export .export-scope-card>.row .field{min-width:0}.page-data-export .export-summary-card{background:#fff}.page-data-export .export-summary-card .stats{gap:0}.page-data-export .export-summary-card .stat{padding:.65rem .2rem;border:0;border-radius:0;box-shadow:none;background:transparent}.page-data-export .export-summary-card .stat+.stat{border-left:1px solid rgb(234,224,213)}.page-data-export .data-page-actions,.page-data-import .data-page-actions{position:fixed;z-index:11;right:0;bottom:0;left:0;display:grid;gap:.6rem;padding:.8rem 1.5rem calc(.8rem + env(safe-area-inset-bottom));background:#ffffffe6;border-top:1px solid rgba(234,224,213,.65);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.data-page-actions>*{width:min(100%,390px);margin:0 auto}.page-data-import .data-page-actions{background:linear-gradient(to top,#faf6f2 62%,#faf6f200);border-top:0}.page-data-import .import-file-row{border:0;padding:0}.page-data-import .zip-file-icon{width:3rem;height:3rem;border-radius:.7rem;background:#f5ebe8;color:#b36e57}.page-data-import .import-info-grid{border:0}.page-data-import .import-info-grid>div{padding:.7rem .25rem}.page-data-import .import-conflict-card .stats{grid-template-columns:repeat(3,1fr)}.page-data-import .import-conflict-card .stat{padding:.8rem .35rem;border:0;border-radius:.9rem;box-shadow:none;background:#f8f3ee}.page-data-import .import-conflict-card .stat.sage{background:#ebf3ed}.page-data-import .data-page-actions .label-sm{text-align:center}html,body{background:var(--surface-dim)}#root{min-height:calc(100vh - 16px);padding:8px}.reference-shell{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 16px);border-radius:2rem;background:linear-gradient(145deg,#ffffffbd,#fcf2ecf5 55%,#f6ece7e0);box-shadow:0 8px 28px -16px #523b2c3d}.reference-shell:before,.reference-shell:after{content:"";position:absolute;z-index:-1;pointer-events:none;filter:blur(22px);opacity:.42}.reference-shell:before{width:18rem;height:18rem;top:8rem;right:-8rem;border-radius:46% 54% 62% 38%;background:radial-gradient(ellipse at center,var(--surface-container-highest),transparent 70%);transform:rotate(24deg)}.reference-shell:after{width:21rem;height:21rem;bottom:-5rem;left:-10rem;border-radius:62% 38% 42% 58%;background:radial-gradient(ellipse at center,var(--secondary-fixed),transparent 68%);transform:rotate(-20deg)}.main{position:relative;z-index:1;max-width:640px;padding:1rem var(--margin) 2.5rem}.public-main{display:block;max-width:640px;min-height:calc(100svh - 16px);padding:0 var(--margin) 2.25rem}.public-main .public-content{position:relative;z-index:1;padding-top:1.25rem}.topbar{position:relative;z-index:3;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-inner{position:relative;min-height:54px;max-width:640px;padding:.25rem var(--margin) .5rem}.topbar-title{position:absolute;left:50%;transform:translate(-50%);max-width:calc(100% - 7rem);text-align:center}.topbar h1,.mailbox-brand{color:var(--on-surface);font-size:21px;line-height:28px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.topbar .back-button{margin-left:-.5rem;width:42px;height:42px;min-height:42px;font-size:42px;line-height:1;font-weight:300}.topbar-action{margin-left:auto}.topbar-mailbox .topbar-inner{justify-content:flex-end}.topbar-mailbox .topbar-title{position:static;transform:none;margin-right:auto;text-align:left;max-width:none}.topbar-mailbox .topbar-title:before{content:""}.mailbox-brand{display:flex;align-items:baseline;gap:.45rem}.mailbox-brand strong{font-size:22px}.mailbox-brand span{color:var(--on-surface-variant);font-size:13px;font-weight:500;letter-spacing:0}.mailbox-brand b{color:var(--primary-container);font-size:18px}.back-button+.topbar-title{pointer-events:none}.topbar .button.ghost:hover{background:transparent;color:var(--on-surface)}.bottom-nav{position:relative;flex-shrink:0;z-index:20;bottom:0;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:640px;margin:0 auto;padding:8px 24px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(235,224,219,.9);border-bottom:none;border-left:none;border-right:none;border-radius:0;box-shadow:0 4px 20px -2px #523b2c0d,0 1px 3px #523b2c08}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 16px;border-radius:16px;color:#887368;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s ease}.bottom-nav-tab.active{color:#99460b;background:#fcf2ec}.bottom-nav-icon{width:22px;height:22px;display:block}.bottom-nav-label{line-height:1}.shell{padding-bottom:2rem}.fab{position:sticky;width:min(100%,19rem);margin:.25rem auto 0;right:auto;bottom:auto;display:flex;box-shadow:var(--shadow-float)}.card{border:1px solid rgba(255,255,255,.74);border-radius:1.5rem;background:#ffffffad;box-shadow:0 4px 20px -2px #523b2c0d,0 1px 3px #523b2c08;padding:1.25rem}.card.inset,.soft{background:#f6ece780;border-color:#ffffff80}.stack{gap:.9rem}.headline,.display{color:var(--on-surface)}.display{font-size:32px;line-height:40px;letter-spacing:-.04em}.headline{font-size:25px;line-height:34px}.body-lg{color:var(--on-surface-variant)}.button{min-height:48px;border-radius:999px;padding:.78rem 1.6rem}.button.primary{background:var(--primary-container);box-shadow:0 10px 22px -14px #964408b3}.button.secondary{background:#f6ece7b8;border:1px solid rgba(136,115,104,.16)}.button.ghost{min-height:42px}.field{gap:.35rem}.field>.label{font-size:15px;line-height:22px}.field input,.field textarea,.field select,.search-input{min-height:56px;padding:.75rem 1rem;border:1px solid rgba(136,115,104,.24);border-radius:1rem;background:#ffffff52}.field input,.field textarea{font-size:16px}.field textarea{min-height:220px}.status-chip,.chip{min-height:36px;padding:.5rem .85rem}.status-chip:before,.chip:before{width:7px;height:7px}.section-heading{margin-bottom:.25rem}.section-heading h2,.section-heading h3{color:var(--on-surface)}.row,.row-between{gap:.65rem}.empty-state{text-align:center}.letter-card{padding:1rem;border-radius:1.35rem}.letter-card-header{align-items:center}.letter-card-title{font-size:19px;line-height:27px;margin-top:.45rem}.letter-card-meta{font-size:12px}.letter-card-footer{margin-top:.75rem}.summary-strip{background:#f6ece7a3}.couple-summary{padding:1rem}.couple-summary:after{opacity:.24}.stats-summary{gap:.6rem}.stat{padding:1rem .65rem;background:#ffffffad}.stat strong{font-size:24px}.tabs{gap:.45rem}.filter-tabs{margin-left:calc(var(--margin) * -1);margin-right:calc(var(--margin) * -1);padding-left:var(--margin);padding-right:var(--margin);mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black calc(100% - 24px),transparent 100%)}.filter-tabs .button{background:#f6ece7c7}.locked-scrim{background:#f6ece78a}.sticky-actions{padding:.65rem var(--margin) calc(.65rem + env(safe-area-inset-bottom));background:#fcfbf9db}.sticky-actions-inner{max-width:640px}.offline{top:0}.reference-shell .toast-region{top:1.5rem;bottom:auto}.auth-lockup{display:flex;flex-direction:column;align-items:center;text-align:center;margin:.25rem 0 1.1rem}.auth-lockup .brand-lockup{flex-direction:column;gap:.35rem}.auth-lockup .brand-mark:after{content:none;display:none}.auth-lockup .brand-mark{position:relative}.auth-lockup .brand-name{font-size:21px}.auth-lockup .brand-subtitle{display:none}.auth-lockup .eyebrow{margin-top:1.25rem;color:var(--on-surface-variant);text-transform:none;font-size:12px;letter-spacing:.12em}.auth-lockup .display{margin:.3rem 0 .65rem;font-size:34px;line-height:42px}.auth-lockup .body-lg{max-width:20rem;margin:0}.public-login .public-content,.public-register .public-content{padding-top:1.65rem}.public-login .card,.public-register .card{padding:1.35rem}.public-login .card>.section-heading{display:none}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.auth-form-row label{display:inline-flex;align-items:center;gap:.55rem;font-size:15px}.auth-form-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--primary-container)}.auth-form-row a{color:var(--secondary);text-decoration:underline;text-underline-offset:.2rem}.public-main .card .button.primary{width:100%;font-size:18px}.auth-footnote{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.85rem;color:var(--on-surface-variant);font-size:15px}.auth-footnote a{color:var(--primary-container);text-decoration:underline;text-underline-offset:.25rem}.public-main:after{content:none}.public-footer-note{position:absolute;z-index:2;right:0;bottom:1rem;left:0;text-align:center;color:#55433a9e;font-size:12px;letter-spacing:.08em}.public-couple-setup .public-content,.public-couple-invite .public-content,.public-couple-join .public-content{padding-top:.25rem}.public-couple-setup .card,.public-couple-invite .card,.public-couple-join .card{margin-top:.5rem}.public-couple-setup .display,.public-couple-invite .display,.public-couple-join .display{font-size:30px}.onboarding-steps,.public-couple-setup .topbar,.public-couple-invite .topbar,.public-couple-join .topbar{display:none}.public-couple-setup .public-content:before,.public-couple-invite .public-content:before,.public-couple-join .public-content:before{content:none}.public-couple-setup .text-center,.public-couple-invite .text-center,.public-couple-join .text-center{display:none}.onboarding-logout{display:none!important}.couple-topbar-title{margin:-2rem 0 .25rem;text-align:center;font-size:22px;line-height:30px;font-weight:700}.couple-page-heading{text-align:left}.couple-page-heading h1{margin:.25rem 0 .7rem}.couple-page-heading p{white-space:pre-line}.setup-heading{padding-top:.35rem}.setup-heading .display{font-size:31px;line-height:41px}.couple-art{overflow:hidden;position:relative;display:grid;place-items:center;margin:.9rem 0;border-radius:1.5rem;color:var(--primary-container)}.couple-art-envelope{width:13rem;height:10rem;margin:.45rem auto 1rem;border:3px solid var(--primary-container);background:#ffffff52;font-size:4rem;box-shadow:inset 0 -18px #d69d792e}.couple-art-envelope:before,.couple-art-envelope:after{content:"";position:absolute;width:7rem;height:1px;background:var(--primary-container);top:50%}.couple-art-envelope:before{left:-6rem;transform:rotate(-10deg)}.couple-art-envelope:after{right:-6rem;transform:rotate(10deg)}.couple-art-postcard:after{content:none;display:none}.couple-art-invite{min-height:5rem;margin:-.35rem 0 .15rem;justify-content:end;padding-right:.6rem;color:var(--primary-container);font-size:3.2rem;transform:rotate(-5deg)}.couple-member-row{display:flex;align-items:center;gap:.85rem;padding:.55rem 0 1rem;border-bottom:1px solid rgba(136,115,104,.14)}.couple-member-row:last-of-type{margin-bottom:.25rem}.couple-member-row>div:last-child{display:grid;gap:.25rem}.member-avatar{display:grid;place-items:center;width:56px;height:56px;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,var(--surface-container-highest),var(--primary-fixed));color:var(--on-surface);font-size:21px;font-weight:700}.member-mark-envelope{color:var(--primary-container);font-size:27px}.couple-invite-card{background:#ffffff9e}.invite-status{padding:.35rem .35rem 1rem}.invite-status h2{margin:.35rem 0}.invite-status p{white-space:pre-line}.invite-code-panel{display:grid;gap:.15rem;align-items:center;justify-items:center;margin-top:.8rem;padding:1rem;border:1px dashed rgba(136,115,104,.24);border-radius:1.25rem;background:#fff6}.invite-code-panel .display{margin:0;letter-spacing:.08em}.invite-help{margin-top:.2rem}.invite-help h3{margin:0 0 .45rem}.unsupported-field{opacity:.9}.unsupported-field input:disabled{color:var(--on-surface-variant)}.page-mailbox .main{padding-top:.35rem}.mailbox-welcome{position:relative;min-height:165px;padding:.8rem .25rem .35rem}.mailbox-welcome .eyebrow{margin-bottom:.35rem;text-transform:none;letter-spacing:.06em}.mailbox-welcome .display{position:relative;z-index:1;margin-bottom:.45rem;font-size:28px;line-height:37px}.mailbox-welcome .body-lg{position:relative;z-index:1;max-width:19rem}.mailbox-art{position:absolute;right:.1rem;bottom:.55rem;display:grid;place-items:center;width:7rem;height:7rem;border-radius:2.5rem 2.5rem 1.2rem 1.2rem;background:linear-gradient(145deg,var(--surface-container-highest),var(--primary-fixed));color:var(--primary-container);font-size:3.2rem;transform:rotate(4deg);box-shadow:inset 0 -1.8rem #ffffff38}.mailbox-art:before{content:"";position:absolute;width:5.4rem;height:3.5rem;bottom:.8rem;border:2px solid var(--on-surface-variant);border-top:0;border-radius:0 0 1rem 1rem;background:#ffffff6b}.page-mailbox .topbar-action{display:flex;align-items:center;gap:.2rem}.page-mailbox .topbar-action .button{width:42px;padding:0}.page-mailbox .topbar-action .button:before{content:none;display:none}.page-mailbox .topbar-action .button+.button:before{content:none;display:none}.page-mailbox .couple-summary{margin-top:.25rem}.page-mailbox .couple-summary .couple-names,.page-mailbox .couple-summary .couple-days{display:none}.page-mailbox .summary-strip{margin-top:0;grid-template-columns:repeat(2,1fr);padding:1rem;gap:.5rem 1rem}.page-mailbox .summary-strip>div{text-align:left;padding:.4rem .6rem}.page-mailbox .summary-strip>div:nth-child(2){background:transparent}.page-mailbox .summary-strip>div:nth-child(3),.page-mailbox .summary-strip>div:nth-child(4){display:none}.page-mailbox .row-between>.button.secondary{font-size:0;padding:0;min-width:42px;width:42px;background:transparent;border:0}.page-mailbox .row-between>.button.secondary:before{content:none;display:none}.page-mailbox .filter-tabs .button{min-height:42px;padding:.55rem 1rem}.page-mailbox .letter-card{display:block}.page-mailbox .letter-card:before{content:none;display:none}.page-mailbox .letter-card-footer{margin-top:.25rem;padding:0;background:transparent}.page-mailbox .letter-card-footer .button{min-height:36px;padding:.4rem .75rem}.page-mailbox .fab{position:sticky;z-index:3;bottom:auto;right:auto;transform:none;width:min(68%,19rem);margin:.65rem auto .2rem}.page-mailbox .main{padding-bottom:5.5rem}.page-mailbox-search .main,.page-memories .main,.page-settings .main,.page-data-export .main,.page-data-import .main{padding-top:.25rem}.page-mailbox-search .card{padding:1rem}.page-mailbox-search .search-input{min-height:62px;border-radius:2rem;padding-left:3.5rem;background:#ffffffb3}.page-mailbox-search .field:first-child{position:relative}.page-mailbox-search .field:first-child:before{content:none;display:none}.page-mailbox-search .row .field{flex:1 1 0}.page-mailbox-search .filter-toggle{display:none}.page-mailbox-search .search-filter-card{padding:0;border:0;background:transparent;box-shadow:none}.page-mailbox-search .search-filter-heading{display:none}.page-mailbox-search .search-keyword{position:relative}.page-mailbox-search .search-keyword:before{content:none;display:none}.page-mailbox-search .search-keyword input{min-height:66px;padding-left:3.8rem;border-radius:2rem;background:#ffffffb8;font-size:17px}.page-mailbox-search .search-date-row{display:none}.page-mailbox-search .search-participant-row,.page-mailbox-search .search-status-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.page-mailbox-search .filter-control{position:relative;display:block}.page-mailbox-search .filter-control .label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.page-mailbox-search .filter-control select{min-height:58px;padding:.75rem 2rem .75rem 1rem;border-radius:2rem;background:#f6ece7b3;font-size:15px}.page-mailbox-search .filter-control.active select{background:var(--primary-container);color:var(--on-primary);border-color:transparent}.page-mailbox-search .search-media-fieldset{padding:0;border:0}.page-mailbox-search .search-media-fieldset>legend{display:none}.page-mailbox-search .search-media-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.page-mailbox-search .search-media-choice{display:grid;place-items:center;min-height:48px;padding:.35rem;border-radius:1.4rem;background:#f6ece7b3;color:var(--on-surface-variant);cursor:pointer}.page-mailbox-search .search-media-choice:has(input:checked){background:var(--primary-container);color:var(--on-primary)}.page-mailbox-search .search-media-choice input{position:absolute;opacity:0;pointer-events:none}.page-mailbox-search .search-extra-row,.page-mailbox-search .search-form-actions{display:none}.page-mailbox-search .search-selected-chips{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;min-height:44px;padding:.5rem 0;border-bottom:1px solid rgba(136,115,104,.18);color:var(--on-surface-variant)}.page-mailbox-search .selected-filter-chip{padding:.45rem .8rem;border-radius:1.4rem;background:#ffdbca7a;color:var(--primary-container)}.page-mailbox-search .search-selected-chips button{margin-left:auto;border:0;background:transparent;color:var(--primary-container);cursor:pointer;font:inherit}.page-mailbox-search .search-results-heading{display:flex;justify-content:space-between;align-items:center;padding:.2rem .2rem .1rem;color:var(--on-surface-variant);font-size:15px}.page-mailbox-search .letter-card{display:grid;grid-template-columns:92px 1fr;gap:.8rem}.page-mailbox-search .letter-card:before{content:none}.page-mailbox-search .search-result-art{width:92px;min-height:132px;border-radius:1rem;background:linear-gradient(155deg,var(--surface-container-highest),var(--secondary-fixed))}.page-mailbox-search .search-result-copy{min-width:0}.page-letters-new .topbar-action,.page-letters-id-edit .topbar-action,.page-letter-compose .topbar-action{font-size:12px}.draft-save-status{display:inline-flex;align-items:center;min-height:34px;padding:.4rem .75rem;border-radius:999px;background:#f6ece7c7;color:var(--on-surface-variant);white-space:nowrap}.page-letters-new .card,.page-letters-id-edit .card,.page-letters-id-appendices-new .card{padding:1rem}.editor-shell .main{padding-bottom:2rem}.editor-shell .editor-body{min-height:280px;border-radius:1.1rem;background:#ffffff85}.editor-shell .sticky-actions{position:relative;margin:1rem 0 0}.compose-content-card{padding-top:1rem}.editor-title-control{position:relative}.editor-title-control input{width:100%;min-height:70px;padding:.8rem 4rem .8rem 1rem;border:1px solid rgba(136,115,104,.24);border-radius:1.15rem;background:#ffffff61;font-size:22px;line-height:30px}.editor-title-control>span{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.editor-body-field{position:relative}.editor-body-field .editor-toolbar{display:none}.editor-body-field .editor-body{min-height:360px;padding:1rem}.editor-body-field>.body{position:absolute;right:1rem;bottom:.8rem}.media-card{padding-top:1rem}.media-help{display:none}.recipient-card{padding-top:1rem;padding-bottom:1rem}.recipient-row{display:flex;align-items:center;gap:.85rem;min-height:56px;padding:.55rem .85rem;border:1px solid rgba(136,115,104,.24);border-radius:1.1rem;background:#ffffff47}.recipient-icon{display:grid;place-items:center;width:32px;height:32px;color:var(--primary-container);font-size:25px}.recipient-arrow{margin-left:auto;color:var(--on-surface-variant);font-size:32px;line-height:1}.media-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;padding:.7rem;border-radius:1.35rem;background:#f6ece785}.media-action{display:grid;place-items:center;align-content:center;gap:.35rem;min-height:78px;padding:.6rem .35rem;border:0;border-radius:1.15rem;background:#ffffff85;color:var(--on-surface);font-size:15px;line-height:22px;font-weight:600;text-decoration:none;cursor:pointer}.media-action:hover{background:#ffffffd1}.media-action.button{width:100%;min-height:78px;padding:.6rem .35rem;border:0;box-shadow:none}.media-action-icon{color:var(--on-surface);font-size:28px;line-height:28px;font-weight:400}.media-recording-status{color:var(--primary-container);text-align:center}.appendix-target{display:flex;align-items:center;gap:.85rem;padding:.35rem 0 .9rem;border-bottom:1px solid rgba(136,115,104,.16)}.appendix-target-art{width:78px;height:92px;flex:0 0 auto;border-radius:1.15rem;background:linear-gradient(150deg,var(--surface-container-highest),var(--tertiary-fixed))}.appendix-target h2{margin-bottom:.2rem}.appendix-actions{display:grid;gap:.65rem}.page-letters-id .locked-scrim,.page-letter-detail .locked-scrim{min-height:260px}.locked-info{margin-top:.2rem}.page-letters-id .main,.page-letter-detail .main{padding-top:.15rem}.letter-detail-actions{min-height:30px}.letter-detail-actions .button{font-size:24px;letter-spacing:.12em;padding:0 .3rem}.letter-summary{display:flex;align-items:center;gap:.8rem;padding:.2rem .15rem .65rem}.letter-summary-art{width:92px;height:120px;flex:0 0 auto;border-radius:1.15rem;background:linear-gradient(150deg,var(--surface-container-highest),var(--tertiary-fixed))}.letter-summary-copy{flex:1;min-width:0}.letter-summary-copy h2{margin-bottom:.45rem}.letter-summary-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;color:var(--on-surface-variant);font-size:13px;line-height:20px}.letter-summary>.chip{flex:0 0 auto;align-self:flex-start;margin-top:.25rem}.letter-summary.condition-summary{padding:.2rem .15rem .85rem}.letter-summary.condition-summary .letter-summary-copy{text-align:left}.letter-body-card{min-height:230px}.letter-body-card .letter-reading{font-size:17px;line-height:29px}.page-letters-id .media-grid,.page-letter-detail .media-grid{padding-top:.25rem}.page-letters-id .lock-emblem{width:76px;height:76px;background:var(--primary-container)}.page-letters-id .countdown-cell{background:transparent;border-right:1px solid var(--outline-variant);border-radius:0}.page-letters-id .countdown-cell:last-child{border-right:0}.page-letters-id .letter-reading{font-size:16px;line-height:28px}.page-memories .stats-summary{grid-template-columns:repeat(3,1fr)}.page-memories .stats-summary .stat:first-child{grid-column:1 / -1;min-height:180px;text-align:left;padding:1.5rem;background:linear-gradient(120deg,#ffffffb8,#ffdea657)}.page-memories .stats-summary .stat:first-child strong{font-size:58px;line-height:1}.page-memories .stat strong{font-family:Georgia,Times New Roman,serif}.page-memories .timeline-item{padding:.85rem}.page-settings .main{padding-top:.15rem}.page-settings .main>.stack>.card{padding:1rem}.page-settings .main>.stack>.card>legend{padding:0}.settings-hero{display:flex;align-items:center;gap:.65rem;min-height:110px}.settings-hero-art{width:96px;height:72px;flex:0 0 auto;overflow:hidden;border-radius:1.2rem;background:linear-gradient(135deg,var(--secondary-fixed),var(--surface-container-highest))}.settings-hero-copy{min-width:0;flex:1}.settings-hero-copy strong{display:block;font-size:21px;white-space:nowrap}.settings-hero-copy span{color:var(--on-surface-variant)}.settings-hero-art{display:grid;place-items:center;position:relative;color:var(--primary-container);font-size:26px;background:linear-gradient(130deg,var(--secondary-fixed),var(--surface-container-highest))}.settings-hero-art:before{content:"";position:absolute;left:1rem;width:54px;height:54px;border-radius:50%;background:var(--surface-container-highest);box-shadow:34px 0 0 var(--secondary-fixed)}.settings-hero-art span{position:relative;z-index:1}.settings-hero-mail{display:grid;place-items:center;width:50px;height:60px;margin-left:auto;color:var(--primary-container);font-size:32px;transform:rotate(8deg)}.settings-section-card .field{display:none}.settings-row{display:flex;align-items:center;gap:.75rem;min-height:58px;padding:.55rem 0;border-top:1px solid rgba(136,115,104,.16)}.settings-row:first-of-type{border-top:0}.settings-row-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:#ffdbca61;color:var(--primary-container);font-size:21px}.settings-row-copy{flex:1;min-width:0}.settings-row-copy strong,.settings-row-copy span{display:block}.settings-row-copy span{color:var(--on-surface-variant);font-size:13px}.settings-section-card .settings-row-copy span{display:none}.settings-privacy-row .settings-row-copy span{display:block}.settings-account-email .settings-row-copy strong{white-space:nowrap}.settings-row-value{color:var(--on-surface-variant);font-size:13px;text-align:right}.settings-row-arrow{color:var(--outline);font-size:28px}.settings-row[href]{color:inherit;text-decoration:none}.settings-inline-date{width:7.7rem;min-height:38px;border:0;background:transparent;color:var(--on-surface-variant);font:inherit;font-size:13px;text-align:right}.settings-save-button{width:100%;margin-top:.5rem}.settings-details{border-radius:1.25rem;background:#ffffff6b;overflow:hidden}.settings-details summary{padding:1rem;color:var(--on-surface-variant);cursor:pointer;font-size:13px}.settings-details[open] summary{border-bottom:1px solid rgba(136,115,104,.16)}.settings-details .card{border:0;border-radius:0;box-shadow:none;background:transparent}.settings-logout{width:100%;color:var(--primary-container);border-color:var(--primary-container)}.settings-toggle{width:52px;height:30px;appearance:none;border:0;border-radius:999px;background:var(--outline-variant);position:relative}.settings-toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s ease}.settings-toggle:checked{background:var(--primary-container)}.settings-toggle:checked:after{transform:translate(22px)}.settings-footer{text-align:center;color:var(--on-surface-variant);font-size:12px}.page-data-export .card,.page-data-import .card{padding:1rem}.data-page-heading{text-align:center;padding:.15rem 0 .2rem}.data-page-heading h2{margin-bottom:.25rem}.data-page-heading p{margin:0}.export-mode-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.export-mode{display:grid;gap:.3rem;align-content:center;min-height:86px;padding:.8rem;border-radius:1.1rem;background:#f6ece79e;color:var(--on-surface);cursor:pointer}.export-mode.active{color:var(--on-primary);background:var(--primary-container)}.export-mode input{position:absolute;opacity:0;pointer-events:none}.export-mode span{font-size:12px;opacity:.78}.export-filter-label{padding-top:.45rem;border-top:1px solid rgba(136,115,104,.16)}.export-summary-card .stats{grid-template-columns:repeat(4,1fr)}.export-summary-card .stat{padding:.7rem .35rem;box-shadow:none;background:#ffffff70}.export-summary-card .stat strong{font-size:20px}.import-file-row{display:flex;align-items:center;gap:.75rem;padding:.65rem;border:1px solid rgba(136,115,104,.16);border-radius:1rem}.zip-file-icon{display:grid;place-items:center;width:60px;height:60px;flex:0 0 auto;border-radius:.8rem;background:var(--primary-fixed);color:var(--primary-container);font-weight:700}.import-file-copy{min-width:0;flex:1;display:grid;gap:.25rem}.import-file-copy strong{overflow-wrap:anywhere}.import-file-copy span{color:var(--on-surface-variant);font-size:13px}.import-file-row .button{padding:.55rem .8rem;min-height:40px;font-size:12px}.import-info-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(136,115,104,.16);border-radius:1rem;overflow:hidden}.import-info-grid>div{display:grid;gap:.25rem;padding:.75rem .35rem;text-align:center;border-right:1px solid rgba(136,115,104,.16)}.import-info-grid>div:last-child{border-right:0}.import-info-grid span{color:var(--on-surface-variant);font-size:11px}.import-info-grid strong{font-size:17px}.import-info-grid>div:nth-child(2) strong{font-size:13px}.validation-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-top:1px solid rgba(136,115,104,.14)}.validation-row>div{display:grid;gap:.2rem;flex:1}.validation-row span{color:var(--on-surface-variant);font-size:12px}.validation-row:before{flex:0 0 auto}.import-conflict-card .stats{grid-template-columns:repeat(3,1fr)}.import-conflict-card .stat{box-shadow:none;background:#ffffff70}.page-data-export .stats,.page-data-import .stats{grid-template-columns:repeat(4,1fr)}.page-data-import .validation-row:before{content:none;display:none}.draft-tag-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#ffb68f59;color:#99460b;font-size:11px;font-weight:600}.draft-tag-icon{width:12px;height:12px}.field-top-label{font-size:13px;font-weight:600;color:#1f1b18;margin-bottom:6px}.editor-input-clear{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:0;background:#88736826;color:#55433a;cursor:pointer;padding:0;position:absolute;right:42px;top:50%;transform:translateY(-50%)}.editor-input-clear .svg-icon{width:14px;height:14px}.compose-body-watermark{position:absolute;right:12px;bottom:12px;width:68px;height:68px;background:url(/assets/art_brand_icon.svg) no-repeat center / contain;opacity:.07;pointer-events:none}.compose-body-counter{position:absolute;right:12px;bottom:8px;font-size:11px;color:#887368}.compose-attachment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.compose-attachment-title{font-size:14px;font-weight:600;color:#1f1b18}.compose-attachment-add-btn{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:#ffb68f59;color:#99460b;font-size:12px;font-weight:500;cursor:pointer}.compose-media-tiles-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.compose-media-tile-wrapper{position:relative}.compose-media-tile{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;background:#f6ece7}.compose-media-tile img,.compose-media-tile video{width:100%;height:100%;object-fit:cover}.compose-media-remove-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:0;background:#1f1b1899;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.compose-media-remove-btn .svg-icon{width:12px;height:12px}.compose-audio-capsule{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid rgba(136,115,104,.2);position:relative}.compose-audio-play-btn{width:32px;height:32px;border-radius:50%;border:0;background:#99460b;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.compose-audio-play-btn .svg-icon{width:14px;height:14px;margin-left:2px}.compose-audio-waveform-bars{display:flex;align-items:center;gap:2.5px;height:20px}.compose-audio-waveform-bars span{width:2.5px;border-radius:2px;background:#99460b73}.compose-audio-waveform-bars span:nth-child(odd){height:14px}.compose-audio-waveform-bars span:nth-child(2n){height:8px}.compose-audio-waveform-bars span:nth-child(3n){height:18px}.compose-audio-time{font-size:12px;color:#887368;font-variant-numeric:tabular-nums}.compose-lock-summary-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid rgba(136,115,104,.15)}.compose-lock-icon-badge{width:44px;height:44px;border-radius:50%;background:#ffb68f4d;color:#99460b;display:grid;place-items:center;flex:0 0 auto}.compose-lock-icon-badge .svg-icon{width:20px;height:20px}.compose-lock-summary-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.compose-lock-summary-title{font-size:14px;color:#1f1b18}.compose-lock-arrow{width:18px;height:18px;color:#887368;flex:0 0 auto}.compose-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.compose-time-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;padding:8px 6px;border-radius:12px;border:1px solid rgba(136,115,104,.15);background:#fff;cursor:pointer;text-align:center}.compose-time-box.active{background:#ffb68f40;border-color:#99460b}.compose-time-box-title{font-size:14px;font-weight:600;color:#1f1b18}.compose-time-box-sub{font-size:11px;color:#887368;margin-top:2px}.compose-time-box-icon{width:18px;height:18px;color:#99460b;margin-bottom:2px}.compose-recipient-card{padding:12px 16px;border-radius:16px}.compose-recipient-label{font-size:13px;font-weight:600;color:#1f1b18;margin-bottom:8px}.compose-recipient-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;background:#f6ece780;border:1px solid rgba(136,115,104,.12)}.compose-recipient-icon{width:18px;height:18px;color:#887368}.compose-recipient-name{flex:1;font-size:14px;font-weight:500;color:#1f1b18}.compose-recipient-arrow{width:16px;height:16px;color:#887368}.compose-saved-status-center{text-align:center;font-size:12px;color:#887368;display:flex;align-items:center;justify-content:center;gap:5px;margin:12px 0 8px}.compose-saved-check{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#546251;color:#fff;font-size:10px;font-weight:700}.compose-btn-draft,.compose-btn-continue{flex:1;min-height:48px;border-radius:999px}.compose-btn-single{width:100%;min-height:48px;border-radius:999px}.appendix-target-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#fff}.appendix-target-thumb{width:64px;height:64px;border-radius:14px;overflow:hidden;flex:0 0 auto;background:#f6ece7}.appendix-target-img{width:100%;height:100%;object-fit:cover}.appendix-target-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.appendix-target-title{font-size:16px;font-weight:700;color:#1f1b18;margin:0}.appendix-target-desc{font-size:12px;color:#887368;line-height:1.4;margin:0}.appendix-body-card{padding:16px;border-radius:18px;background:#fff;min-height:220px;position:relative}.appendix-body-wrap{display:flex;flex-direction:column;height:100%}.appendix-textarea{min-height:180px;border:0;background:transparent;padding:0;font-size:15px;line-height:1.6;resize:none;color:#1f1b18}.appendix-body-counter{align-self:flex-end;font-size:11px;color:#887368}.appendix-notice-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:12px;background:#f6ece7b3;font-size:12px;color:#887368}.appendix-notice-icon{font-size:14px}.appendix-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.appendix-btn-publish,.appendix-btn-preview{width:100%;min-height:48px;border-radius:999px}.condition-summary-header,.scheduled-summary-header,.opened-summary-header{display:flex;align-items:center;gap:14px;padding:6px 0}.letter-header-thumb{width:68px;height:68px;border-radius:16px;overflow:hidden;flex:0 0 auto;background:#f6ece7}.letter-thumb-img{width:100%;height:100%;object-fit:cover}.letter-main-title{font-size:20px;font-weight:700;color:#1f1b18;margin:0}.letter-status-pill{font-size:11px;padding:3px 10px;border-radius:999px;font-weight:500}.opened-meta-time{margin-top:4px;color:#887368;font-size:12px}.meta-sep{color:#88736866;margin:0 2px}.meta-icon{width:14px;height:14px;color:#887368}.condition-card-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:8px}.condition-lock-illustration{width:84px;height:84px;object-fit:contain}.condition-card-title{font-size:18px;font-weight:700;color:#1f1b18;margin:0}.condition-card-subtitle{font-size:13px;color:#887368;line-height:1.5;margin:0}.condition-card-divider{height:1px;background:#88736826;margin:12px 0}.condition-question-section{display:flex;flex-direction:column;gap:6px}.condition-question-label{font-size:12px;color:#887368}.condition-question-title{font-size:16px;font-weight:700;color:#1f1b18;margin:0 0 8px}.condition-options-list{display:flex;flex-direction:column;gap:10px;border:0;padding:0;margin:0}.condition-option-pill{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:12px;background:#f6ece773;border:1px solid rgba(136,115,104,.15);cursor:pointer}.condition-option-pill.active{background:#ffb68f33;border-color:#99460b}.condition-option-pill input{display:none}.condition-option-circle{width:18px;height:18px;border-radius:50%;border:1.8px solid #887368}.condition-option-pill.active .condition-option-circle{border-color:#99460b;background:#99460b}.condition-option-text{font-size:15px;color:#1f1b18}.condition-interval-note{display:flex;align-items:center;gap:6px;font-size:12px;color:#887368;margin-top:10px}.condition-interval-icon{width:14px;height:14px}.letter-notice-card{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;background:#f6ece799;font-size:12px;color:#887368;line-height:1.5}.letter-notice-icon{font-size:16px;flex:0 0 auto}.letter-action-primary{width:100%;min-height:48px;border-radius:999px}.scheduled-card-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.scheduled-hourglass-illustration{width:72px;height:72px;object-fit:contain}.scheduled-countdown-title{font-size:13px;color:#887368;font-weight:400;margin:0}.scheduled-auto-open-pill{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:999px;background:#f6ece7b3;font-size:12px;color:#887368;margin-top:10px}.scheduled-pill-icon{width:14px;height:14px}.scheduled-blurred-preview-card{position:relative;min-height:180px;padding:20px;border-radius:18px;overflow:hidden;background:#fff;display:grid;place-items:center}.scheduled-blurred-content{position:absolute;inset:0;filter:blur(12px);opacity:.45;display:flex;gap:14px;padding:20px;pointer-events:none}.blurred-mock-thumb{width:60px;height:60px;border-radius:12px;background:#e2d8d3}.blurred-mock-lines{flex:1;display:flex;flex-direction:column;gap:8px}.blurred-line{height:12px;border-radius:6px;background:#887368}.blurred-line.w90{width:90%}.blurred-line.w80{width:80%}.blurred-line.w70{width:70%}.scheduled-scrim-center{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.scheduled-lock-circle{width:44px;height:44px;border-radius:50%;background:#ffb68f66;color:#99460b;display:grid;place-items:center}.scheduled-lock-svg{width:20px;height:20px}.scheduled-scrim-title{font-size:14px;font-weight:500;color:#1f1b18;margin:0}.scheduled-actions{display:flex;flex-direction:column;gap:10px}.scheduled-btn-remind,.scheduled-btn-inspect{width:100%;min-height:48px;border-radius:999px}.letter-reading{font-size:15px;line-height:1.8;color:#1f1b18;position:relative;z-index:1}.letter-reading p{margin:0 0 14px}.letter-body-watermark{position:absolute;right:14px;bottom:14px;width:80px;height:80px;background:url(/assets/art_brand_icon.svg) no-repeat center / contain;opacity:.07;pointer-events:none}.letter-media-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.media-grid-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.letter-media-thumb-box{width:72px;height:72px;border-radius:12px;overflow:hidden;background:#f6ece7}.letter-media-thumb-box img{width:100%;height:100%;object-fit:cover}.letter-media-audio-capsule{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid rgba(136,115,104,.2)}.audio-capsule-play-btn{width:32px;height:32px;border-radius:50%;border:0;background:#99460b;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer}.audio-capsule-waveform{display:flex;align-items:center;gap:2.5px;height:18px}.audio-capsule-waveform span{width:2.5px;border-radius:2px;background:#99460b73}.audio-capsule-waveform span:nth-child(odd){height:12px}.audio-capsule-waveform span:nth-child(2n){height:6px}.audio-capsule-waveform span:nth-child(3n){height:16px}.audio-capsule-time{font-size:12px;color:#887368}.heart-rating-card{padding:14px 16px;border-radius:16px;background:#fff}.heart-rating-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.heart-rating-row{display:flex;align-items:center;justify-content:space-around;padding:4px 0}.heart-rate-btn{border:0;background:transparent;padding:0;cursor:pointer;display:grid;place-items:center}.heart-rate-svg{width:32px;height:32px;color:#99460b}.letter-appendix-timeline{display:flex;flex-direction:column;gap:14px;margin-top:10px}.letter-appendix-item{display:flex;gap:12px}.letter-appendix-dot-col{display:flex;flex-direction:column;align-items:center;width:14px}.letter-appendix-dot{width:8px;height:8px;border-radius:50%;background:#99460b;margin-top:4px}.letter-appendix-line{flex:1;width:1px;background:#99460b40;margin:4px 0}.letter-appendix-content{flex:1;display:flex;flex-direction:column;gap:6px}.letter-appendix-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#887368}.letter-appendix-body-row{display:flex;gap:10px;align-items:flex-start}.letter-appendix-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;flex:0 0 auto;background:#f6ece7}.letter-appendix-bubble{flex:1;padding:10px 12px;border-radius:12px;background:#f6ece78c;font-size:13px;line-height:1.5;color:#1f1b18}.letter-opened-bottom-actions{display:flex;gap:12px;margin-top:8px}.letter-btn-appendix,.letter-btn-archive{flex:1;min-height:48px;border-radius:999px}.settings-hero-card{padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,#fff,#fff8f5);border:1px solid rgba(235,224,219,.8);box-shadow:0 4px 16px #523b2c0d}.settings-hero-inner{display:flex;align-items:center;gap:14px}.settings-profile-photos-cluster{position:relative;width:84px;height:52px;flex:0 0 84px}.settings-profile-photo-circle{position:absolute;width:50px;height:50px;border-radius:50%;overflow:hidden;border:2.5px solid #ffffff;box-shadow:0 2px 8px #1f1b181f;cursor:pointer}.settings-profile-photo-circle.photo-user{left:0;z-index:1}.settings-profile-photo-circle.photo-partner{right:0;z-index:2}.settings-photo-img{width:100%;height:100%;object-fit:cover}.settings-photo-edit-badge{position:absolute;right:0;bottom:0;z-index:4;width:18px;height:18px;border-radius:50%;background:#99460b;color:#fff;display:grid;place-items:center;box-shadow:0 1px 4px #1f1b1833}.settings-edit-badge-icon{width:10px;height:10px}.settings-photos-heart-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #1f1b1826;display:grid;place-items:center;z-index:3}.settings-badge-heart{width:13px;height:13px;color:#99460b}.settings-hero-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.settings-hero-title{font-size:19px;font-weight:700;color:#1f1b18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.settings-hero-desc{font-size:12px;color:#887368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-hero-mailbox-art{flex:0 0 auto;width:64px;height:64px;opacity:.9;margin-left:auto}.settings-mailbox-img{width:100%;height:100%;object-fit:contain}.settings-section-card{padding:16px 18px;border-radius:18px;background:#fff}.settings-card-title{font-size:15px;font-weight:700;color:#1f1b18;margin:0 0 12px;white-space:nowrap}.settings-rows-list{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 0;border-top:1px solid rgba(136,115,104,.1);color:inherit;text-decoration:none;cursor:pointer}.settings-rows-list>.settings-row:first-child{border-top:0}.settings-row-icon{width:32px;height:32px;border-radius:50%;background:#f6ece7b3;color:#99460b;display:grid;place-items:center;flex:0 0 auto}.settings-svg-icon{width:16px;height:16px}.settings-row-copy{flex:0 0 auto;display:flex;flex-direction:column;gap:2px;white-space:nowrap}.settings-row-copy strong{font-size:14px;font-weight:500;color:#1f1b18;white-space:nowrap}.settings-row-sub{font-size:11px;color:#887368;white-space:nowrap}.settings-row-value{font-size:13px;color:#887368;white-space:nowrap}.settings-row-arrow{width:16px;height:16px;color:#887368;flex:0 0 auto}.settings-row-field-wrap{flex:1;min-width:0;display:flex;justify-content:flex-end;align-items:center;margin-left:8px}.settings-inline-text-input{font-size:13px;color:#1f1b18;border:0;background:transparent;text-align:center;padding:4px 6px;width:100%;max-width:180px;outline:none;border-radius:6px;transition:background .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-inline-text-input:focus{background:#f6ece780}.settings-inline-select{font-size:12px;color:#887368;border:0;background:transparent;text-align:right;padding:0}.settings-date-wrap{justify-content:flex-end}.settings-date-wrap .custom-date-picker-wrap{width:auto;min-width:140px}.settings-unconfigured-badge{font-size:11px;padding:2px 7px;border-radius:999px;background:#ba1a1a1a;color:#ba1a1a;font-weight:500;white-space:nowrap}.settings-switch-label{cursor:pointer}.settings-switch-track{display:block;width:44px;height:26px;border-radius:999px;background:#88736833;position:relative;transition:background .2s ease}.settings-switch-track.checked{background:#99460b}.settings-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.settings-switch-track.checked .settings-switch-thumb{transform:translate(18px)}.settings-logout-btn{width:100%;min-height:48px;border-radius:999px;color:#99460b;border-color:#99460b}.settings-footer-version{text-align:center;font-size:12px;color:#887368;margin-top:4px}.export-card-title,.import-card-title{font-size:15px;font-weight:700;color:#1f1b18;margin:0 0 12px}.export-scope-buttons-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.export-scope-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:72px;padding:12px 14px;border-radius:14px;border:0;background:#f6ece7b3;cursor:pointer;text-align:left;transition:all .2s ease}.export-scope-btn.active{background:#99460b;color:#fff}.export-scope-btn.active .export-scope-icon,.export-scope-btn.active .export-scope-btn-title{color:#fff}.export-scope-btn.active .export-scope-btn-sub{color:#ffffffd9}.export-scope-icon{width:20px;height:20px;margin-bottom:2px}.export-scope-btn-title{font-size:14px;font-weight:700;white-space:nowrap}.export-scope-btn-sub{font-size:11px;opacity:.85;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.export-filter-rows{display:flex;flex-direction:column}.export-filter-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 0;border-top:1px solid rgba(136,115,104,.1)}.export-filter-rows>.export-filter-row:first-child{border-top:0}.export-filter-row-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#1f1b18;white-space:nowrap;flex-shrink:0}.filter-row-label{white-space:nowrap;flex-shrink:0}.filter-row-svg{width:16px;height:16px;color:#887368;flex-shrink:0}.export-filter-row-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.filter-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;border:0;background:#f6ece7b3;color:#55433a;font-size:12px;cursor:pointer;white-space:nowrap}.filter-pill.active{background:#ffb68f59;color:#99460b;font-weight:500}.pill-x{font-size:10px;margin-left:2px}.filter-value-chip{font-size:12px;color:#55433a;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.chip-arrow{width:14px;height:14px;color:#887368;flex-shrink:0}.export-summary-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center;width:100%;box-sizing:border-box}.export-summary-stat-col{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-right:1px solid rgba(136,115,104,.12);min-width:0;box-sizing:border-box}.export-summary-stat-col:last-child{border-right:0}.export-stat-icon-wrap{width:32px;height:32px;border-radius:50%;background:#ffb68f40;color:#99460b;display:grid;place-items:center}.export-stat-svg{width:16px;height:16px}.export-stat-value{font-size:18px;font-weight:700;color:#1f1b18;white-space:nowrap}.export-stat-unit{font-size:11px;font-weight:400;color:#887368;white-space:nowrap}.export-stat-sub{font-size:10px;color:#887368;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.export-info-card{padding:14px 16px;border-radius:14px;background:#fff}.export-info-inner{display:flex;align-items:flex-start;gap:10px}.export-info-icon{width:18px;height:18px;color:#887368;flex:0 0 auto;margin-top:2px}.export-info-content{flex:1;min-width:0}.export-info-heading{font-size:13px;font-weight:600;color:#1f1b18;margin-bottom:8px}.export-info-body{display:grid;gap:8px;font-size:12px;line-height:1.6;color:#887368}.export-info-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin:0}.export-info-badge{display:inline-block;padding:1px 6px;border-radius:4px;background:#54625126;color:#546251;font-weight:600;font-size:11px;white-space:nowrap}.export-bottom-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.export-btn-primary,.export-btn-secondary{width:100%;min-height:48px;border-radius:999px}.export-filter-row.export-filter-row-media{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0}.export-filter-pills-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;width:100%}.export-filter-pills-grid .filter-pill{justify-content:center;padding:6px 2px;font-size:12px;text-align:center;width:100%;box-sizing:border-box}.export-shell .topbar-inner{display:flex;align-items:center;position:relative;min-height:60px;padding:.5rem 1rem .5rem .75rem}.export-shell .topbar-title{position:static;transform:none;max-width:none;text-align:left;flex:1;min-width:0;margin-left:.5rem;pointer-events:auto}.export-shell .topbar h1{font-size:18px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-shell .topbar-subtitle{font-size:11px;line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.export-shell .topbar .back-button{width:36px;height:36px;min-height:36px;font-size:28px;flex:0 0 36px;margin-left:0}.export-manifest-scroll{max-height:340px;overflow-y:auto;margin:12px 0;border:1px solid rgba(136,115,104,.15);border-radius:14px;padding:8px;background:#f6ece74d}.export-manifest-empty{padding:36px 16px;text-align:center}.export-manifest-list{display:flex;flex-direction:column;gap:8px}.export-manifest-item{padding:10px 12px;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:4px;text-align:left;box-shadow:0 1px 3px #523b2c0a}.export-manifest-item-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.export-manifest-item-title{font-size:14px;font-weight:600;color:#1f1b18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.export-manifest-status-badge{font-size:11px;padding:2px 6px;border-radius:4px;background:#8873681f;color:#55433a;white-space:nowrap;flex-shrink:0}.export-manifest-status-badge.status-opened{background:#54625126;color:#546251}.export-manifest-status-badge.status-sealed{background:#99460b1f;color:#99460b}.export-manifest-status-badge.status-archived{background:#8873682e;color:#887368}.export-manifest-item-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#887368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-manifest-item-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.manifest-tag{font-size:11px;padding:1px 6px;border-radius:4px;background:#f6ece7cc;color:#887368;white-space:nowrap}.import-zip-badge{width:44px;height:50px;border-radius:8px;background:#ffdad6;border:1.5px solid #99460b;display:grid;place-items:center;color:#99460b;font-size:13px;font-weight:700;flex:0 0 auto}.import-zip-badge{position:relative}.import-zip-corner{position:absolute;top:0;right:0;width:12px;height:12px;border-left:1px solid #99460b;border-bottom:1px solid #99460b;border-bottom-left-radius:5px;background:#ffffff80}.import-zip-text{grid-area:1 / 1;place-self:center;line-height:1}.import-filename{font-size:14px;font-weight:600;color:#1f1b18}.import-filesize{font-size:12px;color:#887368}.import-reselect-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:999px;background:#f6ece7cc;color:#99460b;font-size:12px;font-weight:500;cursor:pointer;border:1px solid rgba(136,115,104,.15)}.import-info-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(136,115,104,.15);border-radius:12px;padding:10px 0}.import-info-col{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid rgba(136,115,104,.12);padding:0 4px}.import-info-col:last-child{border-right:0}.import-info-key{font-size:11px;color:#887368}.import-info-val{font-size:16px;font-weight:700;color:#1f1b18}.import-validation-list{display:flex;flex-direction:column}.import-validation-row{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 0;border-top:1px solid rgba(136,115,104,.1)}.import-validation-list>.import-validation-row:first-child{border-top:0}.validation-check-svg{width:20px;height:20px;color:#546251}.import-validation-copy{flex:1;display:flex;flex-direction:column;gap:2px}.import-validation-row-title{font-size:14px;font-weight:600;color:#1f1b18}.import-validation-row-desc{font-size:12px;color:#887368}.import-row-arrow{width:16px;height:16px;color:#887368}.import-conflict-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.import-conflict-col{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:12px;background:#f6ece780;text-align:center}.conflict-badge-label{font-size:12px;color:#55433a}.conflict-badge-value{font-size:18px;font-weight:700;color:#1f1b18}.conflict-badge-value.green{color:#546251}.conflict-badge-value.red{color:#ba1a1a}.conflict-unit{font-size:11px;font-weight:400}.conflict-badge-sub{font-size:10px;color:#887368}.import-conflict-notice-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;background:#f6ece7b3;font-size:12px;color:#887368}.conflict-notice-left{display:flex;align-items:center;gap:6px}.conflict-notice-arrow{width:14px;height:14px;color:#887368}.import-bottom-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.import-btn-primary,.import-btn-secondary{width:100%;min-height:48px;border-radius:999px}.import-footer-notice{text-align:center;font-size:12px;color:#887368;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px}svg.svg-icon,.svg-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.brand-mark-img{width:28px;height:28px;object-fit:contain;display:block}.brand-mark.compact .brand-mark-img{width:24px;height:24px}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-icon-prefix{position:absolute;left:14px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#887368;pointer-events:none;z-index:2}.input-icon-prefix svg,.input-icon-prefix .svg-icon{width:18px;height:18px}.input-icon-suffix{position:absolute;right:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;cursor:pointer;color:#887368;z-index:2;min-height:44px;min-width:44px}.input-icon-suffix svg,.input-icon-suffix .svg-icon{width:18px;height:18px}.input-with-icon input{width:100%;padding-left:42px!important;padding-right:42px!important}.couple-container-stack{max-width:100%;overflow-x:hidden}.couple-header-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 14px;width:100%}.couple-header-back-btn{background:transparent;border:none;font-size:26px;line-height:1;color:#1f1b18;cursor:pointer;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.couple-header-title{font-size:18px;font-weight:700;color:#1f1b18;margin:0}.couple-header-spacer{width:44px;height:44px}.setup-hero-title{font-size:26px;font-weight:800;line-height:1.3;color:#1f1b18;margin-bottom:8px;text-align:left}.setup-hero-desc{font-size:14px;line-height:1.6;color:#55433a;margin-bottom:16px;text-align:left}.setup-hero-banner{width:100%;margin-bottom:20px;overflow:hidden;border-radius:16px}.setup-banner-img{width:100%;max-width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}.couple-setup-form-card{padding:20px;border-radius:20px;background:#fff}.couple-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.couple-input-label{font-size:13px;font-weight:600;color:#1f1b18;text-align:left}.couple-primary-btn{width:100%;min-height:48px;border-radius:999px;background:#99460b;color:#fff;font-size:15px;font-weight:600;margin-top:10px;border:none;cursor:pointer}.couple-invite-hero-card{padding:20px;border-radius:20px;background:#fff;text-align:left}.invite-hero-top-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.invite-hero-badge{display:inline-block;font-size:11px;font-weight:600;color:#887368;margin-bottom:4px}.invite-hero-title{font-size:20px;font-weight:800;color:#1f1b18;margin:0 0 6px}.invite-hero-subtitle{font-size:12px;line-height:1.5;color:#887368;margin:0}.art-invite-envelope-img,.invite-hero-envelope-art{width:120px;height:auto;display:block;margin:8px auto}.invite-code-container{margin:14px 0 10px}.invite-code-box{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fcf2ec;border-radius:14px;border:1px dashed #dbc1b5}.invite-code-text{font-size:20px;font-weight:700;letter-spacing:2px;color:#1f1b18;font-family:monospace}.invite-code-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:#fff;border:1px solid #dbc1b5;color:#99460b;cursor:pointer;flex-shrink:0}.invite-code-footer-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#887368;margin-top:6px}.invite-expiry-note{display:inline-flex;align-items:center;gap:4px}.invite-refresh-btn{background:transparent;border:none;color:#99460b;font-size:12px;cursor:pointer;padding:4px;min-height:44px;min-width:44px}.couple-instructions-card{padding:16px 20px;border-radius:20px;background:#fff;margin-top:14px}.instruction-item-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.instruction-item-row:last-child{margin-bottom:0}.instruction-badge-circle{width:24px;height:24px;border-radius:50%;background:#fcf2ec;color:#99460b;font-size:12px;font-weight:700;display:grid;place-items:center;flex:0 0 auto}.instruction-icon-pill{width:24px;height:24px;border-radius:50%;background:#ffdad6;color:#99460b;display:grid;place-items:center;flex:0 0 auto}.instruction-item-text{font-size:13px;line-height:1.5;color:#55433a;flex:1;text-align:left}.join-header-art-section{text-align:center;margin:10px 0 20px}.join-envelope-hearts-img{width:110px;height:auto;display:block;margin:0 auto 12px}.join-hero-title{font-size:22px;font-weight:800;color:#1f1b18;margin-bottom:4px}.join-hero-subtitle{font-size:13px;color:#887368}.couple-join-card{padding:20px;border-radius:20px;background:#fff}.join-inviter-row{display:flex;align-items:center;gap:12px;margin-bottom:0;padding-bottom:8px;border-bottom:1px solid var(--outline-variant);text-align:left}.join-inviter-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto}.join-inviter-name{font-size:15px;font-weight:700;color:#1f1b18;display:block}.join-inviter-desc{font-size:12px;color:#887368;display:block}.join-mailbox-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;text-align:left}.join-mailbox-icon-circle{width:40px;height:40px;border-radius:10px;background:#fcf2ec;color:#99460b;display:grid;place-items:center;flex:0 0 auto}.join-mailbox-title{font-size:14px;font-weight:700;color:#1f1b18;display:block}.join-mailbox-desc{font-size:11px;color:#887368;display:block}.resend-invite-email-btn{background:transparent;border:none;color:#99460b;font-size:13px;cursor:pointer;margin:14px auto 0;display:block;min-height:44px;min-width:44px}.memories-hero-card{padding:0;border-radius:20px;background:#fff;overflow:hidden}.memories-hero-content{display:flex;align-items:stretch;position:relative;isolation:isolate;min-height:160px;background:#fff8f5}.memories-light-shadow{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;mix-blend-mode:multiply;pointer-events:none;z-index:0}.memories-hero-copy{flex:1;min-width:0;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:center;z-index:1;text-align:left;background:transparent}.memories-hero-label{font-size:13px;color:#55433a;margin-bottom:2px}.memories-hero-days{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.memories-hero-days strong{font-size:38px;font-weight:800;color:#1f1b18;line-height:1}.memories-hero-days span{font-size:16px;font-weight:600;color:#1f1b18}.memories-hero-date-note{font-size:12px;line-height:1.5;color:#55433a;margin:0}.memories-hero-art{width:170px;flex:0 0 170px;display:flex;align-items:center;position:relative;overflow:hidden;z-index:1}.memories-banner-img{width:100%;height:auto;object-fit:contain;display:block}.memories-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.memories-stat-tile{padding:12px 8px;border-radius:16px;background:#fff;display:flex;align-items:center;gap:8px}.memories-stat-icon-wrap{width:36px;height:36px;border-radius:50%;background:#fcf2ec;color:#99460b;display:grid;place-items:center;flex:0 0 auto}.memories-stat-icon-wrap svg,.memories-stat-icon-wrap .svg-icon{width:18px;height:18px}.memories-stat-body{display:flex;flex-direction:column;min-width:0;text-align:left}.memories-stat-label{font-size:11px;color:#887368}.memories-stat-number-row{display:flex;align-items:baseline;gap:2px}.memories-stat-number-row strong{font-size:16px;font-weight:700;color:#1f1b18}.memories-stat-number-row small{font-size:10px;color:#887368}.memories-pill-tabs{display:flex;align-items:center;gap:10px;margin:12px 0 16px}.memories-pill-tab{flex:1;min-height:44px;border-radius:999px;background:#f6ece7b3;border:0;color:#55433a;font-size:13px;font-weight:500;cursor:pointer;display:grid;place-items:center}.memories-pill-tab.active{background:#99460b;color:#fff;font-weight:600}.memories-pill-tab.disabled{opacity:.5;cursor:not-allowed}.memories-timeline-card{padding:16px;border-radius:20px;background:#fff}.memories-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.memories-timeline-title{font-size:16px;font-weight:700;color:#1f1b18;margin:0}.memories-timeline-more{font-size:12px;color:#887368;text-decoration:none}.memories-timeline-list{display:flex;flex-direction:column;gap:16px}.memories-timeline-entry{display:flex;align-items:flex-start;gap:10px;position:relative;text-decoration:none;color:inherit;cursor:pointer}.timeline-node{width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-top:5px}.timeline-node.filled{background:#99460b}.timeline-node.empty{border:2px solid #99460b;background:#fff}.timeline-date-label{font-size:12px;font-weight:600;color:#99460b;flex:0 0 54px;margin-top:2px}.timeline-entry-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fcf2ec;padding:10px 12px;border-radius:12px}.timeline-entry-copy{flex:1;min-width:0;text-align:left}.timeline-entry-title{font-size:13px;font-weight:600;color:#1f1b18;margin:0 0 4px}.timeline-entry-desc{font-size:11px;line-height:1.4;color:#887368;margin:0}.timeline-entry-thumb{width:52px;height:52px;border-radius:8px;overflow:hidden;flex:0 0 auto}.timeline-entry-thumb img{width:100%;height:100%;object-fit:cover;display:block}.memories-view-all-btn{width:100%;min-height:48px;border-radius:999px;background:#99460b;color:#fff;font-size:15px;font-weight:600;margin-top:14px}.media-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.media-action{display:flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:8px;border-radius:14px;background:#fcf2ec;border:0;color:#1f1b18;font-size:14px;font-weight:500;cursor:pointer}.media-action-svg{width:20px;height:20px;color:#1f1b18;flex-shrink:0}.letter-locked-card .countdown,.scheduled-card .countdown{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0;padding:12px 0;background:#fff;border-radius:14px}.letter-locked-card .countdown-cell,.scheduled-card .countdown-cell{border-right:1px solid #ebe0db;border-radius:0;background:transparent;padding:6px 2px}.letter-locked-card .countdown-cell:last-child,.scheduled-card .countdown-cell:last-child{border-right:0}.letter-locked-card .countdown-cell strong,.scheduled-card .countdown-cell strong{font-size:28px;font-weight:700;color:#1f1b18;font-family:Georgia,Times New Roman,serif}.letter-locked-card .countdown-cell .label,.scheduled-card .countdown-cell .label{font-size:11px;color:#887368}.scheduled-hourglass-illustration{width:100px;height:auto;display:block;margin:0 auto 8px}.condition-lock-illustration{width:90px;height:auto;display:block;margin:0 auto 8px}.section-arrow{width:16px;height:16px;color:#887368;flex-shrink:0}.btn-inline-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-right:6px;flex-shrink:0}.scheduled-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.scheduled-btn-remind,.scheduled-btn-inspect{width:100%;min-height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.scheduled-btn-remind{background:#99460b;color:#fff}.scheduled-btn-inspect{background:#fff;color:#1f1b18;border:1px solid #dbc1b5}.auth-lockup-clean{display:flex;flex-direction:column;align-items:center;text-align:center;margin:10px 0 20px}.auth-brand-clean{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:12px}.auth-brand-envelope-img{width:52px;height:auto;display:block}.auth-brand-title{font-size:15px;font-weight:600;color:#1f1b18}.auth-brand-dash{font-size:16px;color:#887368;line-height:1}.auth-main-title{font-size:28px;font-weight:800;color:#1f1b18;margin:0 0 8px}.auth-main-subtitle{font-size:14px;line-height:1.6;color:#55433a;white-space:pre-line;margin:0}.auth-form-card{padding:24px 20px;border-radius:24px;background:#fff}.auth-submit-btn{width:100%;min-height:48px;border-radius:999px;background:#99460b;color:#fff;font-size:16px;font-weight:600;margin-top:8px}.auth-switch-prompt{text-align:center;font-size:14px;color:#1f1b18;margin-top:16px}.auth-link-highlight{color:#99460b;text-decoration:underline;font-weight:600}.auth-inline-link{background:none;border:0;padding:0;font:inherit;cursor:pointer}.public-footer-rule-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px auto 8px;width:100%;max-width:320px}.footer-rule-line{flex:1;height:1px;background:#ebe0db}.footer-rule-text{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#887368;white-space:nowrap;line-height:1}.footer-lock-icon{width:14px;height:14px;flex-shrink:0;display:inline-block;transform:translateY(-1.5px)}.page-mailbox .letter-card,.page-mailbox-search .letter-card,.letter-card{display:block;background:#fff;border:1px solid #f0e6e1;border-radius:20px;padding:14px 16px;box-shadow:0 4px 20px -2px #523b2c0d,0 1px 3px #523b2c08;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.letter-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px -4px #523b2c14}.letter-card:before,.page-mailbox .letter-card:before,.page-mailbox-search .letter-card:before{content:none!important;display:none!important}.letter-card-flex{display:flex;align-items:stretch;gap:14px;width:100%}.letter-card-thumb-wrap{width:84px;height:84px;flex:0 0 84px;border-radius:14px;overflow:hidden;background:#f6ece7;align-self:center}.letter-card-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.letter-card-content-wrap{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.letter-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0}.letter-card-title{font-size:16px;font-weight:700;color:#1f1b18;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.letter-card-snippet{font-size:13px;line-height:1.5;color:#55433a;margin:6px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.letter-card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#887368;margin-top:auto}.letter-card-date{display:inline-flex;align-items:center;gap:4px;color:#887368;font-size:12px}.letter-card-cal-icon{width:14px;height:14px;flex-shrink:0;color:#887368}.letter-card-sender{color:#887368;font-size:12px}.chip:has(.chip-icon-wrap):before{display:none!important;content:none!important}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0}.chip .chip-icon-wrap svg{width:13px;height:13px}.chip .chip-arrow{width:12px;height:12px;margin-left:2px;opacity:.7}.chip.ready{background:#964408;color:#fff;border:none}.chip.ready .chip-arrow{color:#fff}.chip.opened{background:#d8e7d1;color:#546251;border:none}.chip.opened .chip-arrow{color:#5a6857}.chip.time,.chip.condition{background:#ffdea6;color:#795600;border:none}.chip.time .chip-arrow,.chip.condition .chip-arrow{color:#795600}.search-page-stack{gap:12px}.search-bar-clean-wrap{position:relative;display:flex;align-items:center;width:100%}.search-bar-magnifier{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;color:#887368;pointer-events:none;z-index:2}.search-bar-magnifier svg,.search-bar-magnifier .svg-icon{width:18px;height:18px}.search-bar-clean-wrap .search-bar-clean-input,input.search-bar-clean-input{display:block!important;width:100%!important;min-height:48px!important;padding:10px 16px 10px 48px!important;border-radius:999px!important;background:#fff!important;border:1px solid #ebe0db!important;font-size:14px!important;color:#1f1b18!important;box-sizing:border-box!important;outline:none!important}.search-bar-clean-wrap .search-bar-clean-input:focus,input.search-bar-clean-input:focus{border-color:#964408!important;box-shadow:0 0 0 3px #9644081f!important}.search-filter-pills-container{display:flex;flex-direction:column;gap:8px}.filter-pill-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.filter-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 12px;border-radius:999px;background:#f6ece7;border:1px solid #ebe0db;color:#55433a;font-size:13px;font-weight:600;cursor:pointer}.filter-pill-btn.active{background:#99460b;border-color:#99460b;color:#fff}.filter-dropdown-panel{background:#fff;border-radius:16px;padding:12px;border:1px solid #ebe0db;box-shadow:0 4px 20px -2px #523b2c0d,0 1px 3px #523b2c08;margin-top:4px}.dropdown-options-list{display:flex;flex-direction:column;gap:4px}.dropdown-opt-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 14px;border-radius:12px;border:none;background:transparent;color:#1f1b18;font-size:14px;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-opt-btn:hover{background:#f6ece7}.dropdown-opt-btn.selected{background:#f6ece7;color:#964408;font-weight:700}.opt-check-icon{width:16px;height:16px;color:#964408}.dropdown-date-custom-panel{display:flex;flex-direction:column;gap:12px}.date-quick-chips-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.date-quick-chip{padding:6px 12px;border-radius:999px;border:1px solid #ebe0db;background:#f6ece7;color:#55433a;font-size:12px;font-weight:500;cursor:pointer}.date-quick-chip:hover{background:#ebe0db}.date-pickers-custom-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.date-picker-col{display:flex;flex-direction:column;gap:4px}.date-picker-col-label{font-size:12px;color:#887368;font-weight:500}.date-picker-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.search-bar-clear-inner-btn{position:absolute;right:14px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#887368;cursor:pointer;min-width:32px;min-height:32px;padding:0;z-index:3}.search-bar-clear-inner-btn svg{width:16px;height:16px}.filter-chips-summary-bar{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.chips-prefix-label{color:#887368;flex-shrink:0}.chips-container{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1}.filter-active-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#ffdad6;color:#99460b;font-size:12px}.chip-remove-btn{background:transparent;border:none;color:#99460b;cursor:pointer;padding:0 2px;font-size:12px;line-height:1}.clear-all-filter-btn{background:transparent;border:none;color:#99460b;font-size:13px;cursor:pointer;flex-shrink:0;padding:4px 8px}.search-count-sort-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.search-count-label{font-size:13px;color:#887368}.search-sort-btn{background:transparent;border:none;color:#1f1b18;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.search-results-stack{gap:12px}.search-result-clean-card{display:flex;align-items:stretch;gap:12px;padding:12px 14px;border-radius:18px;background:#fff;text-decoration:none}.result-thumb-box{width:76px;height:76px;flex:0 0 76px;border-radius:14px;overflow:hidden}.result-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.result-info-box{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.result-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.result-title{font-size:15px;font-weight:700;color:#1f1b18;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.result-badge-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.result-status-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-terracotta{background:#99460b;color:#fff}.badge-sage{background:#d8e7d1;color:#546251}.badge-sand{background:#ffdea6;color:#795600}.result-arrow{color:#887368;font-size:14px}.result-preview-text{font-size:12px;line-height:1.4;color:#887368;margin:4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-date-row{display:flex;align-items:center;gap:4px;font-size:11px;color:#887368}.invite-hero-art{width:140px;flex:0 0 auto}.invite-envelope-art-img{width:100%;height:auto;display:block}.invite-code-card-inner{margin:14px 0 0;padding:16px 14px;background:#fcf2ec;border-radius:16px;border:1px dashed #dbc1b5;text-align:center;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.invite-code-card-label{display:block;font-size:12px;color:#887368;margin-bottom:6px}.invite-code-display-row{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;width:100%;max-width:100%}.invite-code-display-val{font-size:clamp(20px,5.5vw,26px);font-weight:800;letter-spacing:1.5px;color:#1f1b18;white-space:nowrap;text-align:center}.invite-code-display-row .invite-code-copy-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.invite-code-card-expiry{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#887368}.invite-send-section{margin-top:16px;display:flex;flex-direction:column;gap:10px}.invite-copy-link-btn{width:100%;min-height:48px;border-radius:999px;background:#fff;color:#1f1b18;border:1px solid #dbc1b5}.export-scope-btn-top{display:flex;align-items:center;gap:6px}.memories-hero-full-banner{width:100%;height:auto;display:block;border-radius:20px}.compose-recipient-section{display:flex;flex-direction:column;gap:6px;text-align:left}.compose-recipient-card{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:#fff}.compose-recipient-name{flex:1;font-size:14px;color:#1f1b18;text-align:left}.topbar-subtitle{display:block;font-size:11px;color:#887368;margin-top:2px}.letter-detail-shell .letter-body-card{padding:12px 14px;border-radius:16px}.letter-detail-shell .letter-reading{font-size:13px;line-height:1.45;color:#1f1b18}.letter-detail-shell .letter-reading p{margin:0 0 6px}.letter-detail-shell .heart-rating-card{display:flex;flex-direction:column;align-items:stretch;padding:10px 14px;border-radius:16px;margin-top:8px}.letter-detail-shell .heart-rating-header{margin-bottom:0}.letter-detail-shell .heart-rate-svg{width:28px;height:28px}.letter-detail-shell .letter-media-thumb-box{width:60px;height:60px}.letter-detail-shell .letter-media-audio-capsule{min-height:40px;padding:4px 10px}.letter-detail-shell .letter-appendix-timeline{gap:8px;margin-top:6px}.letter-detail-shell .letter-appendix-thumb{width:48px;height:48px}.letter-detail-shell .letter-appendix-bubble{padding:6px 10px;font-size:12px;line-height:1.4}.letter-detail-shell .letter-opened-bottom-actions{display:flex;gap:10px;margin-top:10px}.letter-detail-shell .letter-opened-bottom-actions .button,.letter-detail-shell .letter-opened-bottom-actions a{flex:1;min-height:44px;border-radius:999px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.letter-detail-shell .letter-btn-appendix{background:#99460b;color:#fff;border:0}.letter-detail-shell .letter-btn-archive{background:#fff;color:#1f1b18;border:1px solid #dbc1b5}.editor-shell .compose-content-stack{gap:10px}.editor-shell .compose-title-card,.editor-shell .compose-body-card,.editor-shell .media-card,.editor-shell .compose-unlock-card{padding:12px 14px;border-radius:16px}.editor-shell .compose-body-card{min-height:130px}.editor-shell .compose-body-card .editor-body-field{min-height:110px}.editor-shell .compose-body-card .editor-body{min-height:100px;font-size:13px;line-height:1.5;resize:none!important}.editor-shell .compose-body-card .editor-body-field>.body,.compose-body-card .editor-body-field>.body,.editor-body-field>.body{padding-bottom:4px;padding-right:6px}.editor-shell .media-action-row{gap:8px}.editor-shell .media-action{min-height:44px;font-size:13px}.editor-shell .compose-segmented{margin-bottom:8px}.editor-shell .compose-time-grid{gap:6px}.editor-shell .compose-time-box{min-height:56px;padding:6px 4px}.editor-shell .sticky-actions{position:sticky;bottom:0;z-index:10;margin:12px calc(var(--margin) * -1) 0;padding:10px 16px max(12px,env(safe-area-inset-bottom));background:#fff8f5f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(136,115,104,.12)}.editor-shell .sticky-actions-inner{display:flex;gap:10px}.editor-shell .compose-btn-single{width:100%;min-height:48px;border-radius:999px;background:#99460b;color:#fff;font-size:15px;font-weight:600;border:0}.editor-shell .compose-btn-draft{flex:1;min-height:48px;border-radius:999px;background:#fff;color:#1f1b18;border:1px solid #dbc1b5;font-size:14px;font-weight:600}.editor-shell .compose-btn-continue{flex:1;min-height:48px;border-radius:999px;background:#99460b;color:#fff;font-size:14px;font-weight:600;border:0}input::-ms-reveal,input::-ms-clear{display:none!important;width:0!important;height:0!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],input:not([type]),.input-with-icon input{display:block;width:100%;min-height:48px;padding:12px 16px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-size:15px;line-height:22px;color:#1f1b18;background-color:#fff;border:1px solid #ebe0db;border-radius:12px;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;outline:none}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,input:not([type]):focus,.input-with-icon input:focus{border-color:#964408;background-color:#fff;box-shadow:0 0 0 3px #9644081f}.input-with-icon input{padding-left:44px!important;padding-right:44px!important}.custom-checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:14px;color:#55433a;position:relative}.custom-checkbox.disabled{opacity:.55;cursor:not-allowed}.custom-checkbox-native{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.custom-checkbox-box{width:18px;height:18px;border-radius:5px;border:1.5px solid #dbc1b5;background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:all .16s ease;flex-shrink:0}.custom-checkbox:hover .custom-checkbox-box{border-color:#964408}.custom-checkbox-native:focus-visible+.custom-checkbox-box{box-shadow:0 0 0 3px #96440826;border-color:#964408}.custom-checkbox-box.checked{background:#964408;border-color:#964408;color:#fff}.custom-checkbox-check{width:13px;height:13px;stroke-width:2.5}.custom-checkbox-label{line-height:20px}.custom-datepicker-wrap{position:relative;width:100%}.custom-datepicker-trigger{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 42px;position:relative;font-family:inherit;font-size:15px;color:#887368;background:#fff;border:1px solid #ebe0db;border-radius:12px;cursor:pointer;text-align:left;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.custom-datepicker-trigger.has-val{color:#1f1b18;font-weight:500}.custom-datepicker-trigger:focus-visible{border-color:#964408;box-shadow:0 0 0 3px #9644081f;outline:none}.custom-datepicker-trigger .input-icon-prefix{left:14px}.custom-datepicker-trigger .input-icon-suffix{right:12px}.datepicker-backdrop{z-index:9999}.datepicker-dialog{background:#fff;border-radius:20px;padding:20px;width:100%;max-width:330px;box-shadow:0 16px 36px -8px #523b2c1f,0 4px 12px -2px #523b2c0a;border:1px solid #ebe0db;margin:auto}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.datepicker-current-month{font-size:15px;font-weight:700;color:#1f1b18}.datepicker-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid #ebe0db;background:#fff8f5;color:#1f1b18;cursor:pointer;padding:0}.datepicker-nav-btn svg{width:16px;height:16px}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;font-weight:600;color:#887368;margin-bottom:8px}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.datepicker-day.empty{height:34px}.datepicker-day-btn{height:34px;border-radius:50%;border:none;background:transparent;font-size:13px;color:#1f1b18;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.datepicker-day-btn:hover{background:#f6ece7}.datepicker-day-btn.today{border:1px solid #964408;font-weight:600}.datepicker-day-btn.selected{background:#964408!important;color:#fff!important;font-weight:700}.datepicker-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid #ebe0db}.datepicker-action-btn{padding:6px 14px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid #ebe0db;background:#fff;color:#55433a;cursor:pointer}.datepicker-action-btn.primary{background:#964408;border-color:#964408;color:#fff}.topbar-mailbox .mailbox-brand{margin:0;display:flex;align-items:baseline;gap:8px}.topbar-mailbox .mailbox-brand strong{font-size:20px;font-weight:700;color:#1f1b18}.topbar-mailbox .mailbox-brand span{font-size:13px;font-weight:400;color:#887368;display:inline-flex;align-items:center;gap:4px}.topbar-mailbox .mailbox-brand-heart{width:14px;height:14px;color:#b65c22}.mailbox-header-action-group{display:flex;align-items:center;gap:4px}.mailbox-header-btn{color:#55433a;width:44px;min-width:44px;height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mailbox-page-main-stack{gap:18px}.mailbox-home-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}.mailbox-hero-copy{flex:1;min-width:0}.mailbox-hero-headline{font-size:22px;line-height:30px;font-weight:700;color:#1f1b18;margin:0 0 6px}.mailbox-hero-sub{font-size:13px;line-height:20px;color:#887368;margin:0}.mailbox-hero-art-box{flex-shrink:0;width:92px;height:92px;display:flex;align-items:center;justify-content:center}.mailbox-hero-art-img{max-width:100%;max-height:100%;object-fit:contain}.mailbox-couple-stats-card{background:#fff;border-radius:20px;padding:18px 20px;box-shadow:0 4px 20px -2px #523b2c0d,0 1px 3px #523b2c08;border:1px solid #ebe0db;display:flex;align-items:center;justify-content:space-between}.mailbox-metric-col{flex:1;min-width:0}.mailbox-metric-divider{width:1px;height:52px;background:#ebe0db;margin:0 16px;flex-shrink:0}.mailbox-metric-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.mailbox-metric-icon-circle{width:28px;height:28px;border-radius:50%;background:#f6ece7;display:flex;align-items:center;justify-content:center;color:#964408}.mailbox-metric-svg{width:15px;height:15px}.mailbox-metric-label{font-size:13px;font-weight:600;color:#55433a}.mailbox-metric-number-row{display:flex;align-items:baseline;gap:4px}.mailbox-metric-number-row strong{font-size:28px;line-height:1;font-weight:700;color:#1f1b18}.mailbox-metric-number-row small{font-size:13px;font-weight:500;color:#55433a}.mailbox-metric-sub{font-size:11px;line-height:15px;color:#887368;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mailbox-pill-tabs-wrap{position:relative;min-width:0;max-width:100%;overflow:hidden}.mailbox-pill-tabs-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0;-webkit-overflow-scrolling:touch}.mailbox-pill-tabs-scroll::-webkit-scrollbar{display:none}.mailbox-filter-pill{flex:0 0 auto;border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;background:#f6ece7;color:#55433a;white-space:nowrap;cursor:pointer;transition:all .2s ease;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.mailbox-filter-pill.active{background:#b65c22;color:#fff;font-weight:600}.mailbox-letters-list-stack{gap:12px}.mailbox-visual-letter-card{background:#fff;border-radius:18px;padding:14px 16px;border:1px solid #ebe0db;box-shadow:0 4px 20px -2px #523b2c0d,0 1px 3px #523b2c08;text-decoration:none;color:inherit;display:block;transition:transform .18s ease,box-shadow .18s ease}.mailbox-visual-letter-card:hover{transform:translateY(-1px);box-shadow:0 16px 36px -8px #523b2c1f,0 4px 12px -2px #523b2c0a}.mailbox-card-main-row{display:flex;gap:14px;align-items:flex-start}.mailbox-card-thumb-wrap{width:76px;height:76px;border-radius:14px;overflow:hidden;flex-shrink:0;background:#f6ece7}.mailbox-card-thumb-img{width:100%;height:100%;object-fit:cover;display:block}.mailbox-card-body-wrap{flex:1;min-width:0;display:flex;flex-direction:column;container-type:inline-size;container-name:mailbox-card}.mailbox-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.mailbox-card-title{font-size:15px;font-weight:700;color:#1f1b18;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.mailbox-card-badge-wrap{display:flex;align-items:center;gap:3px;flex-shrink:0}.mailbox-chip{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.mailbox-chip.chip-time{background:#f6ece7;color:#964408}.mailbox-chip.chip-condition{background:#ffdea6;color:#5e4200}.chip-condition-q{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid #5e4200;font-size:10px;font-weight:700}.mailbox-chip.chip-ready{background:#b65c22;color:#fff}.mailbox-chip.chip-opened{background:#d8e7d1;color:#3d4a3a}.mailbox-chip.chip-draft{background:#f0e6e1;color:#55433a}.mailbox-card-draft-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.mailbox-chip .chip-svg{width:13px;height:13px}.mailbox-card-chevron{width:12px;height:12px;color:#887368;flex-shrink:0;opacity:.65}.mailbox-card-snippet-text{font-size:12px;line-height:18px;color:#887368;margin:5px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mailbox-card-footer-row{display:flex;align-items:center;font-size:11px;color:#887368;margin-top:2px}.mailbox-footer-direction{display:inline-flex;align-items:center;flex:1;gap:4px;flex-wrap:nowrap;min-width:0;max-width:100%}.mailbox-footer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mailbox-footer-time{flex-shrink:0;margin-left:auto;padding-left:4px;text-align:right;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.mailbox-footer-time-compact{display:none}@container mailbox-card (max-width: 200px){.mailbox-footer-direction{gap:2px}.mailbox-footer-time{font-size:9px}.mailbox-footer-time-full{display:none}.mailbox-footer-time-compact{display:inline}}@container mailbox-card (max-width: 160px){.mailbox-footer-direction{gap:.5px}}.mailbox-footer-user-icon{width:12px;height:12px;color:#887368;flex-shrink:0}.mailbox-bottom-cta-wrap{position:absolute;right:0;bottom:calc(100% + 16px);left:0;display:flex;justify-content:center;width:100%;padding:0 max(16px,var(--margin-mobile));pointer-events:none}.bottom-nav .mailbox-floating-new-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;height:48px;border-radius:999px;background:#b65c22;color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px #b65c224d;transition:all .2s ease;min-height:48px;pointer-events:auto}.bottom-nav .mailbox-floating-new-btn:hover{background:#964408}.mailbox-floating-plus-icon{width:18px;height:18px}.mailbox-pagination-nav{margin-top:10px;padding:4px 0}html,body{background:var(--surface)!important}body{display:block!important;font-family:var(--font-family)!important}#root{width:100%!important;min-height:100dvh!important;padding:0!important;display:block!important}#root,#root *,#root *:before,#root *:after{font-family:var(--font-family)}.reference-shell{width:100%!important;max-width:640px;min-height:100dvh!important;height:auto!important;margin:0 auto;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:var(--surface)!important}.reference-shell:before,.reference-shell:after{display:none}.main,.public-main{max-width:640px}.shell:not(.editor-shell) .main{padding-bottom:calc(5.25rem + env(safe-area-inset-bottom))}.shell.page-mailbox .main{padding-bottom:calc(5.25rem + 64px + env(safe-area-inset-bottom))}.shell .page-transition>.main{overflow:visible}.bottom-nav{position:fixed!important;right:auto;bottom:var(--nav-bottom, 0px);left:var(--nav-left, 0px);z-index:100!important;width:var(--nav-width, 100%);max-width:640px;margin:0;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px max(16px,var(--margin-mobile)) calc(8px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid rgba(136,115,104,.16);border-radius:0;background:#fffffff0;box-shadow:0 -8px 24px #523b2c14}.bottom-nav-tab{min-height:48px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:14px;color:var(--on-surface-variant);text-decoration:none;isolation:isolate;transition:color .18s ease,transform .14s ease}.bottom-nav-tab.active{color:var(--primary);background:transparent}.bottom-nav a[aria-current=page]:before{content:none}.bottom-nav-indicator{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--primary-fixed);pointer-events:none}.bottom-nav-tab:hover{color:var(--primary)}.bottom-nav-tab:active{transform:scale(.97)}.bottom-nav-icon{width:20px;height:20px;transition:transform .18s ease}.bottom-nav-tab.active .bottom-nav-icon{transform:translateY(-1px)}.bottom-nav-label{font-size:11px;line-height:14px;font-weight:600}button,input,textarea,select,option{font-family:var(--font-family)!important}.mailbox-stat-card>strong,.memories-banner strong,.letter-locked-card .countdown-cell strong{font-family:var(--font-family)!important}.settings-row>.settings-row-value,.settings-row>.settings-inline-select,.settings-row>.settings-switch-label,.settings-row>.settings-row-field-wrap{margin-left:auto}.settings-row-value,.settings-inline-select,.settings-inline-text-input{text-align:right!important}.settings-shell .settings-inline-text-input,.settings-shell .settings-inline-select{width:100%;max-width:190px;min-width:0;min-height:36px;padding:6px 8px;font-size:13px;line-height:22px;border:0;border-radius:10px;background:transparent;color:var(--on-surface-variant)}.settings-shell .settings-inline-text-input:focus,.settings-shell .settings-inline-select:focus{background:var(--surface-container-low)}.settings-shell .field input{min-height:44px;padding:10px 12px;font-size:13px;line-height:22px;border-radius:12px}.settings-action-row{width:100%;border-right:0;border-bottom:0;border-left:0;background:transparent;text-align:left}.settings-row>.settings-row-arrow{margin-left:auto}.settings-row>.settings-row-value+.settings-row-arrow{margin-left:8px}.settings-date-wrap{min-width:0}.settings-date-wrap .custom-datepicker-wrap{width:min(165px,100%)}.settings-date-wrap .custom-datepicker-trigger{justify-content:flex-end;gap:8px;min-height:36px;padding:6px 0;border:0;background:transparent;font-size:13px;line-height:22px;white-space:nowrap;color:var(--on-surface-variant)}.settings-date-wrap .custom-datepicker-trigger>.input-icon-prefix{display:none}.settings-date-wrap .custom-datepicker-trigger>.input-icon-suffix{position:static;flex:0 0 16px;width:16px;height:16px;min-width:0;min-height:0;padding:0;transform:none}.settings-shell .settings-row{gap:8px}.settings-date-wrap .custom-datepicker-trigger .svg-icon{width:16px;height:16px}.settings-shell .settings-account-email .settings-row-value{overflow:hidden;text-overflow:ellipsis}.editor-shell .editor-title-control{display:flex;align-items:center;gap:8px}.editor-shell .editor-title-control input{flex:1;min-width:0;min-height:36px;padding:4px 0;border:0;border-radius:12px;background:transparent;font-size:16px;line-height:24px}.editor-shell .editor-title-control input:focus{outline:none;box-shadow:none}.editor-shell .compose-title-card:focus-within{box-shadow:var(--shadow-card),0 0 0 2px #96440824}.editor-shell .editor-title-control>span{position:static;flex:0 0 auto;align-self:flex-end;padding-bottom:4px;transform:none}.editor-shell .editor-input-clear{position:static;flex:0 0 auto;transform:none}.editor-shell .draft-save-status{gap:5px;padding:6px 8px}.editor-shell .draft-save-label{display:inline-grid;width:104px;text-align:center;font-variant-numeric:tabular-nums}.editor-shell .draft-save-label>span{display:inline-block;transform-origin:center}.editor-shell .draft-save-status .btn-inline-icon{width:15px;height:15px}.editor-shell .topbar-title{position:static;transform:none;max-width:none;text-align:left}.editor-shell .topbar h1{font-size:17px;letter-spacing:-.01em}.editor-shell .compose-answer-options{min-width:0;margin:0;padding:0;border:0}.editor-shell .compose-answer-options>legend{margin-bottom:8px}.editor-shell .compose-answer-options .condition-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px}.editor-shell .compose-answer-options .option-text{width:100%;min-width:0;padding:8px 10px}.editor-shell .compose-answer-options .custom-checkbox{gap:6px}.editor-shell .compose-answer-options .custom-checkbox-label{font-size:12px;line-height:20px;white-space:nowrap}.editor-shell .compose-answer-options .condition-option>.button{grid-column:1 / -1;justify-self:end;min-height:32px;padding:4px 8px}.retry-policy-field{min-width:0;margin:0;padding:0;border:0}.retry-policy-field>legend{margin-bottom:8px}.retry-policy-options{display:grid;gap:8px}.retry-policy-option{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 14px;border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-container-low);cursor:pointer;transition:background .18s,border-color .18s}.retry-policy-option.selected{background:#ffdbca59;border-color:var(--primary)}.retry-policy-option:focus-within{outline:2px solid var(--outline);outline-offset:3px}.retry-policy-marker{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border:1px solid var(--outline-variant);border-radius:50%}.retry-policy-marker .svg-icon{width:13px;height:13px;opacity:0}.retry-policy-option.selected .retry-policy-marker{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.retry-policy-option.selected .retry-policy-marker .svg-icon{opacity:1}.retry-policy-copy{display:grid;gap:3px;min-width:0}.retry-policy-copy strong{font-size:14px;line-height:22px;font-weight:600}.retry-policy-copy>span{color:var(--on-surface-variant);font-size:12px;line-height:20px}.letter-cover{flex-shrink:0;overflow:hidden}.letter-detail-shell .letter-summary{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;padding:16px;border-radius:var(--rounded-xl)}.letter-detail-shell .letter-summary.with-cover{grid-template-columns:56px minmax(0,1fr)}.letter-detail-shell .letter-header-thumb{width:56px;height:56px}.letter-detail-shell .letter-summary-copy{width:100%;min-width:0}.letter-detail-shell .letter-summary-heading{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:8px}.letter-detail-shell .letter-main-title{flex:none;width:100%;min-width:0;font-size:20px;line-height:28px;overflow-wrap:anywhere}.letter-detail-shell .letter-status-pill{flex:none;max-width:100%;font-size:11px;line-height:16px;padding:4px 10px}.letter-detail-shell .letter-summary-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:20px}.letter-detail-shell .letter-meta-item{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%}.letter-detail-shell .letter-meta-item>span{min-width:0;overflow-wrap:anywhere}.letter-detail-shell .letter-meta-item .meta-icon{flex:0 0 14px}.letter-cover img,.letter-cover video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.cover-picker{padding:12px 14px;border-top:1px solid var(--hairline)}.cover-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600}.cover-picker-hint{margin:4px 0 0;color:var(--on-surface-variant);font-size:12px;line-height:20px}.cover-switch{position:relative;flex:0 0 auto;width:44px;min-height:44px;padding:0;border:0;background:transparent}.cover-switch:before{content:"";position:absolute;inset:9px 0;border-radius:999px;background:var(--outline-variant);transition:background .2s}.cover-switch>span{position:absolute;top:12px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface-container-lowest);transition:transform .2s}.cover-switch.checked:before{background:var(--primary)}.cover-switch.checked>span{transform:translate(18px)}.cover-switch:disabled{opacity:.45}.cover-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.cover-option{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:72px;border:2px solid transparent;border-radius:12px;background:var(--surface-container-low);cursor:pointer}.cover-option.selected{border-color:var(--primary)}.cover-option input{position:absolute;top:6px;right:6px;z-index:1;width:16px;height:16px;accent-color:var(--primary)}.cover-option img,.cover-option video{width:100%;aspect-ratio:1;object-fit:cover}.cover-option>span{padding:4px;text-align:center;font-size:11px;line-height:16px}.cover-option:focus-within{outline:2px solid var(--outline);outline-offset:2px}.datepicker-day-btn.future{color:#88736859;cursor:not-allowed;background:transparent!important}.datepicker-day-btn:disabled{pointer-events:none}.datepicker-nav-btn:disabled{opacity:.35;cursor:not-allowed}.custom-datetime-wrap{width:100%}.custom-datetime-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--outline-variant);border-radius:var(--rounded-lg);background:var(--surface-container-lowest);color:var(--on-surface-variant);text-align:left}.custom-datetime-trigger.has-val{color:var(--on-surface)}.custom-datetime-icon{width:18px;height:18px;color:var(--primary)}.custom-datetime-trigger>span{flex:1;min-width:0}.custom-datetime-arrow{width:16px;height:16px;margin-left:auto;color:var(--outline)}.datetime-backdrop{z-index:11000!important}.datetime-dialog{width:min(100%,360px);max-height:calc(100svh - 32px);overflow:auto;padding:20px;border:1px solid var(--outline-variant);border-radius:var(--rounded-xl);background:var(--surface-container-lowest);box-shadow:var(--shadow-float)}.datetime-dialog-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.datetime-dialog-heading strong{font-size:17px}.datetime-dialog-heading span,.datetime-hint{font-size:12px;color:var(--on-surface-variant)}.datetime-dialog .custom-datepicker-trigger{background:var(--surface-container-low)}.datetime-time-row{display:flex;align-items:end;gap:8px;margin-top:14px}.datetime-time-row label{flex:1;display:grid;gap:5px}.datetime-time-row label>span{font-size:11px;color:var(--on-surface-variant)}.datetime-time-row select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--outline-variant);border-radius:var(--rounded-lg);background:var(--surface-container-low)}.datetime-time-separator{padding-bottom:11px;font-size:20px;color:var(--outline)}.datetime-hint{margin:10px 0 0}.datetime-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid var(--hairline)}.draft-save-status{width:132px;min-width:132px;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.compose-saved-status-center{display:none!important}.editor-shell .media-action-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}.media-action{min-width:0}.media-action.recording{color:var(--error);border-color:var(--error);background:var(--error-container)}.compose-media-tiles-row{display:grid;gap:10px}.compose-media-tile-wrapper{min-width:0}.compose-audio-capsule{position:relative;display:flex;align-items:center;gap:9px;min-height:54px;padding:8px 12px;border:1px solid var(--outline-variant);border-radius:var(--rounded-lg);background:var(--surface-container-lowest)}.compose-audio-capsule audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.compose-audio-play-btn{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:13px}.compose-audio-play-btn:disabled{opacity:.45}.compose-audio-waveform-bars{display:flex;align-items:center;gap:3px;min-width:0;flex:1;height:24px}.compose-audio-waveform-bars span{width:3px;height:9px;border-radius:99px;background:var(--primary-fixed-dim);transition:height .2s ease,background .2s ease}.compose-audio-waveform-bars span:nth-child(3n){height:18px;background:var(--primary)}.compose-audio-waveform-bars span:nth-child(2n){height:13px}.compose-audio-waveform-bars.is-playing span{animation:audio-wave-pulse .8s ease-in-out infinite alternate}@keyframes audio-wave-pulse{0%{transform:scaleY(.65);opacity:.55}to{transform:scaleY(1.15);opacity:1}}.compose-audio-time{flex:0 0 auto;font-size:11px;color:var(--on-surface-variant);font-variant-numeric:tabular-nums}.compose-media-remove-btn{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--surface-container);color:var(--on-surface-variant)}.compose-recipient-card{pointer-events:none;cursor:default!important}.compose-recipient-card .compose-recipient-arrow{display:none}.letter-media-card{padding:16px}.letter-media-heading{margin-bottom:12px}.letter-media-heading .section-arrow{display:none}.media-grid-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.letter-media-thumb-box{position:relative;width:100%;min-height:132px;height:auto!important;aspect-ratio:4 / 3;border-radius:var(--rounded-lg);overflow:hidden;background:var(--surface-container-low);border:1px solid var(--hairline)}.letter-detail-shell .letter-media-thumb-box{width:100%;min-width:0;min-height:132px;height:auto!important}.letter-media-thumb-box img,.letter-media-thumb-box video{width:100%;height:100%;object-fit:cover}.letter-media-audio-capsule{grid-column:1 / -1;width:100%;min-height:64px;padding:10px 14px;border-radius:var(--rounded-lg);background:var(--surface-container-low)}.letter-detail-shell .letter-media-audio-capsule{min-height:64px;padding:10px 14px}.letter-media-audio-capsule audio{display:none}.media-expand-btn{position:absolute;right:8px;bottom:8px;min-height:28px;padding:4px 9px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#1f1b18ad;color:#fff;font-size:11px;line-height:18px}.letter-media-audio-capsule{position:relative}.audio-expand-btn{position:static;flex:0 0 auto;background:var(--surface-container-highest);border-color:var(--outline-variant);color:var(--on-surface-variant)}.letter-appendix-thumb{cursor:pointer}.letter-appendix-thumb img{width:100%;height:100%;object-fit:cover}.modal-backdrop{z-index:11000!important}.toast-region{z-index:12000!important}.appendix-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.appendix-editor-heading h2{margin:0}.appendix-media-row .button.media-action{flex:1;min-width:0;border:0;background:var(--surface-container-low);color:var(--on-surface)}.appendix-media-row .button.recording{color:var(--error);background:var(--error-container)}.appendix-media-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;font-size:12px}.appendix-media-help .text-link{color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.appendix-preview{margin-top:18px}.appendix-preview-media img,.appendix-preview-media video{display:block;max-width:100%;max-height:50vh;margin:0 auto;border-radius:12px;object-fit:contain}.appendix-preview-media audio{display:block;width:100%}.appendix-confirm-summary{display:grid;gap:6px;margin:16px 0;font-size:13px}.letter-detail-shell .letter-appendix-timeline{gap:24px;margin-top:14px}.letter-appendix-item{min-width:0;scroll-margin-block:90px}.letter-appendix-dot-col{flex:0 0 14px}.letter-appendix-content{min-width:0;gap:10px}.letter-appendix-meta{display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1.5}.letter-appendix-author{font-size:14px;color:var(--on-surface);overflow-wrap:anywhere}.letter-appendix-date{font-size:11px;font-variant-numeric:tabular-nums}.letter-detail-shell .letter-appendix-bubble{flex:0 0 auto;padding:8px 12px;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.letter-detail-shell .letter-appendix-bubble .body-lg{margin:0;font-size:inherit;line-height:inherit}.letter-detail-shell .letter-appendix-bubble ul{padding-left:20px}.cover-mode-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cover-mode-option{display:flex;align-items:center;gap:6px;min-height:40px;padding:6px 10px;border:1px solid var(--hairline);border-radius:10px;font-size:13px;cursor:pointer}.cover-mode-option.selected{border-color:var(--primary);background:var(--surface-container-low)}.cover-mode-option input{width:16px;height:16px;accent-color:var(--primary)}.import-reselect-btn[aria-disabled=true]{opacity:.5;pointer-events:none}.draft-card .mailbox-card-footer-row{flex-wrap:wrap;gap:8px}.draft-card .mailbox-footer-direction{flex:1 0 100%}.draft-card .mailbox-card-draft-actions .button{min-height:32px;padding:6px 12px}.letter-detail-shell .letter-appendix-media{display:flex;flex-wrap:wrap;gap:10px}.letter-detail-shell .letter-appendix-media .letter-media-thumb-box{width:100px;min-height:0;aspect-ratio:1}.letter-appendix-media .letter-media-audio-capsule{max-width:100%}.letter-detail-shell .heart-rating-row{justify-content:flex-start;gap:12px;margin-top:10px}.heart-rate-btn{min-height:44px;min-width:44px}.letter-summary-meta{flex-wrap:wrap}.datetime-time-row label{min-width:0}.export-current-job{scroll-margin-block:85px}.export-custom-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}.export-custom-dates>.button{grid-column:1 / -1}.export-history{padding:16px 0;border-top:1px solid var(--outline-variant)}.export-history summary{cursor:pointer;font-size:14px;font-weight:600}.export-history ul{list-style:none;margin:10px 0 0;padding:0}.export-history li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--outline-variant)}.export-history li>div{display:grid;gap:4px;min-width:0;font-size:12px}.export-history li span{color:var(--on-surface-variant)}.export-history li time{font-variant-numeric:tabular-nums}.modal p{white-space:pre-line}.modal-actions.single{justify-content:stretch}.modal-actions.single .button{width:100%}.setup-avatar-picker{display:flex;align-items:center;gap:12px;padding:10px 0 2px}.setup-avatar-button{position:relative;width:64px;height:64px;flex:0 0 64px;display:block;overflow:hidden;border:2px solid var(--surface-container-lowest);border-radius:50%;background:var(--surface-container);box-shadow:var(--shadow-card);cursor:pointer}.setup-avatar-image{width:100%;height:100%;display:block;object-fit:cover}.setup-avatar-edit{position:absolute;right:0;bottom:0;left:0;padding:3px 0;background:#1f1b18a6;color:#fff;text-align:center;font-size:10px}.setup-avatar-picker>div{display:grid;gap:3px}.setup-avatar-picker>div strong{font-size:14px}.setup-avatar-picker>div span{font-size:12px;color:var(--on-surface-variant)}@media(min-width:480px){#root{padding:0!important}.reference-shell{width:100%!important;height:auto!important;min-height:100vh!important;border:0!important;border-radius:0!important}}:root:has(.admin-app),:root:has(.admin-login){--surface: #fff8f5;--surface-dim: #e2d8d3;--surface-bright: #fff8f5;--surface-container-lowest: #ffffff;--surface-container-low: #fcf2ec;--surface-container: #f6ece7;--surface-container-high: #f0e6e1;--surface-container-highest: #ebe0db;--on-surface: #1f1b18;--on-surface-variant: #55433a;--inverse-surface: #352f2c;--inverse-on-surface: #f9efea;--outline: #887368;--outline-variant: #dbc1b5;--surface-tint: #99460b;--primary: #964408;--on-primary: #ffffff;--primary-container: #b65c22;--on-primary-container: #fffbff;--inverse-primary: #ffb68f;--secondary: #546251;--on-secondary: #ffffff;--secondary-container: #d8e7d1;--on-secondary-container: #5a6857;--tertiary: #795600;--on-tertiary: #ffffff;--tertiary-container: #956e1c;--on-tertiary-container: #fffbff;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--primary-fixed: #ffdbca;--primary-fixed-dim: #ffb68f;--on-primary-fixed: #331200;--on-primary-fixed-variant: #773200;--secondary-fixed: #d8e7d1;--secondary-fixed-dim: #bccbb6;--on-secondary-fixed: #121e11;--on-secondary-fixed-variant: #3d4a3a;--tertiary-fixed: #ffdea6;--tertiary-fixed-dim: #efbf66;--on-tertiary-fixed: #271900;--on-tertiary-fixed-variant: #5e4200;--background: #fff8f5;--on-background: #1f1b18;--surface-variant: #ebe0db;--shadow-card: 0 4px 20px -2px rgba(82,59,44,.05),0 1px 3px 0 rgba(82,59,44,.03);--shadow-float: 0 16px 36px -8px rgba(82,59,44,.12),0 4px 12px -2px rgba(82,59,44,.04);--glass: rgba(252,251,249,.82);--hairline: rgba(43,38,35,.06)}:root:has(.admin-app) body,:root:has(.admin-login) body{background:var(--surface)}.admin-app .button,.admin-login .button,.modal:has(.admin-confirm) .button{min-height:44px;min-width:44px;padding:.875rem 1.75rem;border-radius:var(--rounded-full);font-size:14px;line-height:22px;box-shadow:none}.admin-app .button.primary,.admin-login .button.primary,.modal:has(.admin-confirm) .button.primary{background:var(--primary);color:var(--on-primary)}.admin-app .button.primary:hover,.admin-login .button.primary:hover,.modal:has(.admin-confirm) .button.primary:hover{background:var(--primary-container)}.admin-app .button.secondary,.admin-login .button.secondary,.modal:has(.admin-confirm) .button.secondary{background:var(--surface-container);color:var(--on-surface);border:1px solid var(--hairline)}.admin-app .button.ghost{color:var(--on-surface);background:transparent}.admin-app .field>.label,.admin-login .field>.label,.admin-confirm .field>.label{color:var(--on-surface);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em}.admin-app,.admin-login{font-family:var(--font-family);font-size:14px;line-height:22px;background:var(--surface);color:var(--on-surface)}.admin-app .muted,.admin-login .muted{color:var(--on-surface-variant)}.admin-app .label,.admin-login .label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.04em}.admin-login .input-icon-prefix,.admin-login .input-icon-suffix{color:var(--on-surface-variant)}.admin-app{display:grid;width:100%;grid-template-columns:clamp(176px,16vw,224px) minmax(0,1fr);max-width:1600px;min-height:100svh;margin:auto}.admin-sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100svh;padding:var(--space-xl) var(--space-md);border-right:1px solid var(--hairline);background:var(--surface-container-low)}.admin-brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--on-surface);text-decoration:none;min-height:44px;font-size:17px;line-height:24px;font-weight:600;letter-spacing:-.01em}.admin-brand img{width:36px;height:36px;flex:0 0 auto}.admin-brand small{display:block;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.04em;color:var(--on-surface-variant);margin-top:var(--space-xs)}.admin-navigation{display:grid;gap:var(--space-sm);margin-top:var(--space-xl)}.admin-nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);min-height:44px;border-radius:var(--rounded-lg);color:var(--on-surface-variant);text-decoration:none;transition:background-color .2s ease,color .2s ease}.admin-nav-link svg{flex:0 0 auto}.admin-nav-link.active{background:var(--surface-container-lowest);color:var(--primary);font-weight:600}.admin-nav-link:hover{background:var(--surface-container);color:var(--primary)}.admin-sidebar-note{display:flex;align-items:center;gap:var(--space-xs);margin-top:auto;padding-top:var(--space-xl);font-size:11px;line-height:14px;color:var(--on-surface-variant)}.admin-sidebar-note svg{width:16px;height:16px}.admin-menu{display:none}.admin-workspace{min-width:0}.admin-topbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) var(--margin);min-height:72px;position:sticky;top:0;z-index:10;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.8);border-bottom:1px solid var(--hairline)}.admin-current{flex:1;font-weight:600}.admin-account{display:grid;font-size:12px;line-height:16px;gap:var(--space-xs);overflow-wrap:anywhere}.admin-content{width:100%;padding:var(--space-xl) var(--space-xl) calc(var(--space-xl) + env(safe-area-inset-bottom));min-width:0}.admin-content:focus{outline:none}.admin-page-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}.admin-page-heading h1,.admin-login-heading h1{margin:0 0 var(--space-sm);font-size:26px;line-height:34px;font-weight:600;letter-spacing:-.02em}.admin-page-heading p,.admin-login-heading p{margin:0;color:var(--on-surface-variant)}.admin-app h2{font-size:17px;line-height:24px;letter-spacing:-.01em;font-weight:600;margin:0 0 var(--space-md)}.admin-sections{display:grid;gap:var(--space-xl)}.admin-section{padding-bottom:var(--space-lg);border-bottom:1px solid var(--hairline)}.admin-section:last-child{border-bottom:0}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:0}.admin-metrics dt{color:var(--on-surface-variant);font-size:12px;line-height:16px}.admin-metrics dd{margin:var(--space-sm) 0 0;font-size:30px;line-height:38px;letter-spacing:-.025em;font-weight:700;font-variant-numeric:tabular-nums}.admin-sampled{margin:0 0 var(--space-md);color:var(--on-surface-variant);font-size:12px;line-height:16px}.admin-facts{margin:0}.admin-facts>div{display:grid;grid-template-columns:minmax(96px,1fr) minmax(0,2fr);gap:var(--space-md);padding:var(--space-sm) 0}.admin-facts dt{color:var(--on-surface-variant)}.admin-facts dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.admin-facts a,.admin-text-link{color:var(--primary);text-underline-offset:var(--space-xs)}.admin-text-link{display:inline-flex;align-items:center;min-height:44px}.admin-error{display:grid;gap:var(--space-sm);padding:var(--space-md);margin:var(--space-md) 0;border-radius:var(--rounded-lg);color:var(--on-error-container);background:var(--error-container);overflow-wrap:anywhere}.admin-error p{margin:0}.admin-error>.button{justify-self:start}.admin-empty{padding:var(--space-xl) 0;text-align:center;color:var(--on-surface-variant)}.admin-empty p{margin:var(--space-sm) 0 0}.admin-login{display:grid;width:100%;place-items:center;min-height:100svh;padding:var(--space-xl) var(--margin)}.admin-login-inner{width:100%;max-width:480px}.admin-login-heading{margin:var(--space-xl) 0 var(--space-lg)}.admin-login-heading>.label{display:block;margin-bottom:var(--space-sm)}.admin-login-form{background:var(--surface-container-lowest);border:1px solid var(--hairline);border-radius:var(--rounded-xl);padding:var(--space-lg);box-shadow:var(--shadow-card)}.admin-login-form .input-with-icon input{width:100%;padding-right:48px}.admin-login .input-with-icon input,.admin-app .field input,.admin-app .field select,.admin-app .field textarea,.admin-confirm textarea{border:1px solid var(--hairline);background:var(--surface-container-low);border-radius:var(--rounded-lg);min-height:44px;padding:var(--space-sm) var(--space-md);font-size:14px;line-height:22px;width:100%;min-width:0}.admin-login .input-with-icon input{padding-left:48px;min-height:52px}.admin-login .input-with-icon input:focus,.admin-app .field input:focus,.admin-app .field select:focus,.admin-app .field textarea:focus,.admin-confirm textarea:focus{outline:2px solid var(--outline);outline-offset:2px;box-shadow:none}.admin-return-link{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);margin-top:var(--space-md);text-underline-offset:var(--space-xs)}.admin-login-note{margin:var(--space-sm) 0 0;font-size:12px;line-height:16px;color:var(--on-surface-variant)}.admin-skip-link{position:absolute;left:var(--space-md);top:var(--space-md);z-index:11001;transform:translateY(-200%);padding:var(--space-md);border-radius:var(--rounded-lg);background:var(--surface-container-lowest)}.admin-skip-link:focus{transform:translateY(0)}.admin-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:var(--space-md);padding:var(--space-lg);margin-bottom:var(--space-lg);background:var(--surface-container-low);border-radius:var(--rounded-xl)}.admin-filters .field{margin:0;gap:var(--space-sm);min-width:0}.admin-filter-actions{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-sm);grid-column:1 / -1}.admin-table-wrap{overflow-x:auto;max-width:100%;border-block:1px solid var(--hairline);border-radius:var(--rounded-sm)}.admin-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;line-height:22px;text-align:left}.admin-table th{color:var(--on-surface-variant);background:var(--surface-container-low);font-weight:600}.admin-table th,.admin-table td{padding:var(--space-md);vertical-align:top;border-bottom:1px solid var(--hairline)}.admin-table tr:last-child td{border:0}.admin-table td{overflow-wrap:anywhere;max-width:192px}.admin-table a{color:var(--primary);display:inline-flex;align-items:center;min-height:44px;min-width:44px;text-underline-offset:var(--space-xs)}.admin-table time{display:block;min-width:128px;font-variant-numeric:tabular-nums}.admin-table strong,.admin-table small{display:block}.admin-table small{margin-top:var(--space-xs);color:var(--on-surface-variant);font-size:12px;line-height:16px}.admin-tag{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--rounded);font-size:12px;line-height:16px;background:var(--surface-container);color:var(--on-surface-variant)}.admin-tag.sage{color:var(--secondary);background:var(--secondary-container)}.admin-tag.error{color:var(--on-error-container);background:var(--error-container)}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-lg);font-size:12px;line-height:16px}.admin-pagination label{display:flex;align-items:center;gap:var(--space-sm)}.admin-pagination select{min-height:44px;min-width:44px;padding:var(--space-sm);border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-container-low)}.admin-note{margin:0;color:var(--on-surface-variant);font-size:14px;line-height:22px}.admin-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.admin-list{list-style:none;padding:0;margin:0}.admin-list>li{padding:var(--space-md) 0;border-bottom:1px solid var(--hairline)}.admin-list>li:last-child{border-bottom:0}.admin-list p{margin:var(--space-sm) 0}.admin-progress{padding:var(--space-lg);border:1px solid var(--hairline);border-radius:var(--rounded-xl);background:var(--surface-container-lowest)}.admin-progress-track{display:flex;gap:var(--space-xs);margin:var(--space-md) 0}.admin-progress-track span{flex:1;height:4px;border-radius:var(--rounded-full);background:var(--surface-container-highest)}.admin-progress-track span.done{background:var(--primary)}.admin-backup-warning{padding:var(--space-lg);background:var(--surface-container-low);border-radius:var(--rounded-xl)}.admin-backup-warning p{margin:0 0 var(--space-lg)}.admin-confirm{display:grid;gap:var(--space-md);font-family:var(--font-family);font-size:14px;line-height:22px}.admin-confirm p{margin:0;overflow-wrap:anywhere}.modal:has(.admin-confirm){border-radius:var(--rounded-xl);padding:var(--space-lg);box-shadow:var(--shadow-float)}.modal-backdrop:has(.admin-confirm){-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal:has(.admin-confirm) .headline{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.015em}.admin-confirm textarea{resize:vertical}.admin-success{padding:var(--space-md);margin-bottom:var(--space-lg);background:var(--secondary-container);color:var(--secondary);border-radius:var(--rounded-lg)}.admin-settings-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg)}.admin-settings-pending{padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--rounded-lg);background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.admin-settings-pending p{margin:var(--space-sm) 0 0;overflow-wrap:anywhere}.admin-settings-navigation{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);padding-block:var(--space-sm);border-block:1px solid var(--hairline)}.admin-settings-group{display:grid;grid-template-columns:minmax(176px,.65fr) minmax(0,2fr);gap:var(--space-xl);padding-block:var(--space-xl);scroll-margin-top:96px}.admin-settings-group h2{margin-bottom:var(--space-sm)}.admin-settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-xl);align-items:start}.admin-setting{min-width:0}.admin-setting .field{margin:0;gap:var(--space-sm)}.admin-setting .row-between{align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.admin-setting .admin-tag{flex:none}.admin-setting input:disabled,.admin-setting select:disabled{color:var(--on-surface-variant);opacity:1;background:var(--surface-container);cursor:not-allowed}.admin-setting-key{display:block;margin-top:var(--space-sm);font-size:11px;line-height:16px;color:var(--on-surface-variant);overflow-wrap:anywhere}.admin-setting-help,.admin-setting-error{margin:var(--space-xs) 0 0;font-size:12px;line-height:20px;overflow-wrap:anywhere}.admin-setting-help{color:var(--on-surface-variant)}.admin-setting-error{color:var(--error)}.admin-settings-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);position:sticky;bottom:0;z-index:9;margin-top:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--hairline);background:var(--surface)}.admin-settings-review{list-style:none;padding:0;margin:0;max-height:320px;overflow-y:auto}.admin-settings-review li{display:grid;gap:var(--space-xs);padding-block:var(--space-sm);border-bottom:1px solid var(--hairline)}.admin-settings-review span{overflow-wrap:anywhere}.admin-settings-review small{color:var(--on-surface-variant)}.admin-mail-test{grid-column:2;padding-top:var(--space-lg);border-top:1px solid var(--hairline)}.admin-mail-test h3{margin-top:0;margin-bottom:var(--space-sm)}.admin-mail-test-controls{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-md);margin-block:var(--space-md)}.admin-mail-test-controls .field{margin:0;flex:1 1 256px;min-width:0}.admin-audit-list summary{display:flex;align-items:center;min-height:44px;color:var(--primary);cursor:pointer;text-decoration:underline;text-underline-offset:var(--space-xs)}.admin-audit-list details[open]{padding-bottom:var(--space-sm)}.admin-app h3{font-size:14px;line-height:22px;font-weight:600;margin:var(--space-lg) 0 var(--space-md)}.admin-overview-layout,.admin-detail-layout,.admin-backup-layout,.admin-restore-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.admin-overview-layout>.admin-sampled,.admin-detail-layout>.admin-section:last-child,.admin-backup-layout>.admin-section,.admin-restore-summary,.admin-restore-conflicts,.admin-restore-history,.admin-restore-layout>.admin-error{grid-column:1 / -1}.admin-overview-layout>.admin-section,.admin-detail-layout>.admin-section{height:100%}.admin-detail-layout>.admin-section:last-child{height:auto}.admin-audit-list>li{display:grid;grid-template-columns:minmax(176px,1fr) minmax(160px,.8fr) minmax(224px,1.4fr);gap:var(--space-sm) var(--space-lg);align-items:start}.admin-audit-list>li>p{margin:0}.admin-audit-list>li>.row-between{align-items:flex-start;gap:var(--space-sm)}.admin-audit-list>li>details{grid-column:1 / -1}.admin-audit-list .admin-text-link{min-height:22px}.admin-restore-upload{min-width:0;padding:var(--space-lg);background:var(--surface-container-low);border:1px solid var(--hairline);border-radius:var(--rounded-xl)}.admin-restore-upload.dragging{outline:2px solid var(--primary);outline-offset:2px}.admin-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-block:var(--space-lg);padding:var(--space-xl) var(--space-md);background:var(--surface-container-lowest);border:1px dashed var(--outline-variant);border-radius:var(--rounded-lg);text-align:center}.admin-upload-area p,.admin-upload-progress p{margin:0}.admin-upload-area>svg{width:24px;height:24px;color:var(--primary)}.admin-upload-progress{display:grid;gap:var(--space-sm);margin-block:var(--space-md)}.admin-upload-progress .button{justify-self:start}.admin-upload-progress progress{width:100%;height:8px;accent-color:var(--primary)}.admin-restore-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:var(--space-md) var(--space-lg);margin:0}.admin-restore-counts dt{font-size:12px;line-height:16px;color:var(--on-surface-variant)}.admin-restore-counts dd{margin:var(--space-xs) 0 0;font-size:20px;line-height:28px;font-weight:600;font-variant-numeric:tabular-nums}.admin-restore-primary-counts{grid-template-columns:repeat(6,minmax(0,1fr));padding-bottom:var(--space-lg);border-bottom:1px solid var(--hairline)}.admin-restore-primary-counts dd{font-size:26px;line-height:34px}.admin-restore-unit{font-size:14px;line-height:22px;font-weight:400;color:var(--on-surface-variant)}.admin-restore-inspection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl)}.admin-restore-inspection>section{min-width:0}.admin-restore-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-restore-conflict-notice{margin:var(--space-lg) 0 var(--space-md);padding:var(--space-md);border-radius:var(--rounded-lg);background:var(--secondary-container);color:var(--on-secondary-fixed-variant);font-size:14px;line-height:22px}.admin-restore-conflict-notice.has-conflicts{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.admin-restore-checks{list-style:none;margin:0;padding:0}.admin-restore-checks li{display:flex;gap:var(--space-sm);align-items:center;padding-block:var(--space-sm);font-size:14px;line-height:22px;border-bottom:1px solid var(--hairline)}.admin-restore-checks svg{width:20px;height:20px;flex:none;color:var(--secondary)}.admin-check-passed{margin-left:auto;padding-left:var(--space-sm);flex:none;color:var(--secondary);font-size:12px;line-height:16px}.admin-confirm .admin-restore-primary-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-confirm .admin-restore-primary-counts dd{font-size:20px;line-height:28px}.admin-validation-details{margin-top:var(--space-lg)}.admin-validation-details summary{color:var(--primary);min-height:44px;cursor:pointer;padding-block:var(--space-sm)}.admin-validation-details ul{margin-block:var(--space-sm);padding-left:var(--space-lg)}.admin-confirm .field input{min-height:44px;width:100%;border:1px solid var(--hairline);background:var(--surface-container-low);border-radius:var(--rounded-lg);padding:var(--space-sm) var(--space-md);font-size:14px;line-height:22px}.admin-confirm .field input:focus{outline:2px solid var(--outline);outline-offset:2px}@media(min-width:1360px){.admin-overview-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-overview-layout>.admin-section:nth-last-child(-n+3){grid-column:1 / -1;display:grid;grid-template-columns:minmax(176px,1fr) minmax(0,3fr);gap:var(--space-md) var(--space-xl)}.admin-overview-layout>.admin-section:nth-last-child(-n+3)>.row-between{display:block}.admin-overview-layout>.admin-section:nth-last-child(-n+3)>.admin-sampled{grid-column:2;grid-row:1;margin:0;align-self:center}.admin-overview-layout>.admin-section:nth-last-child(-n+3)>.admin-facts{grid-column:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-lg)}}@media(max-width:1199px){.admin-content{padding-inline:var(--margin)}.admin-table th,.admin-table td{padding:var(--space-md) var(--space-sm)}.admin-audit-list>li{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-audit-list>li>p:nth-of-type(2){grid-column:1 / -1}}@media(max-width:959px){.admin-overview-layout,.admin-detail-layout,.admin-backup-layout,.admin-restore-layout{grid-template-columns:minmax(0,1fr)}.admin-restore-inspection{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.admin-restore-primary-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-settings-group{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.admin-settings-fields{grid-template-columns:minmax(0,1fr)}.admin-mail-test{grid-column:1}}@media(max-width:479px){.admin-app{display:block}.admin-sidebar{height:auto;position:static;padding:var(--space-md) var(--margin-mobile);border-right:0;border-bottom:1px solid var(--hairline);flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.admin-menu{display:inline-flex;padding:var(--space-sm) var(--space-md)}.admin-navigation{display:none;width:100%;margin:0}.admin-navigation.expanded{display:grid}.admin-sidebar-note{display:none}.admin-topbar,.admin-content,.admin-login{padding-inline:var(--margin-mobile)}.admin-audit-list>li{display:block}.admin-audit-list>li>p{margin:var(--space-sm) 0}.admin-restore-primary-counts,.admin-confirm .admin-restore-primary-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.admin-nav-link{transition:none}}