:root{--color-sunrise-gold: #F4A261;--color-warm-sand: #FAF3E8;--color-dusk-rose: #E07A5F;--color-deep-terracotta: #BC6C4A;--color-soft-sage: #9DB5A0;--color-sunrise-gold-rgb: 244, 162, 97;--color-dusk-rose-rgb: 224, 122, 95;--color-deep-terracotta-rgb: 188, 108, 74;--color-soft-sage-rgb: 157, 181, 160;--color-warm-charcoal: #3D3A38;--color-soft-graphite: #6B6662;--color-muted-stone: #A8A29E;--color-cream: #FFFEF9;--color-light-linen: #F5F1EB;--color-warm-charcoal-rgb: 61, 58, 56;--color-soft-graphite-rgb: 107, 102, 98;--color-success: var(--color-soft-sage);--color-attention: var(--color-dusk-rose);--color-love: var(--color-sunrise-gold);--bg-primary: var(--color-warm-sand);--bg-card: var(--color-cream);--bg-elevated: #FFFFFF;--text-primary: var(--color-warm-charcoal);--text-secondary: var(--color-soft-graphite);--text-muted: var(--color-muted-stone);--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--content-width-narrow: 24rem;--content-width-default: 32rem;--content-width-wide: 40rem;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-envelope: .45s;--duration-reveal: .8s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--color-warm-charcoal-4: rgba(var(--color-warm-charcoal-rgb), .04);--color-warm-charcoal-5: rgba(var(--color-warm-charcoal-rgb), .05);--color-warm-charcoal-6: rgba(var(--color-warm-charcoal-rgb), .06);--color-warm-charcoal-8: rgba(var(--color-warm-charcoal-rgb), .08);--color-warm-charcoal-10: rgba(var(--color-warm-charcoal-rgb), .1);--color-warm-charcoal-12: rgba(var(--color-warm-charcoal-rgb), .12);--color-warm-charcoal-15: rgba(var(--color-warm-charcoal-rgb), .15);--color-warm-charcoal-20: rgba(var(--color-warm-charcoal-rgb), .2);--color-sunrise-gold-8: rgba(var(--color-sunrise-gold-rgb), .08);--color-sunrise-gold-15: rgba(var(--color-sunrise-gold-rgb), .15);--color-sunrise-gold-40: rgba(var(--color-sunrise-gold-rgb), .4);--color-dusk-rose-6: rgba(var(--color-dusk-rose-rgb), .06);--color-dusk-rose-8: rgba(var(--color-dusk-rose-rgb), .08);--color-dusk-rose-10: rgba(var(--color-dusk-rose-rgb), .1);--color-deep-terracotta-5: rgba(var(--color-deep-terracotta-rgb), .05);--color-deep-terracotta-8: rgba(var(--color-deep-terracotta-rgb), .08);--color-deep-terracotta-10: rgba(var(--color-deep-terracotta-rgb), .1);--color-deep-terracotta-15: rgba(var(--color-deep-terracotta-rgb), .15);--color-deep-terracotta-20: rgba(var(--color-deep-terracotta-rgb), .2);--color-soft-sage-10: rgba(var(--color-soft-sage-rgb), .1);--color-soft-sage-12: rgba(var(--color-soft-sage-rgb), .12);--color-soft-sage-15: rgba(var(--color-soft-sage-rgb), .15);--color-soft-graphite-15: rgba(var(--color-soft-graphite-rgb), .15);--shadow-card: 0 1px 3px var(--color-warm-charcoal-4), 0 4px 12px var(--color-warm-charcoal-6);--shadow-card-hover: 0 2px 6px var(--color-warm-charcoal-6), 0 8px 24px var(--color-warm-charcoal-10);--shadow-elevated: 0 4px 12px var(--color-warm-charcoal-8), 0 12px 32px var(--color-warm-charcoal-12);--shadow-elevated-hover: 0 8px 24px var(--color-warm-charcoal-15);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--focus-ring: 0 0 0 3px var(--color-sunrise-gold-40);--envelope-color-trivia: var(--color-sunrise-gold);--envelope-color-would-you-rather: var(--color-dusk-rose);--envelope-color-letter: var(--color-deep-terracotta);--envelope-color-media: var(--color-soft-sage);--envelope-color-name-game: #7BA7BC;--envelope-color-gender-reveal: #B08EA2;--envelope-color-friend-letter: #D4A574;--envelope-color-photo-prompt: #7BAEBC;--envelope-color-name-game-rgb: 123, 167, 188;--envelope-color-gender-reveal-rgb: 176, 142, 162;--envelope-color-friend-letter-rgb: 212, 165, 116;--envelope-color-photo-prompt-rgb: 123, 174, 188;--envelope-color-trivia-15: rgba(var(--color-sunrise-gold-rgb), .15);--envelope-color-would-you-rather-15: rgba(var(--color-dusk-rose-rgb), .15);--envelope-color-letter-15: rgba(var(--color-deep-terracotta-rgb), .15);--envelope-color-media-15: rgba(var(--color-soft-sage-rgb), .15);--envelope-color-name-game-15: rgba(var(--envelope-color-name-game-rgb), .15);--envelope-color-gender-reveal-15: rgba(var(--envelope-color-gender-reveal-rgb), .15);--envelope-color-friend-letter-15: rgba(var(--envelope-color-friend-letter-rgb), .15);--envelope-color-photo-prompt-15: rgba(var(--envelope-color-photo-prompt-rgb), .15);--reveal-boy-primary-rgb: 123, 167, 188;--reveal-boy-primary: #7BA7BC;--reveal-boy-secondary: #9DB5A0;--reveal-boy-glow: #A8C8D8;--reveal-boy-glow-rgb: 168, 200, 216;--reveal-boy-text: #4A7A8C;--reveal-girl-primary: #E07A5F;--reveal-girl-secondary: #D4A0A0;--reveal-girl-glow: #F0B8A8;--reveal-girl-glow-rgb: 240, 184, 168;--reveal-girl-text: #C05A3F}.font-display,h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-optical-sizing:auto}:root{--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.625}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}:root{--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .1em}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}html,body,#root{height:100%}body{line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary)}body{background-image:radial-gradient(ellipse at top right,var(--color-sunrise-gold-8) 0%,transparent 50%),radial-gradient(ellipse at bottom left,var(--color-dusk-rose-6) 0%,transparent 50%);min-height:100vh}:focus{outline:none}:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{box-shadow:var(--focus-ring);outline:none}a{color:var(--color-deep-terracotta);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-dusk-rose)}::selection{background-color:var(--color-sunrise-gold);color:var(--color-warm-charcoal)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-light-linen)}::-webkit-scrollbar-thumb{background:var(--color-muted-stone);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-soft-graphite)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app{min-height:100vh;display:flex;flex-direction:column}.app--admin{background:var(--bg-primary)}.app__header{padding:var(--space-4) var(--space-6);text-align:center;position:relative}.app__header--sticky{position:sticky;top:0;z-index:100;background-color:var(--bg-primary);box-shadow:0 2px 8px #3d3a3814}.app__title--clickable{cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.app__title--clickable:hover{color:var(--color-sunrise-gold)}.app__title--clickable:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.app__title{margin:0}.app__admin-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-deep-terracotta-10);color:var(--color-deep-terracotta);border-radius:.5rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500}.app__readonly{margin-top:var(--space-1)}.app__main{flex:1;padding:var(--space-4)}.app__loading-envelopes,.app__error,.app__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;gap:var(--space-4)}.app__retry{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-sunrise-gold);background:none;border:none;cursor:pointer;text-decoration:underline}.app__retry:hover{color:var(--color-deep-terracotta)}.app:not(.app--admin) .content-tabs{justify-content:center}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.app-loading__spinner{width:40px;height:40px;border:3px solid var(--color-light-linen);border-top-color:var(--color-sunrise-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg-primary)}.error-boundary__content{text-align:center;max-width:var(--content-width-narrow)}.error-boundary__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-4)}.error-boundary__message{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6)}.error-boundary__button{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-cream);background:var(--color-sunrise-gold);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.error-boundary__button:hover{background:var(--color-deep-terracotta)}.error-boundary__button:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:500;font-size:var(--text-base);letter-spacing:var(--tracking-wide);border-radius:var(--radius-md);border:none;cursor:pointer;min-height:3rem;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-sunrise-gold);color:var(--color-warm-charcoal)}.btn--primary:hover:not(:disabled){background-color:var(--color-deep-terracotta);color:var(--color-cream)}.btn--primary:active:not(:disabled){background-color:var(--color-deep-terracotta)}.btn--secondary{background-color:transparent;color:var(--color-warm-charcoal);border:2px solid var(--color-light-linen)}.btn--secondary:hover:not(:disabled){border-color:var(--color-muted-stone);background-color:var(--color-light-linen)}.btn--secondary:active:not(:disabled){background-color:var(--color-light-linen)}.btn--ghost{background-color:transparent;color:var(--color-warm-charcoal);border:none}.btn--ghost:hover:not(:disabled){background-color:var(--color-warm-charcoal-5);color:var(--color-deep-terracotta)}.btn--ghost:active:not(:disabled){background-color:var(--color-warm-charcoal-8)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:3rem}.btn--md{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:3rem}.btn--lg{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);min-height:3.5rem}.heading{font-family:var(--font-display);font-optical-sizing:auto;color:var(--text-primary);line-height:var(--leading-tight);margin:0}.heading--1{font-size:var(--text-4xl);font-weight:600;letter-spacing:var(--tracking-tight)}.heading--2{font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-tight)}.heading--3{font-size:var(--text-2xl);font-weight:500;letter-spacing:var(--tracking-normal)}.heading--4{font-size:var(--text-xl);font-weight:500;letter-spacing:var(--tracking-normal)}.text{font-family:var(--font-body);margin:0}.text--body{font-size:var(--text-base);line-height:var(--leading-relaxed);font-weight:400}.text--small{font-size:var(--text-sm);line-height:var(--leading-normal);font-weight:400}.text--caption{font-size:var(--text-xs);line-height:var(--leading-normal);font-weight:400}.text--primary{color:var(--text-primary)}.text--secondary{color:var(--text-secondary)}.text--muted{color:var(--text-muted)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default)}.card--elevated{background:var(--bg-elevated);box-shadow:var(--shadow-elevated)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card--interactive:active{transform:translateY(0)}.card--interactive:focus-visible{box-shadow:var(--focus-ring),var(--shadow-card);outline:none}.card--elevated.card--interactive:focus-visible{box-shadow:var(--focus-ring),var(--shadow-elevated)}.spotify-button{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:100;width:56px;height:56px;border-radius:var(--radius-full);background-color:var(--color-dusk-rose);color:var(--color-warm-sand);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-elevated);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);text-decoration:none;min-width:44px;min-height:44px;bottom:max(var(--space-6),env(safe-area-inset-bottom,0px) + var(--space-4));right:max(var(--space-6),env(safe-area-inset-right,0px) + var(--space-4))}.spotify-button:hover{background-color:var(--color-deep-terracotta);box-shadow:var(--shadow-elevated-hover);transform:scale(1.05)}.spotify-button:active{transform:scale(.95)}.spotify-button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-elevated)}.spotify-button svg{flex-shrink:0}.media-attachment{width:100%}.media-attachment--preview{position:relative}.media-attachment__image{width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-sm)}.media-attachment__video{width:100%;max-height:70vh;border-radius:var(--radius-sm)}.media-attachment__audio{width:100%}.media-attachment__remove{position:absolute;top:var(--space-2);right:var(--space-2);width:44px;height:44px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.media-attachment__upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px dashed var(--color-deep-terracotta);border-radius:var(--radius-sm);background:transparent;color:var(--color-deep-terracotta);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);width:100%;justify-content:center;min-height:44px}.media-attachment__upload-btn:hover{background:var(--color-deep-terracotta-5)}.media-attachment__types{display:flex;gap:var(--space-1);opacity:.6}.media-attachment__progress{position:relative;height:32px;border-radius:var(--radius-sm);background:var(--color-warm-sand);overflow:hidden}.media-attachment__progress-bar{position:absolute;left:0;top:0;bottom:0;background:var(--color-sunrise-gold);transition:width var(--duration-fast) var(--ease-default)}.media-attachment__progress-text{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:var(--text-sm);color:var(--color-deep-terracotta)}.media-attachment__error{color:var(--color-dusk-rose);font-size:var(--text-sm);margin-top:var(--space-1)}.media-attachment__input{display:none}.content-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-light-linen);margin-bottom:var(--space-6)}.content-tabs__tab{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;padding:var(--space-3) var(--space-4);cursor:pointer;position:relative;min-height:48px;transition:color var(--duration-fast) var(--ease-default)}.content-tabs__tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:transparent;transition:background var(--duration-fast) var(--ease-default)}.content-tabs__tab:hover{color:var(--text-secondary)}.content-tabs__tab--active{color:var(--color-deep-terracotta)}.content-tabs__tab--active:after{background:var(--color-sunrise-gold)}.content-tabs__tab:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:-2px;border-radius:.25rem}.pin-entry{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--color-cream) 100%);padding:var(--space-4)}.pin-entry__card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);max-width:var(--content-width-narrow);width:100%;box-shadow:var(--shadow-card);text-align:center}.pin-entry__header{margin-bottom:var(--space-8)}.pin-entry__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-2) 0}.pin-entry__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0}.pin-entry__input-wrapper{margin-bottom:var(--space-4)}.pin-entry__input{width:100%;padding:var(--space-4);font-size:var(--text-2xl);font-family:var(--font-mono);text-align:center;border:2px solid var(--color-light-linen);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-normal) var(--ease-default);background-color:var(--color-light-linen);color:var(--text-primary);letter-spacing:var(--tracking-widest);box-sizing:border-box}.pin-entry__input:focus{border-color:var(--color-sunrise-gold)}.pin-entry__input:disabled{opacity:.6}.pin-entry__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-dusk-rose);margin:0 0 var(--space-4) 0}.pin-entry__loading{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-4) 0}.pin-entry__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.pin-entry__dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-light-linen);transition:background-color var(--duration-normal) var(--ease-default)}.pin-entry__dot--filled{background-color:var(--color-sunrise-gold)}@keyframes pin-entry-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.pin-entry__input-wrapper--shaking{animation:pin-entry-shake .5s var(--ease-default)}.envelope-card{position:relative;background:var(--bg-card);border-radius:1rem;padding:var(--space-6);min-height:160px;display:flex;flex-direction:column;cursor:default;transition:background-color var(--duration-normal) var(--ease-default);border-left:3px solid var(--envelope-accent, var(--color-sunrise-gold))}.envelope-card--type-trivia{--envelope-accent: var(--envelope-color-trivia);--envelope-accent-bg: var(--envelope-color-trivia-15)}.envelope-card--type-would-you-rather{--envelope-accent: var(--envelope-color-would-you-rather);--envelope-accent-bg: var(--envelope-color-would-you-rather-15)}.envelope-card--type-letter{--envelope-accent: var(--envelope-color-letter);--envelope-accent-bg: var(--envelope-color-letter-15)}.envelope-card--type-media{--envelope-accent: var(--envelope-color-media);--envelope-accent-bg: var(--envelope-color-media-15)}.envelope-card--type-name-game{--envelope-accent: var(--envelope-color-name-game);--envelope-accent-bg: var(--envelope-color-name-game-15)}.envelope-card--type-gender-reveal{--envelope-accent: var(--envelope-color-gender-reveal);--envelope-accent-bg: var(--envelope-color-gender-reveal-15)}.envelope-card--type-friend-letter{--envelope-accent: var(--envelope-color-friend-letter);--envelope-accent-bg: var(--envelope-color-friend-letter-15)}.envelope-card--type-photo-prompt{--envelope-accent: var(--envelope-color-photo-prompt);--envelope-accent-bg: var(--envelope-color-photo-prompt-15)}.envelope-card--sealed{cursor:pointer;box-shadow:var(--shadow-elevated)}.envelope-card--sealed:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.envelope-card--evergreen{cursor:pointer;box-shadow:var(--shadow-elevated)}.envelope-card--evergreen:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.envelope-card--opened{background:var(--bg-card);box-shadow:var(--shadow-card)}.envelope-card--completed{background:var(--color-light-linen);opacity:.85;box-shadow:0 1px 4px var(--color-warm-charcoal-4);border-left-color:var(--color-muted-stone)}.envelope-card__seal{position:absolute;bottom:var(--space-4);right:var(--space-4);width:36px;height:36px;background:linear-gradient(145deg,var(--color-dusk-rose) 0%,var(--color-deep-terracotta) 100%);border-radius:50%;box-shadow:0 2px 4px var(--color-warm-charcoal-20),inset 0 1px 2px #fff3;pointer-events:none}.envelope-card__seal:after{content:"♡";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff9;line-height:1}.envelope-card__partner{position:absolute;top:var(--space-3);right:var(--space-3)}.envelope-card__partner-dot{display:block;width:10px;height:10px;background:var(--color-soft-sage);border-radius:50%;animation:pulse 2s ease-in-out infinite}.envelope-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-soft-sage);color:var(--bg-elevated);border-radius:50%}.envelope-card__icon{margin-bottom:var(--space-4);color:var(--envelope-accent, var(--color-sunrise-gold))}.envelope-card--completed .envelope-card__icon{color:var(--color-soft-graphite)}.envelope-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.envelope-card--completed .envelope-card__title{color:var(--text-secondary)}.envelope-card__type{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--envelope-accent, var(--text-muted));text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:auto;align-self:flex-start;background:var(--envelope-accent-bg, transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.envelope-card--completed .envelope-card__type{color:var(--text-muted);background:transparent}.partner-presence{display:flex;align-items:center;gap:var(--space-2)}.partner-presence__dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--text-muted);transition:background-color var(--duration-normal) var(--ease-default);flex-shrink:0}.partner-presence__dot--online{background-color:var(--color-soft-sage)}.partner-presence__name{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.partner-presence__toast{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);background-color:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1000;animation:toast-slide-in var(--duration-normal) var(--ease-out)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.wyr-voting{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-4)}.wyr-voting__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center;margin:0}.wyr-voting__choices{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:320px}.wyr-voting__choice{width:100%;padding:var(--space-4);background-color:var(--bg-elevated);border:2px solid var(--color-muted-stone);border-radius:var(--radius-lg);text-align:center;transition:all var(--duration-fast) var(--ease-default);cursor:pointer}.wyr-voting__choice:active{transform:scale(.97)}.wyr-voting__choice:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.wyr-voting__choice--a:hover,.wyr-voting__choice--a:focus-visible{border-color:var(--color-dusk-rose);background-color:var(--color-dusk-rose-10)}.wyr-voting__choice--b:hover,.wyr-voting__choice--b:focus-visible{border-color:var(--color-soft-sage);background-color:var(--color-soft-sage-10)}.wyr-voting__choice-label{display:block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);margin-bottom:var(--space-2)}.wyr-voting__choice--a .wyr-voting__choice-label{color:var(--color-dusk-rose)}.wyr-voting__choice--b .wyr-voting__choice-label{color:var(--color-soft-sage)}.wyr-voting__choice-text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin:0;line-height:1.4}.wyr-voting__or{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-transform:lowercase}.wyr-waiting{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary)}.wyr-waiting__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.wyr-waiting__message{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center}.wyr-reveal{width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-4);background-color:var(--bg-primary)}.wyr-reveal--match{background:radial-gradient(ellipse at center,var(--color-sunrise-gold-15) 0%,var(--bg-primary) 70%)}.wyr-reveal__choices{display:flex;gap:var(--space-4);width:100%;max-width:480px}.wyr-reveal__choice{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background-color:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.wyr-reveal__label{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.wyr-reveal__text{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);text-align:center;line-height:1.4}.wyr-reveal__match{margin-top:var(--space-2)}.wyr-reveal__match-text{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-sunrise-gold);text-align:center}.wyr-reveal__advance{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-elevated);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.wyr-reveal__advance:hover{background-color:var(--color-deep-terracotta)}.wyr-reveal__advance:active{transform:scale(.98)}.wyr-reveal__advance:focus-visible{outline:none;box-shadow:var(--focus-ring)}.wyr-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);width:100%;min-height:300px;padding:var(--space-6);text-align:center}.wyr-complete__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.wyr-complete__icon{font-size:3rem;line-height:1}.wyr-complete__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0}.wyr-complete__message{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);margin:0;max-width:280px;line-height:1.5}.wyr-complete__close{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-elevated);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.wyr-complete__close:hover{background-color:var(--color-deep-terracotta)}.wyr-complete__close:active{transform:scale(.97)}.wyr-complete__close:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.wyr-summary{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0;max-height:70vh}.wyr-summary__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-deep-terracotta);text-align:center;margin:0}.wyr-summary__list{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-1);flex:1}.wyr-summary__item{background:var(--color-warm-sand);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warm-charcoal-6)}.wyr-summary__item--match{border-color:var(--color-sunrise-gold);box-shadow:0 0 0 1px var(--color-sunrise-gold)}.wyr-summary__item-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.wyr-summary__item-number{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-deep-terracotta);font-weight:600;min-width:var(--space-5)}.wyr-summary__item-options{font-size:.8125rem;color:var(--color-deep-terracotta);opacity:.7}.wyr-summary__vs{font-style:italic;opacity:.5}.wyr-summary__item-choices{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.wyr-summary__choice{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.wyr-summary__choice-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:var(--tracking-wider);opacity:.6;color:var(--color-deep-terracotta)}.wyr-summary__choice-text{font-size:var(--text-sm);font-weight:500;color:var(--color-deep-terracotta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wyr-summary__match-badge{font-size:var(--text-xs);font-weight:600;color:var(--color-sunrise-gold);padding:.125rem var(--space-2);border-radius:var(--radius-full);background:var(--color-sunrise-gold-15)}.wyr-summary__close{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-deep-terracotta);background:none;border:1px solid var(--color-deep-terracotta);border-radius:var(--radius-sm);padding:.625rem var(--space-6);cursor:pointer;align-self:center;min-height:44px;min-width:44px;transition:background-color var(--duration-fast),color var(--duration-fast)}.wyr-summary__close:hover{background:var(--color-deep-terracotta);color:var(--color-warm-sand)}.wyr-activity{display:flex;flex-direction:column;width:100%;min-height:300px;position:relative}.wyr-activity__header{display:flex;justify-content:flex-end;padding:var(--spacing-sm);position:absolute;top:0;right:0;z-index:10}.wyr-activity__progress{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-deep-terracotta);opacity:.6;padding:.25rem .5rem;border-radius:999px;background:#0000000a}.wyr-activity__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);padding-top:var(--spacing-xl)}.wyr-activity--loading{display:flex;justify-content:center;align-items:center}.wyr-activity__spinner{width:40px;height:40px;border:3px solid var(--color-warm-sand);border-top-color:var(--color-sunrise-gold);border-radius:50%}.wyr-activity--error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.wyr-activity__error-message{color:var(--color-dusk-rose);font-family:var(--font-body);font-size:var(--font-size-md);margin:0}.wyr-activity__retry{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-deep-terracotta);background:transparent;border:1px solid var(--color-deep-terracotta);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,color .2s}.wyr-activity__retry:hover,.wyr-activity__retry:focus{background:var(--color-deep-terracotta);color:var(--color-white)}.wyr-activity__retry:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.wyr-activity__offline-notice{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-deep-terracotta-10);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-deep-terracotta);text-align:center;z-index:5}.letter-writing{display:flex;flex-direction:column;gap:var(--space-5);width:100%;max-width:600px;margin:0 auto;padding:var(--space-4)}.letter-writing__prompt{text-align:center;padding:var(--space-4);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--color-cream) 100%);border-radius:var(--radius-lg);border-left:4px solid var(--color-sunrise-gold)}.letter-writing__prompt-text{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;color:var(--text-primary);line-height:1.5;margin:0}.letter-writing__editor{display:flex;flex-direction:column;gap:var(--space-2)}.letter-writing__textarea{width:100%;min-height:200px;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--color-cream);border:2px solid var(--color-light-linen);border-radius:var(--radius-lg);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.letter-writing__textarea::placeholder{color:var(--text-muted);font-style:italic}.letter-writing__textarea:focus{outline:none;border-color:var(--color-sunrise-gold);box-shadow:0 0 0 3px var(--color-sunrise-gold-15)}.letter-writing__textarea:disabled{opacity:.7;cursor:not-allowed}.letter-writing__status{min-height:24px;display:flex;justify-content:flex-end}.letter-writing__status-text{font-family:var(--font-body);font-size:var(--text-sm);transition:color .2s ease}.letter-writing__status-text--saving{color:var(--color-sunrise-gold)}.letter-writing__status-text--saved{color:var(--color-soft-sage)}.letter-writing__photo{display:flex;justify-content:center}.letter-writing__submit{align-self:center;padding:var(--space-3) var(--space-8);min-height:48px;min-width:160px;font-family:var(--font-body);font-size:var(--text-lg);font-weight:600;color:#fff;background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.letter-writing__submit:hover:not(:disabled){background-color:var(--color-deep-terracotta)}.letter-writing__submit:active:not(:disabled){transform:scale(.98)}.letter-writing__submit:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-writing__submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.letter-writing{padding:var(--space-3);gap:var(--space-4)}.letter-writing__prompt{padding:var(--space-3)}.letter-writing__prompt-text{font-size:var(--text-lg)}.letter-writing__textarea{min-height:180px;padding:var(--space-3)}}.letter-waiting{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background-color:var(--bg-primary)}.letter-waiting__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.letter-waiting__icon{font-size:3rem;line-height:1}.letter-waiting__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0}.letter-waiting__message{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-muted);margin:0;max-width:280px;line-height:1.5}.letter-reveal{width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-4);background-color:var(--bg-primary)}.letter-reveal__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0;text-align:center}.letter-reveal__buttons{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:480px}.letter-reveal__card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);min-height:48px;background-color:var(--color-cream);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:none;border-top:3px solid var(--color-sunrise-gold);cursor:pointer;text-align:left;overflow:hidden;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.letter-reveal__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .12))}.letter-reveal__card:active{transform:scale(.98)}.letter-reveal__card:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-reveal__label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-sunrise-gold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.letter-reveal__preview{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary, var(--text-primary));line-height:1.5;opacity:.7}.letter-reveal__read-cta{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-deep-terracotta);margin-top:var(--space-1)}.letter-reveal__advance{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-elevated);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.letter-reveal__advance:hover{background-color:var(--color-deep-terracotta)}.letter-reveal__advance:active{transform:scale(.98)}.letter-reveal__advance:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-reveal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background-color:var(--color-cream, #FAF3E8);overflow-y:auto;-webkit-overflow-scrolling:touch}.letter-reveal__overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default, rgba(0, 0, 0, .08));position:sticky;top:0;background-color:var(--color-cream, #FAF3E8);z-index:1}.letter-reveal__overlay-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.letter-reveal__overlay-close{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-deep-terracotta);background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-default)}.letter-reveal__overlay-close:hover{background-color:#0000000d}.letter-reveal__overlay-close:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-reveal__overlay-body{flex:1;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.letter-reveal__overlay-text{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-primary);line-height:1.8;margin:0;white-space:pre-wrap;word-wrap:break-word}.letter-reveal__overlay-photo{display:flex;justify-content:center;margin-top:var(--space-2)}.letter-reveal__overlay-photo-image{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media(max-width:480px){.letter-reveal{padding:var(--space-3);gap:var(--space-4)}.letter-reveal__title{font-size:var(--text-xl)}.letter-reveal__card{padding:var(--space-3)}.letter-reveal__overlay-body{padding:var(--space-4) var(--space-3)}}.letter-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);width:100%;min-height:300px;padding:var(--space-6);text-align:center;position:relative}.letter-complete__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);position:relative}.letter-complete__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;z-index:0;pointer-events:none}.letter-complete__icon{font-size:3.5rem;line-height:1;position:relative;z-index:1}.letter-complete__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0;position:relative;z-index:1}.letter-complete__message{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);margin:0;max-width:280px;line-height:1.5;position:relative;z-index:1}.letter-complete__close{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-elevated);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.letter-complete__close:hover{background-color:var(--color-deep-terracotta)}.letter-complete__close:active{transform:scale(.97)}.letter-complete__close:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-activity{display:flex;flex-direction:column;width:100%;min-height:300px;position:relative}.letter-activity__header{display:flex;justify-content:flex-end;padding:var(--space-3);position:absolute;top:0;right:0;z-index:10}.letter-activity__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-6);padding-top:var(--space-8)}.letter-activity--loading{display:flex;justify-content:center;align-items:center}.letter-activity__spinner{width:40px;height:40px;border:3px solid var(--color-warm-sand);border-top-color:var(--color-sunrise-gold);border-radius:50%}.letter-activity--error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center}.letter-activity__error-message{color:var(--color-dusk-rose);font-family:var(--font-body);font-size:var(--text-base);margin:0}.letter-activity__retry{padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-deep-terracotta);background:transparent;border:1px solid var(--color-deep-terracotta);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,color .2s}.letter-activity__retry:hover,.letter-activity__retry:focus{background:var(--color-deep-terracotta);color:#fff}.letter-activity__retry:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-activity__offline-notice{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:var(--color-deep-terracotta-10);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-deep-terracotta);text-align:center;z-index:5}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%}@media(max-width:480px){.photo-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.photo-grid--empty{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:var(--bg-primary);border-radius:var(--radius-lg)}.photo-grid__empty-message{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-muted);text-align:center}.photo-grid__item{position:relative;aspect-ratio:1;padding:0;border:none;background:none;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.photo-grid__item:hover{transform:scale(1.02);box-shadow:var(--shadow-elevated)}.photo-grid__item:active{transform:scale(.98)}.photo-grid__item:focus-visible{outline:3px solid var(--color-sunrise-gold);outline-offset:2px}.photo-grid__thumbnail{width:100%;height:100%;object-fit:cover;background-color:var(--bg-card)}.photo-grid__delete{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:44px;min-height:44px;padding:0;background-color:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease,transform .1s ease}.photo-grid__item:hover .photo-grid__delete,.photo-grid__item:focus-within .photo-grid__delete{opacity:1}.photo-grid__delete:hover{background-color:var(--color-dusk-rose);transform:scale(1.1)}.photo-grid__delete:active{transform:scale(.95)}@media(hover:none){.photo-grid__delete{opacity:1;width:36px;height:36px}}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media(prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media(hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.yarl__thumbnails{display:flex;height:100%}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));flex:0 0 auto;overflow:hidden;padding:var(--yarl__thumbnails_container_padding,16px);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.yarl__thumbnails_vignette{pointer-events:none;position:absolute;--yarl__thumbnails_vignette_size:12%}@media(min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media(min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size, 12%)),var(--yarl__color_backdrop,#000) 100%);bottom:0;top:0;width:100%}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-width:var(--yarl__thumbnails_thumbnail_border,1px);cursor:pointer;flex:0 0 auto;-webkit-tap-highlight-color:transparent;box-sizing:content-box;height:var(--yarl__thumbnails_thumbnail_height,80px);outline:none;overflow:hidden;padding:var(--yarl__thumbnails_thumbnail_padding,4px);position:relative;width:var(--yarl__thumbnails_thumbnail_width,120px)}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards;opacity:0}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{cursor:unset;visibility:hidden}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,hsla(0,0%,100%,.8)) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,hsla(0,0%,100%,.8)));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));height:var(--yarl__thumbnails_thumbnail_icon_size,32px);left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);width:var(--yarl__thumbnails_thumbnail_icon_size,32px)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.media-library{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:800px;margin:0 auto;padding:var(--space-4)}.media-library--loading{display:flex;align-items:center;justify-content:center;min-height:300px}.media-library__spinner{width:48px;height:48px;border:4px solid var(--color-light-linen);border-top-color:var(--color-sunrise-gold);border-radius:var(--radius-full)}.media-library--error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:300px;text-align:center}.media-library__error-message{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-dusk-rose)}.media-library__retry{padding:var(--space-3) var(--space-6);min-height:44px;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:#fff;background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease}.media-library__retry:hover{background-color:var(--color-deep-terracotta)}.media-library__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.media-library__title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--text-primary)}.media-library__controls{display:flex;align-items:center;gap:var(--space-4)}.media-library__shuffle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.media-library__shuffle-checkbox{width:20px;height:20px;accent-color:var(--color-sunrise-gold);cursor:pointer}.media-library__shuffle-label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary)}.media-library__upload{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.media-library__upload-input{display:none}.media-library__upload-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);min-height:44px;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background-color:var(--color-cream);border:2px solid var(--color-sunrise-gold);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease,transform .1s ease}.media-library__upload-button:hover{background-color:var(--color-sunrise-gold);color:#fff}.media-library__upload-button:active{transform:scale(.98)}.media-library__upload-text,.media-library__upload-progress{display:flex;align-items:center;gap:var(--space-2)}.media-library__upload-progress{color:var(--text-secondary)}.media-library__upload-error{margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-dusk-rose)}.media-library__grid{margin-top:var(--space-2)}@media(max-width:480px){.media-library{padding:var(--space-3)}.media-library__header{flex-direction:column;align-items:flex-start}.media-library__title{font-size:var(--text-xl)}}.name-card{position:relative;width:100%;max-width:340px;min-height:280px;background-color:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.name-card--active{box-shadow:var(--shadow-elevated)}.name-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:var(--radius-lg);transition:opacity 50ms linear;z-index:1}.name-card__overlay--love{background:radial-gradient(ellipse at right center,var(--color-sunrise-gold) 0%,transparent 70%)}.name-card__overlay--nope{background:radial-gradient(ellipse at left center,var(--color-warm-charcoal-20) 0%,transparent 70%)}.name-card__overlay--maybe{background:radial-gradient(ellipse at center bottom,var(--color-soft-sage) 0%,transparent 70%)}.name-card__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-6)}.name-card__name{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--text-primary);text-align:center;margin:0;line-height:1.2;word-break:break-word}.name-card__details{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.name-card__field{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.name-card__field--notes{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-warm-charcoal-8)}.name-card__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.name-card__value{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:1.5}.name-card__value--notes{font-style:italic;font-size:var(--text-sm);color:var(--text-muted)}.ng-voting{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);min-height:400px}.ng-voting__progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;max-width:340px}.ng-voting__progress-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted)}.ng-voting__progress-bar{width:100%;height:4px;background-color:var(--color-warm-charcoal-8);border-radius:var(--radius-full);overflow:hidden}.ng-voting__progress-fill{height:100%;background-color:var(--color-sunrise-gold);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-default)}.ng-voting__card-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:visible;position:relative}.ng-voting__card-wrapper{display:flex;align-items:center;justify-content:center;width:100%}.ng-voting__gesture-target{display:flex;align-items:center;justify-content:center;width:100%;touch-action:none;cursor:grab}.ng-voting__gesture-target:active{cursor:grabbing}.ng-voting__hints{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:340px;padding:0 var(--space-2)}.ng-voting__hint{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);opacity:.6}.ng-voting__hint--love{color:var(--color-sunrise-gold)}.ng-voting__hint--nope{color:var(--text-muted)}.ng-voting__hint--maybe{color:var(--color-soft-sage)}.ng-waiting{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary)}.ng-waiting__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.ng-waiting__message{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center;padding:var(--space-4)}.ng-results{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-4);overflow-y:auto}.ng-results__no-matches{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-secondary);text-align:center;margin:0;padding:var(--space-4) 0}.ng-results__section{width:100%;max-width:400px}.ng-results__section-title{font-family:var(--font-display);font-size:var(--text-lg);margin:0 0 var(--space-3);text-align:center}.ng-results__section-title--match{color:var(--color-sunrise-gold)}.ng-results__section-title--near-miss{color:var(--color-soft-sage)}.ng-results__section-title--worth-discussing{color:var(--text-secondary)}.ng-results__section-title--all{color:var(--color-sunrise-gold);font-size:var(--text-base);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-warm-charcoal-8)}.ng-results__name-list{display:flex;flex-direction:column;gap:var(--space-3)}.ng-results__name-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4);background-color:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ng-results__name-card--match{background:radial-gradient(ellipse at center,var(--color-sunrise-gold-15) 0%,var(--bg-elevated) 70%);box-shadow:var(--shadow-card),0 0 16px var(--color-sunrise-gold-15)}.ng-results__name-card--near-miss{border-left:3px solid var(--color-soft-sage)}.ng-results__name-card--worth-discussing{border-left:3px solid var(--color-muted-stone);opacity:.9}.ng-results__name-text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center}.ng-results__name-origin{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.ng-results__name-meaning{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);text-align:center;line-height:1.4}.ng-results__all-matches{width:100%;max-width:400px}.ng-results__all-matches-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.ng-results__all-match-name{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-sunrise-gold);padding:var(--space-1) var(--space-3);background-color:var(--color-sunrise-gold-8);border-radius:var(--radius-full)}.ng-results__new-round{margin-top:var(--space-4);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-warm-charcoal);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:3rem;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.ng-results__new-round:hover{background-color:var(--color-deep-terracotta);color:var(--color-cream)}.ng-results__new-round:active{transform:scale(.98)}.ng-results__new-round:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ng-new-round{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:var(--space-4)}.ng-new-round__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:380px}.ng-new-round__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center;margin:0}.ng-new-round__guidance{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-elevated);border:2px solid var(--color-warm-charcoal-10);border-radius:var(--radius-md);resize:vertical;min-height:80px;line-height:1.5;transition:border-color var(--duration-fast) var(--ease-default)}.ng-new-round__guidance::placeholder{color:var(--text-muted)}.ng-new-round__guidance:focus{outline:none;border-color:var(--color-sunrise-gold);box-shadow:var(--focus-ring)}.ng-new-round__partner-indicator{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-soft-sage);text-align:center;margin:0;font-style:italic}.ng-new-round__button{padding:var(--space-3) var(--space-8);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-warm-charcoal);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:3rem;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.ng-new-round__button:hover{background-color:var(--color-deep-terracotta);color:var(--color-cream)}.ng-new-round__button:active{transform:scale(.98)}.ng-new-round__button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ng-new-round__matches{width:100%;padding-top:var(--space-4);border-top:1px solid var(--color-warm-charcoal-8)}.ng-new-round__matches-title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-sunrise-gold);text-align:center;margin:0 0 var(--space-3)}.ng-new-round__matches-list{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.ng-new-round__match-name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-sunrise-gold);padding:var(--space-1) var(--space-3);background-color:var(--color-sunrise-gold-8);border-radius:var(--radius-full)}.ng-generating{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary)}.ng-generating__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-4);text-align:center}.ng-generating__message{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center}.ng-generating__guidance{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);font-style:italic;max-width:280px;margin:0;line-height:1.5}.ng-activity{display:flex;flex-direction:column;width:100%;min-height:300px;position:relative}.ng-activity__header{display:flex;justify-content:flex-end;padding:var(--spacing-sm);position:absolute;top:0;right:0;z-index:10}.ng-activity__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-lg);padding-top:var(--spacing-xl)}.ng-activity--loading{display:flex;justify-content:center;align-items:center}.ng-activity__spinner{width:40px;height:40px;border:3px solid var(--color-warm-sand);border-top-color:var(--color-sunrise-gold);border-radius:50%}.ng-activity--error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.ng-activity__error-message{color:var(--color-dusk-rose);font-family:var(--font-body);font-size:var(--font-size-md);margin:0}.ng-activity__retry{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-deep-terracotta);background:transparent;border:1px solid var(--color-deep-terracotta);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s,color .2s}.ng-activity__retry:hover,.ng-activity__retry:focus{background:var(--color-deep-terracotta);color:var(--color-white)}.ng-activity__retry:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.ng-activity__offline-notice{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-deep-terracotta-10);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-deep-terracotta);text-align:center;z-index:5}.trivia-question{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-4)}.trivia-question__text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);text-align:center;margin:0;line-height:1.3;max-width:400px}.trivia-question__options{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:360px}.trivia-question__option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);background-color:var(--bg-elevated);border:2px solid var(--color-muted-stone);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.trivia-question__option:hover:not(:disabled){border-color:var(--color-sunrise-gold);background-color:var(--color-sunrise-gold-5)}.trivia-question__option:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.trivia-question__option:disabled{opacity:.6;cursor:not-allowed}.trivia-question__option--selected{border-color:var(--color-sunrise-gold);background-color:var(--color-sunrise-gold-10)}.trivia-question__option--selected:hover:not(:disabled){border-color:var(--color-sunrise-gold);background-color:var(--color-sunrise-gold-10)}.trivia-question__option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background-color:var(--bg-primary);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.trivia-question__option--selected .trivia-question__option-letter{color:var(--bg-elevated);background-color:var(--color-sunrise-gold)}.trivia-question__option-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);line-height:1.4;flex:1}.trivia-question__submit{margin-top:var(--space-2);min-width:160px}.trivia-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-4)}.trivia-reveal__question{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);text-align:center;margin:0;line-height:1.3;max-width:400px;opacity:.7}.trivia-reveal__options{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:360px}.trivia-reveal__option{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-muted-stone);border-radius:var(--radius-lg);background-color:var(--bg-elevated);transition:border-color .3s ease,background-color .3s ease,opacity .3s ease}.trivia-reveal__option--correct{border-color:var(--color-soft-sage);background-color:var(--color-soft-sage-10)}.trivia-reveal__option--wrong{border-color:var(--color-dusk-rose);background-color:var(--color-dusk-rose-10)}.trivia-reveal__option--dimmed{opacity:.4}.trivia-reveal__option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);background-color:var(--bg-primary);border-radius:var(--radius-full)}.trivia-reveal__option--correct .trivia-reveal__option-letter{color:var(--bg-elevated);background-color:var(--color-soft-sage)}.trivia-reveal__option--wrong .trivia-reveal__option-letter{color:var(--bg-elevated);background-color:var(--color-dusk-rose)}.trivia-reveal__option-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);line-height:1.4;flex:1}.trivia-reveal__check{font-size:var(--text-lg);color:var(--color-soft-sage);font-weight:700;margin-left:auto}.trivia-reveal__cross{font-size:var(--text-lg);color:var(--color-dusk-rose);font-weight:700;margin-left:auto}.trivia-reveal__result{font-family:var(--font-display);font-size:var(--text-2xl);text-align:center;margin-top:var(--space-2)}.trivia-reveal__result--correct{color:var(--color-soft-sage)}.trivia-reveal__result--incorrect{color:var(--color-dusk-rose)}.trivia-reveal__explanation{text-align:center;max-width:340px}.trivia-reveal__did-you-know{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-sunrise-gold);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-1) 0}.trivia-reveal__explanation-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);line-height:1.6;margin:0}.trivia-reveal__advance{margin-top:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-elevated);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:44px;min-width:44px;transition:background-color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.trivia-reveal__advance:hover{background-color:var(--color-deep-terracotta)}.trivia-reveal__advance:active{transform:scale(.98)}.trivia-reveal__advance:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.trivia-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);width:100%;min-height:300px;padding:var(--space-6);text-align:center}.trivia-complete__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.trivia-complete__icon{font-size:3rem;line-height:1}.trivia-complete__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0}.trivia-complete__message{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-muted);margin:0;max-width:280px;line-height:1.5}.trivia-complete__close{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-elevated);background-color:var(--color-sunrise-gold);border:none;border-radius:var(--radius-full);cursor:pointer;min-height:44px;min-width:44px;transition:transform var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default)}.trivia-complete__close:hover{background-color:var(--color-deep-terracotta)}.trivia-complete__close:active{transform:scale(.97)}.trivia-complete__close:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.trivia-review{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) 0;max-height:70vh}.trivia-review__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-deep-terracotta);text-align:center;margin:0}.trivia-review__list{display:flex;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-1);flex:1}.trivia-review__item{background:var(--color-warm-sand);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warm-charcoal-6)}.trivia-review__item--correct{border-color:var(--color-soft-sage);box-shadow:0 0 0 1px var(--color-soft-sage)}.trivia-review__question-text{font-family:var(--font-display);font-size:.9375rem;color:var(--color-deep-terracotta);margin:0 0 .625rem;line-height:1.3}.trivia-review__options{display:flex;flex-direction:column;gap:.375rem}.trivia-review__option{display:flex;align-items:center;gap:var(--space-2);padding:.375rem .625rem;border-radius:var(--radius-sm);min-height:36px;transition:opacity var(--duration-fast)}.trivia-review__option--correct{background-color:var(--color-soft-sage-10)}.trivia-review__option--wrong{background-color:var(--color-dusk-rose-10)}.trivia-review__option--dimmed{opacity:.45}.trivia-review__option-letter{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);min-width:var(--space-5);text-align:center}.trivia-review__option--correct .trivia-review__option-letter{color:var(--color-soft-sage)}.trivia-review__option--wrong .trivia-review__option-letter{color:var(--color-dusk-rose)}.trivia-review__option-text{font-family:var(--font-body);font-size:.8125rem;color:var(--color-deep-terracotta);flex:1;line-height:1.3}.trivia-review__badge{font-size:var(--text-sm);font-weight:700;margin-left:auto}.trivia-review__badge--correct{color:var(--color-soft-sage)}.trivia-review__badge--wrong{color:var(--color-dusk-rose)}.trivia-review__explanation{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-warm-charcoal-6)}.trivia-review__did-you-know{font-family:var(--font-display);font-size:.6875rem;color:var(--color-sunrise-gold);text-transform:uppercase;letter-spacing:var(--tracking-wider);display:block;margin-bottom:var(--space-1)}.trivia-review__explanation-text{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);line-height:1.5;margin:0}.trivia-review__close{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-deep-terracotta);background:none;border:1px solid var(--color-deep-terracotta);border-radius:var(--radius-sm);padding:.625rem var(--space-6);cursor:pointer;align-self:center;min-height:44px;min-width:44px;transition:background-color var(--duration-fast),color var(--duration-fast)}.trivia-review__close:hover{background:var(--color-deep-terracotta);color:var(--color-warm-sand)}.trivia-review__close:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.trivia-activity{display:flex;flex-direction:column;width:100%;min-height:300px;position:relative}.trivia-activity__content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-md)}.trivia-activity--loading{display:flex;justify-content:center;align-items:center}.trivia-activity__spinner{width:40px;height:40px;border:3px solid var(--color-warm-sand);border-top-color:var(--color-sunrise-gold);border-radius:50%}.trivia-activity--error{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center}.trivia-activity__error-message{color:var(--color-dusk-rose);font-family:var(--font-body);font-size:var(--font-size-md);margin:0}.trivia-activity__retry{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-deep-terracotta);background:transparent;border:1px solid var(--color-deep-terracotta);border-radius:var(--radius-md);cursor:pointer;min-height:44px;min-width:44px;transition:background-color .2s,color .2s}.trivia-activity__retry:hover,.trivia-activity__retry:focus{background:var(--color-deep-terracotta);color:var(--color-white)}.trivia-activity__retry:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.trivia-activity__error-banner{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-dusk-rose-10);font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-dusk-rose);text-align:center;z-index:5}.key-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);min-height:300px;text-align:center}.key-entry__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:400}.key-entry__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-8) 0;max-width:280px;line-height:1.5}.key-entry__input-wrapper{margin-bottom:var(--space-4);width:100%;max-width:260px}.key-entry__input{width:100%;padding:var(--space-4);font-size:var(--text-2xl);font-family:var(--font-mono);text-align:center;border:2px solid rgba(var(--color-dusk-rose-rgb),.3);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-normal) var(--ease-default);background:var(--bg-card);color:var(--text-primary);letter-spacing:var(--tracking-widest);box-sizing:border-box}.key-entry__input:focus{border-color:var(--color-sunrise-gold)}.key-entry__input:disabled{opacity:.6}.key-entry__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.key-entry__dot{width:10px;height:10px;border-radius:var(--radius-full);background-color:rgba(var(--color-dusk-rose-rgb),.15);transition:background-color var(--duration-normal) var(--ease-default)}.key-entry__dot--filled{background-color:var(--color-dusk-rose)}.key-entry__error{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-dusk-rose);margin:0;max-width:280px;line-height:1.4}.key-entry__submitting{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin:0}@keyframes key-entry-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.key-entry__input-wrapper--shaking{animation:key-entry-shake .5s var(--ease-default)}.waiting-phase{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:300px;padding:var(--space-8) var(--space-4);text-align:center;overflow:hidden}.waiting-phase__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-sunrise-gold-rgb),.3) 0%,rgba(var(--color-sunrise-gold-rgb),.1) 40%,transparent 70%);filter:blur(20px);pointer-events:none}.waiting-phase__content{position:relative;z-index:1}.waiting-phase__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:400}.waiting-phase__subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}.ceremony{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-warm-charcoal-rgb),.85);overflow:hidden}.ceremony__glow{position:absolute;top:50%;left:50%;transform-origin:center;margin-top:-150px;margin-left:-150px;width:300px;height:300px;border-radius:50%;filter:blur(40px);pointer-events:none}.ceremony--boy .ceremony__glow{background:radial-gradient(circle,var(--reveal-boy-glow) 0%,var(--reveal-boy-primary) 40%,transparent 70%)}.ceremony--girl .ceremony__glow{background:radial-gradient(circle,var(--reveal-girl-glow) 0%,var(--reveal-girl-primary) 40%,transparent 70%)}.ceremony__text{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(3rem,10vw,5rem);font-weight:400;margin:0;text-align:center;line-height:1.2}.ceremony--boy .ceremony__text{color:var(--reveal-boy-glow);text-shadow:0 0 30px var(--reveal-boy-glow),0 0 60px rgba(var(--reveal-boy-glow-rgb),.3)}.ceremony--girl .ceremony__text{color:var(--reveal-girl-glow);text-shadow:0 0 30px var(--reveal-girl-glow),0 0 60px rgba(var(--reveal-girl-glow-rgb),.3)}.keepsake{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:300px;padding:var(--space-12) var(--space-4);text-align:center;overflow:hidden}.keepsake__wash{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.08;pointer-events:none}.keepsake--boy .keepsake__wash{background:radial-gradient(ellipse at center,var(--reveal-boy-glow) 0%,transparent 70%)}.keepsake--girl .keepsake__wash{background:radial-gradient(ellipse at center,var(--reveal-girl-glow) 0%,transparent 70%)}.keepsake__content{position:relative;z-index:1}.keepsake__text{font-family:var(--font-display);font-size:clamp(2rem,8vw,3.5rem);font-weight:400;margin:0 0 var(--space-4) 0;line-height:1.2}.keepsake--boy .keepsake__text{color:var(--reveal-boy-text)}.keepsake--girl .keepsake__text{color:var(--reveal-girl-text)}.keepsake__message{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:320px;line-height:1.5;font-style:italic}.keepsake__date{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin:0}.gender-reveal{display:flex;flex-direction:column;min-height:300px}.gender-reveal__content{flex:1;display:flex;flex-direction:column}.gender-reveal__loading{display:flex;align-items:center;justify-content:center;min-height:300px}.gender-reveal__spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(var(--color-sunrise-gold-rgb),.2);border-top-color:var(--color-sunrise-gold)}.gender-reveal__not-configured{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:var(--space-8) var(--space-4);text-align:center}.gender-reveal__message-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:400}.gender-reveal__message-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin:0;max-width:280px;line-height:1.5}.gender-reveal__retry-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-6);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--color-warm-charcoal-12);border-radius:var(--radius-md);cursor:pointer;min-height:44px;min-width:44px}.photo-prompt-capturing{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0}.photo-prompt-capturing__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:400px}.photo-prompt-capturing__prompt{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);text-align:center;line-height:var(--leading-relaxed);margin:0}.photo-prompt-capturing__upload{width:100%}.photo-prompt-capturing__submit{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--bg-card);background:var(--envelope-color-photo-prompt);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);cursor:pointer;min-height:44px;min-width:44px;transition:opacity var(--duration-fast) var(--ease-default)}.photo-prompt-capturing__submit:disabled{opacity:.6;cursor:not-allowed}.photo-prompt-capturing__submit:hover:not(:disabled){opacity:.9}.photo-prompt-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) 0;min-height:300px}.photo-prompt-waiting__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.photo-prompt-waiting__icon{font-size:2.5rem;line-height:1}.photo-prompt-waiting__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.photo-prompt-waiting__thumbnail{width:120px;height:120px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.photo-prompt-waiting__image{width:100%;height:100%;object-fit:cover}.photo-prompt-waiting__message{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin:0}.photo-prompt-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) 0;min-height:400px;gap:var(--space-6)}.photo-prompt-complete__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;position:relative}.photo-prompt-complete__glow{position:absolute;top:50%;left:50%;width:120px;height:120px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:0}.photo-prompt-complete__icon{font-size:2.5rem;line-height:1;position:relative;z-index:1}.photo-prompt-complete__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0;position:relative;z-index:1}.photo-prompt-complete__prompt{font-family:var(--font-body);font-size:var(--text-sm);font-style:italic;color:var(--text-secondary);margin:0}.photo-prompt-complete__photos{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%;max-width:360px}.photo-prompt-complete__photo-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.photo-prompt-complete__image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.photo-prompt-complete__label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.photo-prompt-complete__message{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);margin:0}.photo-prompt-complete__close{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-4);min-height:44px;min-width:44px;transition:color var(--duration-fast) var(--ease-default)}.photo-prompt-complete__close:hover{color:var(--text-primary)}.photo-prompt-activity{display:flex;flex-direction:column;min-height:300px}.photo-prompt-activity--loading{align-items:center;justify-content:center}.photo-prompt-activity--error{align-items:center;justify-content:center;gap:var(--space-4);text-align:center}.photo-prompt-activity__spinner{width:32px;height:32px;border:3px solid var(--color-light-linen);border-top-color:var(--envelope-color-photo-prompt);border-radius:50%}.photo-prompt-activity__error-message{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-dusk-rose);margin:0}.photo-prompt-activity__retry{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:1px solid var(--color-muted-stone);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);cursor:pointer;min-height:44px;min-width:44px}.photo-prompt-activity__header{margin-bottom:var(--space-4)}.photo-prompt-activity__content{flex:1}.photo-prompt-activity__offline-notice{font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-2) var(--space-3);margin-top:var(--space-4);background:var(--color-light-linen);border-radius:var(--radius-sm)}.friend-letter-view{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-2) 0}.friend-letter-view--loading,.friend-letter-view--error{display:flex;align-items:center;justify-content:center;min-height:200px}.friend-letter-view__header{display:flex;flex-direction:column;gap:var(--space-1)}.friend-letter-view__from{font-family:var(--font-display);font-size:1.2rem;color:var(--color-deep-terracotta)}.friend-letter-view__title{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--text-primary);margin-top:var(--space-1)}.friend-letter-view__content{display:flex;flex-direction:column;gap:var(--space-4)}.friend-letter-view__text{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--text-primary);white-space:pre-wrap;margin:0}.friend-letter-view__image{width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-sm)}.friend-letter-view__video{width:100%;max-height:70vh;border-radius:var(--radius-sm)}.friend-letter-view__audio{width:100%}.friend-letter-view__footer{display:flex;justify-content:center;padding-top:var(--space-2)}.base-envelope{position:relative;background:var(--bg-card);border-radius:1.5rem;min-height:400px;max-width:500px;margin:0 auto;overflow:hidden;box-shadow:var(--shadow-elevated)}.base-envelope__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-elevated);border:none;border-radius:50%;cursor:pointer;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.base-envelope__close:hover{color:var(--text-primary);background:var(--color-light-linen)}.base-envelope__close:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.base-envelope__flap{position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,var(--color-light-linen) 0%,var(--bg-card) 100%);transform-origin:top center;z-index:5}.base-envelope__content{padding:var(--space-8);padding-top:calc(var(--space-8) + 40px)}.base-envelope__content--no-flap{padding-top:var(--space-8)}.base-envelope__header{text-align:center;margin-bottom:var(--space-8)}.base-envelope__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.base-envelope__type{display:inline-block;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--envelope-accent, var(--text-muted));text-transform:uppercase;letter-spacing:var(--tracking-wide);background:var(--envelope-accent-bg, transparent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.base-envelope__body{min-height:200px}.base-envelope__placeholder{text-align:center;color:var(--text-muted);font-style:italic;padding:var(--space-8)}.base-envelope__partner-indicator{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);margin-top:var(--space-6);background:var(--color-soft-sage-10);border-radius:.5rem;color:var(--color-soft-sage);font-size:var(--text-sm)}.base-envelope__partner-dot{width:8px;height:8px;background:var(--color-soft-sage);border-radius:50%;animation:pulse 2s ease-in-out infinite}.base-envelope--completed{background:var(--color-light-linen)}.base-envelope--completed .base-envelope__title{color:var(--text-secondary)}.envelope-pile{position:relative;width:100%;max-width:400px;margin:0 auto;padding:var(--space-8) var(--space-4);touch-action:pan-y}.envelope-pile--expanded{max-width:100%;padding:var(--space-4)}.envelope-pile__stack{position:relative;height:280px;cursor:grab;touch-action:none}.envelope-pile__stack:active{cursor:grabbing}.envelope-pile__card{top:0;left:0}.envelope-pile__nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.envelope-pile__dots{display:flex;gap:var(--space-2)}.envelope-pile__dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--color-light-linen);cursor:pointer;padding:0;transition:background var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.envelope-pile__dot:hover{background:var(--color-muted-stone)}.envelope-pile__dot--active{background:var(--color-sunrise-gold);transform:scale(1.2)}.envelope-pile__dot:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.envelope-pile__count{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin:0}.envelope-pile__hint{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);font-family:var(--font-body);font-size:var(--text-xs);color:var(--text-muted);animation:fadeInOut 3s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.envelope-pile--list{width:100%;max-width:400px;margin:0 auto;padding:var(--space-4)}.envelope-pile__list{display:flex;flex-direction:column;gap:var(--space-4)}.envelope-pile__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:280px;text-align:center;color:var(--text-muted)}.envelope-pile__empty-icon{margin-bottom:var(--space-4);opacity:.5}.envelope-pile__empty-text{font-family:var(--font-body);font-size:var(--text-base)}.envelope-form{background:var(--bg-card);border-radius:1rem;padding:var(--space-6);max-width:400px}.envelope-form__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-6) 0}.envelope-form__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}.envelope-form__field{margin-bottom:var(--space-5)}.envelope-form__label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.envelope-form__input,.envelope-form__select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-default);min-height:48px}.envelope-form__input:focus,.envelope-form__select:focus{outline:none;border-color:var(--color-sunrise-gold)}.envelope-form__input::placeholder{color:var(--text-muted)}.envelope-form__input--narrow{width:100px}.envelope-form__hint{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-1) 0 0 0}.envelope-form__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-light-linen)}.thank-you-editor{display:flex;flex-direction:column;gap:12px}.thank-you-editor__textarea{width:100%;min-height:150px;padding:12px;border:1px solid var(--color-deep-terracotta-20);border-radius:8px;font-family:var(--font-body);font-size:.95rem;line-height:1.5;resize:vertical;background:var(--color-warm-sand, #FAF3E8)}.thank-you-editor__textarea:focus{outline:none;border-color:var(--color-deep-terracotta, #BC6C4A)}.thank-you-editor__actions{display:flex;gap:8px}.friend-manager{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.friend-manager__header{display:flex;align-items:center;justify-content:space-between}.friend-manager__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.friend-manager__card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4)}.friend-manager__info{display:flex;flex-direction:column;gap:2px}.friend-manager__name{font-weight:600;font-size:var(--text-base)}.friend-manager__pin{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono)}.friend-manager__actions{display:flex;gap:var(--space-1);align-items:center}.friend-manager__btn{background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-deep-terracotta);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--text-sm)}.friend-manager__btn:hover{background:var(--color-deep-terracotta-8)}.friend-manager__btn--danger{color:var(--color-dusk-rose)}.friend-manager__btn--danger:hover{background:var(--color-dusk-rose-8)}.friend-manager__form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.friend-manager__field{display:flex;flex-direction:column;gap:var(--space-1)}.friend-manager__label{font-size:var(--text-sm);font-weight:600;color:var(--color-deep-terracotta)}.friend-manager__input{padding:10px var(--space-3);border:1px solid var(--color-deep-terracotta-20);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-base);background:var(--color-warm-sand)}.friend-manager__input:focus{outline:none;border-color:var(--color-deep-terracotta)}.friend-manager__form-actions{display:flex;gap:var(--space-2)}.friend-manager__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm)}.friend-manager__letters{display:flex;flex-direction:column;gap:var(--space-3)}.friend-manager__letter-card{padding:var(--space-4)}.friend-manager__letter-recipient{font-weight:600;text-transform:capitalize}.friend-manager__letter-content{font-size:var(--text-base);line-height:1.5;white-space:pre-wrap;margin:var(--space-2) 0}.friend-manager__letter-media{width:100%;max-height:200px;object-fit:cover;border-radius:var(--radius-sm)}.friend-manager__keeper-badge{display:inline-block;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:600;border-radius:4px;background:var(--color-soft-sage);color:#fff;vertical-align:middle;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.friend-manager__btn--keeper-active{color:var(--color-soft-sage);background:var(--color-soft-sage-12)}.envelope-manager{max-width:600px;margin:0 auto;padding:var(--space-4)}.envelope-manager__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.envelope-manager__header .btn{display:flex;align-items:center;gap:var(--space-2)}.envelope-manager__loading,.envelope-manager__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;gap:var(--space-4);color:var(--text-muted)}.envelope-manager__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.envelope-manager__item{margin:0}.envelope-manager__card{padding:var(--space-4)}.envelope-manager__info{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.envelope-manager__order{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);min-width:2.5rem}.envelope-manager__details{flex:1;min-width:150px}.envelope-manager__name{display:block;font-family:var(--font-display);font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.envelope-manager__type{display:block;font-size:var(--text-xs);color:var(--text-muted)}.envelope-manager__status{font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:.25rem;text-transform:capitalize}.envelope-manager__status--sealed{background:var(--color-sunrise-gold-15);color:var(--color-deep-terracotta)}.envelope-manager__status--opened{background:var(--color-soft-graphite-15);color:var(--color-soft-graphite)}.envelope-manager__status--completed{background:var(--color-soft-sage-15);color:var(--color-soft-sage)}.envelope-manager__actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-light-linen)}.envelope-manager__btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-light-linen);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.envelope-manager__btn:hover{background:var(--color-muted-stone);color:var(--text-primary)}.envelope-manager__btn--danger{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose)}.envelope-manager__btn--danger:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.envelope-manager__btn:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.envelope-manager__btn:disabled{opacity:.5;cursor:not-allowed}.envelope-manager__tools{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-light-linen)}.envelope-manager__tools h3{margin-bottom:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.envelope-manager__tool-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4)}.envelope-manager__tool-info{display:flex;align-items:center;gap:var(--space-3)}.envelope-manager__tool-info svg{color:var(--text-muted);flex-shrink:0}.trivia-question-form{background:var(--bg-card);border-radius:1rem;padding:var(--space-6);max-width:500px}.trivia-question-form__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-6) 0}.trivia-question-form__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}.trivia-question-form__field{margin-bottom:var(--space-5)}.trivia-question-form__label{display:block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.trivia-question-form__input,.trivia-question-form__textarea{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-default);min-height:48px;resize:vertical}.trivia-question-form__input:focus,.trivia-question-form__textarea:focus{outline:none;border-color:var(--color-sunrise-gold)}.trivia-question-form__input::placeholder,.trivia-question-form__textarea::placeholder{color:var(--text-muted)}.trivia-question-form__hint{font-size:var(--text-xs);color:var(--text-muted);margin:var(--space-1) 0 0 0}.trivia-question-form__options-fieldset{border:none;padding:0;margin:0 0 var(--space-5) 0}.trivia-question-form__options-fieldset>legend{margin-bottom:var(--space-3)}.trivia-question-form__option-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border-radius:.75rem;border:1px solid var(--color-light-linen)}.trivia-question-form__option-input-group{flex:1;min-width:150px}.trivia-question-form__option-label{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-1)}.trivia-question-form__correct-radio{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;min-height:48px;white-space:nowrap}.trivia-question-form__correct-radio input[type=radio]{width:18px;height:18px;accent-color:var(--color-soft-sage);cursor:pointer}.trivia-question-form__correct-label{font-size:var(--text-xs);color:var(--text-secondary)}.trivia-question-form__remove-btn{display:flex;align-items:center;gap:var(--space-1);min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);cursor:pointer;font-size:var(--text-xs);transition:background var(--duration-fast) var(--ease-default)}.trivia-question-form__remove-btn:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.trivia-question-form__add-option-btn{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-4);border:2px dashed var(--color-light-linen);border-radius:.75rem;background:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);width:100%;justify-content:center;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.trivia-question-form__add-option-btn:hover{border-color:var(--color-sunrise-gold);color:var(--text-secondary)}.trivia-question-form__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-light-linen)}.trivia-content-tab__heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-4) 0}.trivia-content-tab__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}.trivia-content-tab__envelope-select{margin-bottom:var(--space-4)}.trivia-content-tab__select-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.trivia-content-tab__select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);min-height:48px;transition:border-color var(--duration-fast) var(--ease-default)}.trivia-content-tab__select:focus{outline:none;border-color:var(--color-sunrise-gold)}.trivia-content-tab__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.trivia-content-tab__header .btn{display:flex;align-items:center;gap:var(--space-2)}.trivia-content-tab__loading,.trivia-content-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.trivia-content-tab__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.trivia-content-tab__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--color-light-linen);border-radius:.75rem;cursor:grab;-webkit-user-select:none;user-select:none}.trivia-content-tab__item:active{cursor:grabbing}.trivia-content-tab__grip{color:var(--text-muted);flex-shrink:0}.trivia-content-tab__question-info{flex:1;min-width:0}.trivia-content-tab__question-text{display:block;font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.trivia-content-tab__question-meta{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.trivia-content-tab__option-count,.trivia-content-tab__has-explanation{font-size:var(--text-xs);color:var(--text-muted)}.trivia-content-tab__has-explanation{color:var(--color-soft-sage)}.trivia-content-tab__actions{display:flex;gap:var(--space-2);flex-shrink:0}.trivia-content-tab__btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-light-linen);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.trivia-content-tab__btn:hover{background:var(--color-muted-stone);color:var(--text-primary)}.trivia-content-tab__btn--danger{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose)}.trivia-content-tab__btn--danger:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.trivia-content-tab__btn:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.trivia-content-tab__btn:disabled{opacity:.5;cursor:not-allowed}.trivia-content-tab__save-order-btn{margin-top:var(--space-3)}.wyr-content-tab__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.wyr-content-tab__header .btn{display:flex;align-items:center;gap:var(--space-2)}.wyr-content-tab__heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0}.wyr-content-tab__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}.wyr-content-tab__loading,.wyr-content-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.wyr-content-tab__envelope-select{margin-bottom:var(--space-4)}.wyr-content-tab__select-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.wyr-content-tab__select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);min-height:48px;transition:border-color var(--duration-fast) var(--ease-default)}.wyr-content-tab__select:focus{outline:none;border-color:var(--color-sunrise-gold)}.wyr-content-tab__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.wyr-content-tab__item{margin:0}.wyr-content-tab__card{padding:var(--space-4)}.wyr-content-tab__prompt-info{margin-bottom:var(--space-2)}.wyr-content-tab__prompt-options{display:flex;flex-direction:column;gap:var(--space-1)}.wyr-content-tab__option-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wyr-content-tab__option-label{font-weight:600;color:var(--text-secondary);margin-right:var(--space-2)}.wyr-content-tab__prompt-order{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.wyr-content-tab__actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-light-linen)}.wyr-content-tab__btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-light-linen);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.wyr-content-tab__btn:hover{background:var(--color-muted-stone);color:var(--text-primary)}.wyr-content-tab__btn--danger{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose)}.wyr-content-tab__btn--danger:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.wyr-content-tab__btn:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.wyr-content-tab__btn:disabled{opacity:.5;cursor:not-allowed}.wyr-content-tab__form{display:flex;flex-direction:column;gap:var(--space-4)}.wyr-content-tab__field{display:flex;flex-direction:column;gap:var(--space-2)}.wyr-content-tab__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.wyr-content-tab__textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);resize:vertical;min-height:80px;transition:border-color var(--duration-fast) var(--ease-default)}.wyr-content-tab__textarea:focus{outline:none;border-color:var(--color-sunrise-gold)}.wyr-content-tab__form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.letter-content-tab__heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-4) 0}.letter-content-tab__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}.letter-content-tab__loading,.letter-content-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.letter-content-tab__envelope-select{margin-bottom:var(--space-4)}.letter-content-tab__select-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.letter-content-tab__select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);min-height:48px;transition:border-color var(--duration-fast) var(--ease-default)}.letter-content-tab__select:focus{outline:none;border-color:var(--color-sunrise-gold)}.letter-content-tab__card{padding:var(--space-4)}.letter-content-tab__prompt-display{margin-bottom:var(--space-3)}.letter-content-tab__prompt-text{display:block;font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.letter-content-tab__actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-light-linen)}.letter-content-tab__btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-light-linen);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.letter-content-tab__btn:hover{background:var(--color-muted-stone);color:var(--text-primary)}.letter-content-tab__btn--danger{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose)}.letter-content-tab__btn--danger:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.letter-content-tab__btn:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.letter-content-tab__btn:disabled{opacity:.5;cursor:not-allowed}.letter-content-tab__form{display:flex;flex-direction:column;gap:var(--space-4)}.letter-content-tab__field{display:flex;flex-direction:column;gap:var(--space-2)}.letter-content-tab__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.letter-content-tab__hint{font-size:var(--text-xs);color:var(--text-muted)}.letter-content-tab__textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);resize:vertical;min-height:100px;transition:border-color var(--duration-fast) var(--ease-default)}.letter-content-tab__textarea:focus{outline:none;border-color:var(--color-sunrise-gold)}.letter-content-tab__form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.letter-content-tab__create-action{margin-top:var(--space-3)}.letter-content-tab__delete-confirm{font-size:var(--text-sm);color:var(--color-dusk-rose);margin-bottom:var(--space-2)}.gender-reveal-tab__heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-4) 0}.gender-reveal-tab__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.gender-reveal-tab__envelope-select{margin-bottom:var(--space-4)}.gender-reveal-tab__select-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.gender-reveal-tab__select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);min-height:48px;transition:border-color var(--duration-fast) var(--ease-default)}.gender-reveal-tab__select:focus{outline:none;border-color:var(--color-sunrise-gold)}.gender-reveal-tab__status{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:2rem;margin-bottom:var(--space-4)}.gender-reveal-tab__status--not-configured{background:var(--color-light-linen);color:var(--text-muted)}.gender-reveal-tab__status--configured{background:rgba(var(--color-sunrise-gold-rgb),.15);color:var(--color-deep-terracotta)}.gender-reveal-tab__status--revealed{background:rgba(var(--color-soft-sage-rgb),.2);color:var(--color-soft-sage)}.gender-reveal-tab__card{padding:var(--space-4)}.gender-reveal-tab__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.gender-reveal-tab__empty-action{margin-top:var(--space-2)}.gender-reveal-tab__config-display{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3)}.gender-reveal-tab__config-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.gender-reveal-tab__config-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);min-width:140px}.gender-reveal-tab__config-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.gender-reveal-tab__key-display{font-family:var(--font-mono);font-size:var(--text-base);font-weight:600;color:var(--text-primary);background:rgba(var(--color-sunrise-gold-rgb),.1);padding:var(--space-1) var(--space-3);border-radius:.5rem;letter-spacing:var(--tracking-widest)}.gender-reveal-tab__validated-badge{font-size:var(--text-xs);font-weight:600;color:var(--color-soft-sage);background:rgba(var(--color-soft-sage-rgb),.15);padding:2px var(--space-2);border-radius:1rem}.gender-reveal-tab__actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-light-linen)}.gender-reveal-tab__btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-light-linen);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.gender-reveal-tab__btn:hover{background:var(--color-muted-stone);color:var(--text-primary)}.gender-reveal-tab__btn--danger{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose)}.gender-reveal-tab__btn--danger:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.gender-reveal-tab__btn:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.gender-reveal-tab__btn:disabled{opacity:.5;cursor:not-allowed}.gender-reveal-tab__form{display:flex;flex-direction:column;gap:var(--space-4)}.gender-reveal-tab__field{display:flex;flex-direction:column;gap:var(--space-2)}.gender-reveal-tab__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.gender-reveal-tab__input{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);min-height:48px;transition:border-color var(--duration-fast) var(--ease-default)}.gender-reveal-tab__input:focus{outline:none;border-color:var(--color-sunrise-gold)}.gender-reveal-tab__hint{font-size:var(--text-xs);color:var(--text-muted)}.gender-reveal-tab__error{font-size:var(--text-sm);color:var(--color-dusk-rose);font-weight:500}.gender-reveal-tab__gender-toggle{display:flex;gap:var(--space-3)}.gender-reveal-tab__gender-option{flex:1;display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.gender-reveal-tab__gender-option:hover{border-color:var(--color-sunrise-gold)}.gender-reveal-tab__gender-option:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.gender-reveal-tab__gender-option--active-boy{border-color:var(--reveal-boy-primary, var(--color-soft-sage));background:rgba(var(--color-soft-sage-rgb),.1);color:var(--reveal-boy-primary, var(--color-soft-sage))}.gender-reveal-tab__gender-option--active-girl{border-color:var(--reveal-girl-primary, var(--color-dusk-rose));background:rgba(var(--color-dusk-rose-rgb),.1);color:var(--reveal-girl-primary, var(--color-dusk-rose))}.gender-reveal-tab__form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.gender-reveal-tab__confirm{display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.gender-reveal-tab__confirm-text{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;margin:0}.gender-reveal-tab__confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.photo-prompt-content-tab__heading{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;color:var(--text-primary);margin:0 0 var(--space-4) 0}.photo-prompt-content-tab__error{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose);padding:var(--space-3) var(--space-4);border-radius:.5rem;font-size:var(--text-sm);margin-bottom:var(--space-4)}.photo-prompt-content-tab__loading,.photo-prompt-content-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.photo-prompt-content-tab__envelope-select{margin-bottom:var(--space-4)}.photo-prompt-content-tab__select-label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.photo-prompt-content-tab__select{width:100%;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);min-height:48px;transition:border-color var(--duration-fast) var(--ease-default)}.photo-prompt-content-tab__select:focus{outline:none;border-color:var(--color-sunrise-gold)}.photo-prompt-content-tab__card{padding:var(--space-4)}.photo-prompt-content-tab__prompt-display{margin-bottom:var(--space-3)}.photo-prompt-content-tab__prompt-text{display:block;font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.photo-prompt-content-tab__actions{display:flex;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-light-linen)}.photo-prompt-content-tab__btn{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3);border:none;border-radius:.5rem;background:var(--color-light-linen);color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.photo-prompt-content-tab__btn:hover{background:var(--color-muted-stone);color:var(--text-primary)}.photo-prompt-content-tab__btn--danger{background:var(--color-dusk-rose-10);color:var(--color-dusk-rose)}.photo-prompt-content-tab__btn--danger:hover{background:var(--color-dusk-rose);color:var(--bg-elevated)}.photo-prompt-content-tab__btn:focus-visible{outline:2px solid var(--color-sunrise-gold);outline-offset:2px}.photo-prompt-content-tab__btn:disabled{opacity:.5;cursor:not-allowed}.photo-prompt-content-tab__form{display:flex;flex-direction:column;gap:var(--space-4)}.photo-prompt-content-tab__field{display:flex;flex-direction:column;gap:var(--space-2)}.photo-prompt-content-tab__label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.photo-prompt-content-tab__hint{font-size:var(--text-xs);color:var(--text-muted)}.photo-prompt-content-tab__textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:2px solid var(--color-light-linen);border-radius:.75rem;background:var(--bg-elevated);color:var(--text-primary);resize:vertical;min-height:100px;transition:border-color var(--duration-fast) var(--ease-default)}.photo-prompt-content-tab__textarea:focus{outline:none;border-color:var(--color-sunrise-gold)}.photo-prompt-content-tab__form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.photo-prompt-content-tab__create-action{margin-top:var(--space-3)}.photo-prompt-content-tab__delete-confirm{font-size:var(--text-sm);color:var(--color-dusk-rose);margin-bottom:var(--space-2)}.content-manager{max-width:600px;margin:0 auto;padding:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-light-linen)}.content-manager h2{margin-bottom:var(--space-4)}.friend-letter-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);min-height:44px}.friend-letter-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--color-warm-charcoal-8)}.friend-letter-card--submitted{cursor:default;opacity:.7}.friend-letter-card--submitted:hover{transform:none;box-shadow:none}.friend-letter-card__icon{color:var(--color-deep-terracotta);flex-shrink:0}.friend-letter-card--submitted .friend-letter-card__icon{color:var(--color-soft-sage)}.friend-letter-card--draft .friend-letter-card__icon{color:var(--color-sunrise-gold)}.friend-letter-card__info{display:flex;flex-direction:column;gap:2px}.friend-letter-card__recipient{font-weight:600}.friend-letter-card__title{font-style:italic;color:var(--color-deep-terracotta)}.friend-letter-activity{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);max-width:600px;margin:0 auto;width:100%}.friend-letter-activity__header{display:flex;flex-direction:column;gap:var(--space-2)}.friend-letter-activity__back{background:none;border:none;color:var(--color-deep-terracotta);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);padding:var(--space-1) 0;text-align:left;min-height:44px;display:flex;align-items:center}.friend-letter-activity__to{font-family:var(--font-display);font-size:1.3rem;color:var(--color-deep-terracotta)}.friend-letter-activity__editor{display:flex;flex-direction:column;gap:var(--space-3)}.friend-letter-activity__title-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-deep-terracotta-20);border-radius:var(--radius-md);font-family:var(--font-display);font-size:1.1rem;background:var(--color-warm-sand);color:var(--text-primary)}.friend-letter-activity__title-input:focus{outline:none;border-color:var(--color-deep-terracotta)}.friend-letter-activity__title-input::placeholder{color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-base)}.friend-letter-activity__textarea{width:100%;min-height:250px;padding:var(--space-4);border:1px solid var(--color-deep-terracotta-20);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;resize:vertical;background:var(--color-warm-sand);color:var(--text-primary)}.friend-letter-activity__textarea:focus{outline:none;border-color:var(--color-deep-terracotta)}.friend-letter-activity__textarea::placeholder{color:var(--text-muted)}.friend-letter-activity__save-status{min-height:20px}.friend-letter-activity__error{color:var(--color-dusk-rose)}.friend-letter-activity__confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-warm-sand);border-radius:var(--radius-md);border:1px solid var(--color-deep-terracotta-15)}.friend-letter-activity__confirm-actions{display:flex;gap:var(--space-2)}.friend-letter-activity__submit{align-self:flex-end}.friend-letter-activity--submitted{display:flex;align-items:center;justify-content:center;min-height:400px}.friend-letter-activity__complete{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.friend-letter-activity__complete-icon{font-size:3rem}.friend-letter-activity__complete-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-deep-terracotta)}.thank-you-note{background:var(--color-warm-sand);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--color-deep-terracotta-15)}.thank-you-note__header{margin-bottom:var(--space-3)}.thank-you-note__label{font-family:var(--font-display);font-size:1.1rem;color:var(--color-deep-terracotta)}.thank-you-note__content{display:flex;flex-direction:column;gap:var(--space-3)}.thank-you-note__text{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);white-space:pre-wrap;margin:0}.thank-you-note__image{width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-sm)}.thank-you-note__video{width:100%;max-height:70vh;border-radius:var(--radius-sm)}.thank-you-note__audio{width:100%}.gender-input{margin-bottom:var(--space-6)}.gender-input__title{margin-bottom:var(--space-2)}.gender-input__description,.gender-input__message{margin-bottom:var(--space-4)}.gender-input__options{display:flex;gap:var(--space-4);justify-content:center}.gender-input__option{min-width:120px;min-height:56px;padding:var(--space-3) var(--space-6);border:2px solid var(--color-warm-charcoal-12);border-radius:var(--radius-md);background:var(--bg-elevated);font-family:var(--font-display);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.gender-input__option:hover{transform:scale(1.02)}.gender-input__option--boy:hover{border-color:var(--reveal-boy-primary);background:rgba(var(--reveal-boy-primary-rgb),.08)}.gender-input__option--girl:hover{border-color:var(--color-dusk-rose);background:var(--color-dusk-rose-8)}.gender-input__actions{display:flex;gap:var(--space-3);justify-content:center}.gender-input__error{color:var(--color-dusk-rose);font-size:.875rem;margin-bottom:var(--space-3);text-align:center}.gender-input--done{text-align:center;padding:var(--space-6)}.friend-dashboard{max-width:600px;margin:0 auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.friend-dashboard--loading,.friend-dashboard--error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--space-4)}.friend-dashboard__retry{background:none;border:1px solid var(--color-deep-terracotta);color:var(--color-deep-terracotta);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);min-height:44px}.friend-dashboard__header{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.friend-dashboard__title{font-family:var(--font-display);color:var(--color-deep-terracotta)}.friend-dashboard__section-title{font-family:var(--font-display);font-size:1.2rem;color:var(--color-deep-terracotta);margin-bottom:var(--space-3)}.friend-dashboard__letter-list{display:flex;flex-direction:column;gap:var(--space-3)}.friend-dashboard__new-letter-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px}.friend-dashboard__recipient-picker{display:flex;flex-direction:column;gap:var(--space-3)}.friend-dashboard__recipient-btn{min-height:44px}.memories-view{min-height:100dvh;background:var(--color-warm-sand, #FAF3E8);padding:1rem 1rem 2rem}.memories-view__loading,.memories-view__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:40dvh}.memories-view__header{text-align:center;margin-bottom:2rem;padding-top:.5rem}.memories-view__title{font-family:Fraunces,serif;color:var(--color-deep-terracotta, #BC6C4A);margin:.5rem 0 .25rem}.memories-view__date{display:block;margin-bottom:1rem}.memories-view__back-link{background:none;border:none;color:var(--color-deep-terracotta, #BC6C4A);cursor:pointer;font-size:.9rem;padding:.25rem 0;text-decoration:underline}.memories-view__sections{display:flex;flex-direction:column;gap:2rem;max-width:640px;margin:0 auto}.memory-section__title{font-family:Fraunces,serif;color:var(--color-deep-terracotta, #BC6C4A);font-size:1.25rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-sunrise-gold, #F4A261)}.memory-section__content{display:flex;flex-direction:column;gap:.75rem}.memory-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 4px #0000000f;border:1px solid var(--color-sunrise-gold-light, rgba(244, 162, 97, .2))}.memory-card__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.memory-card__label{font-weight:600;color:var(--color-deep-terracotta, #BC6C4A)}.memory-card__prompt{font-style:italic;margin-bottom:.5rem}.memory-card__content{white-space:pre-wrap;line-height:1.6}.memory-card__photo{width:100%;max-height:300px;object-fit:cover;border-radius:8px;margin-top:.75rem}.memory-card--gender{text-align:center;padding:1.5rem}.memory-wyr{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.memory-wyr__option{padding:.5rem .75rem;border-radius:8px;background:var(--color-warm-sand, #FAF3E8);display:flex;justify-content:space-between;align-items:center}.memory-wyr__option--chosen{border-left:3px solid var(--color-sunrise-gold, #F4A261)}.memory-wyr__match{color:var(--color-soft-sage, #9DB5A0);font-weight:600}.memory-wyr__different{color:var(--color-dusk-rose, #E07A5F)}.memory-photos__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.memory-photos__item{text-align:center}.memory-names{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.memory-names__item{background:var(--color-warm-sand, #FAF3E8);padding:.375rem .75rem;border-radius:20px;border:1px solid var(--color-sunrise-gold, #F4A261)}.memory-gender__value{font-family:Fraunces,serif;color:var(--color-dusk-rose, #E07A5F);font-size:1.5rem}.export-button{margin-top:.5rem}