:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#e2ded0;background-color:#1a1614;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--color-bg: #273425;--color-bg-highlight: #232f23;--color-bg-deep: #1e231b;--color-surface: #1f241a;--color-surface-rgb: 31, 36, 26;--color-primary: #7a8748;--color-primary-rgb: 122, 135, 72;--color-accent: #d97742;--color-accent-rgb: 217, 119, 66;--color-accent-bright: #f0a14a;--color-accent-bright-rgb: 240, 161, 74;--color-accent-dark: #b85f34;--color-input: #1b2018;--color-ink: #14100f;--color-text: #e2ded0;--color-text-muted: #8b9282;--color-border: #3a2f2a;--glow-accent: 0 0 12px rgba(217, 119, 66, .28);--glow-accent-strong: 0 0 18px rgba(240, 161, 74, .38)}*{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text)}button,input{font-family:inherit}.btn{border:none;border-radius:999px;padding:.7rem 1.4rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-ink);box-shadow:var(--glow-accent)}.btn-outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-ghost{background:#d977421f;color:var(--color-accent)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--glow-accent-strong)}.btn.unlock-glow{background:linear-gradient(135deg,var(--color-accent-bright),var(--color-accent));box-shadow:var(--glow-accent)}.nav-btn{min-width:0}.nav-btn-left:before{content:""}.nav-btn-right:after{content:""}.back-arrow{position:fixed;left:1.5rem;bottom:1.5rem;width:48px;height:48px;min-width:48px;border-radius:999px;padding:0;z-index:2}@media(max-width:768px){.back-arrow{left:1rem;bottom:1rem;width:44px;height:44px;min-width:44px}}@media(max-width:430px){.back-arrow{left:.75rem;bottom:.75rem;width:40px;height:40px;min-width:40px}}.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.page-shell{display:flex;flex-direction:column;gap:1.5rem;min-height:100%;width:100%}.page-shell-header h1{font-size:2.35rem;font-family:Playfair Display,Times New Roman,serif;font-weight:700;margin:0}.page-shell-header p{margin:.5rem 0 0;color:var(--color-text-muted)}.page-shell-body{display:flex;flex-direction:column;gap:1.5rem;flex:1}.auth-page,.valentine-page,.sad-page,.kiss-page,.songs-page,.memory-page,.claim-page{min-height:calc(100vh - 5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;padding-top:10vh}.valentine-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(720px,100%)}.valentine-page .page-shell-body{align-items:center;width:100%}.valentine-page .page-shell-header{align-items:center}.valentine-page .page-shell-header h1{font-size:2.85rem}.sad-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(980px,100%)}.sad-page .page-shell-body{align-items:center;width:100%}.sad-page .page-shell-header{align-items:center}.sad-page .page-shell-header h1{font-size:2.85rem}.auth-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(720px,100%)}.auth-page .page-shell-body{align-items:center;width:100%}.auth-page .page-shell-header{align-items:center}.auth-page .page-shell-header h1{font-size:2.85rem}.kiss-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(720px,100%)}.songs-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(820px,100%);gap:0}.memory-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(820px,100%)}.memory-page .page-shell-body{align-items:center;width:100%}.memory-page .page-shell-header{align-items:center}.memory-page .page-shell-header h1{font-size:2.85rem}.claim-page .page-shell{min-height:100%;justify-content:center;align-items:center;width:min(720px,100%)}.claim-page .page-shell-body{align-items:center;width:100%}.claim-page .page-shell-header{align-items:center}.claim-page .page-shell-header h1{font-size:2.85rem}.songs-page .page-shell-body{align-items:center;width:100%;margin-top:-.5rem;gap:0}.songs-page .page-shell-header{align-items:center;margin-bottom:-.35rem}.songs-page .page-shell-header h1{font-size:2.85rem}.songs-page .page-shell-header p{margin:0}.kiss-page .page-shell-body{align-items:center;justify-content:center;width:100%}.kiss-page .page-shell-header{align-items:center}.kiss-page .page-shell-header h1{font-size:2.85rem}.auth-page .form-field{text-align:left;align-items:stretch}.auth-page .form-field input{text-align:left}.auth-page .form-card{gap:1.5rem;padding:2.5rem;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-page .form-field input{background:#ffffff08;padding:12px;transition:border-color .2s ease,box-shadow .2s ease}.auth-page .form-field input:focus{outline:none;border-color:#d97742;box-shadow:0 0 0 3px #d9774238}.auth-date-picker{position:relative;width:100%}.auth-date-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--color-text);font-size:1rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.auth-date-trigger:hover{background:#ffffff0d}.auth-date-trigger.open,.auth-date-trigger:focus-visible{outline:none;border-color:#d97742;box-shadow:0 0 0 3px #d9774238}.auth-date-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent)}.auth-date-icon svg{width:100%;height:100%}.auth-date-popover{position:absolute;top:calc(100% + .75rem);left:0;width:min(360px,100%);border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,#273222fa,#182016f5);box-shadow:0 18px 40px #0000008c;padding:.75rem;z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.auth-page .auth-calendar{--rdp-accent-color: #d97742;--rdp-background-color: rgba(217, 119, 66, .18);--rdp-outline: 2px solid rgba(217, 119, 66, .4);--rdp-cell-size: 40px;--rdp-caption-font-size: .95rem;--rdp-day-font-size: .92rem;margin:0;color:var(--color-text)}.auth-page .rdp-caption_label{font-weight:600;color:var(--color-text)}.auth-page .rdp-nav_button{color:var(--color-accent);border-radius:10px;transition:transform .2s ease,background .2s ease}.auth-page .rdp-nav_button:hover{background:#d977421f;transform:translateY(-1px)}.auth-page .rdp-day{border-radius:12px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.auth-page .rdp-day:hover:not(.rdp-day_outside):not(.rdp-day_selected){background:#7a874840;transform:translateY(-1px)}.auth-page .rdp-day_today{color:var(--color-accent-bright);border:1px solid rgba(240,161,74,.4)}.auth-page .rdp-day_selected,.auth-page .rdp-day_selected:focus-visible,.auth-page .rdp-day_selected:hover{background:radial-gradient(circle at top,#f0a14a,#d97742 60%,#b85f34);color:var(--color-ink);box-shadow:0 10px 18px #d9774266;transform:translateY(-1px)}.auth-page .rdp-day_outside{color:#e2ded059}.form-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:16px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 16px 30px #00000059;width:min(520px,100%)}.form-field{display:flex;flex-direction:column;gap:.5rem;font-weight:600;color:var(--color-text)}.form-field input{padding:.65rem .85rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-input);color:var(--color-text);font-size:1rem}.form-field input:focus{outline:2px solid rgba(var(--color-accent-rgb),.6);box-shadow:0 0 0 4px rgba(var(--color-accent-rgb),.15)}.status-text{margin:0;font-weight:600}.status-text.success{color:var(--color-primary)}.status-text.error{color:var(--color-accent)}.hint-text{margin:0;font-size:.95rem;color:var(--color-text-muted)}.valentine-zone{position:relative;width:100%;min-height:320px;display:flex;align-items:center;justify-content:center;gap:1.5rem;overflow:hidden}.no-button{position:relative}.drag-zone{display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:3.5rem 2.5rem;min-height:520px;width:100%}.avatar-photo{width:200px;height:260px;border-radius:22px;object-fit:contain;box-shadow:none;border:none;-webkit-user-select:none;user-select:none}.avatar-photo.happy{box-shadow:none;border-color:transparent}.kiss-zone{display:flex;flex-direction:column;align-items:center;gap:2rem;transform:translateY(-3rem)}.kiss-zone .hint-text{min-height:1.2em}.kiss-next{visibility:hidden;opacity:0;pointer-events:none}.kiss-next.is-visible{visibility:visible;opacity:1;pointer-events:auto}.kiss-button{width:150px;height:150px;border-radius:50%;border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:transform .2s ease,filter .2s ease}.kiss-button.unlock-glow{filter:drop-shadow(0 0 22px rgba(217,119,66,.55))}.kiss-icon{width:160px;height:auto;display:block;filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))}.vinyl-carousel{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:2rem;align-items:center;width:100%;margin-top:-3rem}.vinyl{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;cursor:pointer;color:var(--color-text)}.vinyl-main{opacity:1;transform:scale(1)}.vinyl-side{opacity:.45;transform:scale(.85)}.vinyl-art{width:110px;height:110px;object-fit:cover;display:block;margin-bottom:-.4rem}.vinyl-main .vinyl-art{width:620px;height:620px;margin-bottom:-1.1rem}.vinyl-side .vinyl-art{width:90px;height:90px}.vinyl-center{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,var(--color-text) 0%,var(--color-text) 25%,var(--color-accent) 26%,var(--color-accent) 35%,var(--color-bg) 36%)}.vinyl-main .vinyl-center{width:150px;height:150px}.vinyl-side .vinyl-center{width:90px;height:90px}.vinyl.spinning .vinyl-center,.vinyl.spinning .vinyl-art{animation:spin 2s linear infinite}.vinyl p{margin:-1rem 0 0;font-weight:700;line-height:1}.vinyl span{font-size:.9rem;color:var(--color-text-muted);text-align:center;margin-top:-.7rem;display:block;line-height:1.05}.songs-page .hint-text,.songs-page .btn{margin-top:-.6rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.memory-grid{display:grid;grid-template-columns:repeat(4,150px);grid-template-rows:repeat(2,200px);justify-content:center;gap:1rem}.memory-card{width:150px;height:200px;display:grid;place-items:center;padding:.75rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:600;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.memory-card span{text-align:center;line-height:1.1}.memory-card-image{width:100%;height:100%;border-radius:12px;object-fit:cover;display:block}.memory-card.flipped{background:rgba(var(--color-accent-rgb),.12);border-color:rgba(var(--color-accent-rgb),.6);box-shadow:var(--glow-accent)}.memory-card.unlock-glow{border-color:rgba(var(--color-accent-bright-rgb),.75);box-shadow:var(--glow-accent-strong)}@media(max-width:720px){.memory-grid{grid-template-columns:repeat(2,120px);grid-template-rows:repeat(4,160px)}.memory-card{width:120px;height:160px}}.claim-zone{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.flower-card{width:min(520px,90vw);height:320px;border-radius:32px;background:transparent;object-fit:contain;display:block;overflow:hidden;box-shadow:none}@media(max-width:768px){.auth-page,.valentine-page,.sad-page,.kiss-page,.songs-page,.memory-page,.claim-page{padding-top:7vh}.valentine-page .page-shell-header h1,.sad-page .page-shell-header h1,.auth-page .page-shell-header h1,.kiss-page .page-shell-header h1,.songs-page .page-shell-header h1,.memory-page .page-shell-header h1,.claim-page .page-shell-header h1{font-size:2.35rem}.form-card{padding:1.25rem}.auth-date-popover{width:min(320px,100%);max-height:min(70vh,420px);overflow:auto}.auth-page .auth-calendar{--rdp-cell-size: 36px;--rdp-caption-font-size: .9rem;--rdp-day-font-size: .88rem}.valentine-zone{min-height:280px;gap:1rem}.drag-zone{flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;min-height:440px}.avatar-photo{width:160px;height:210px}.kiss-zone{gap:1.5rem;transform:translateY(-2rem)}.kiss-button{width:125px;height:125px}.kiss-icon{width:135px}.vinyl-carousel{grid-template-columns:.8fr 1fr .8fr;gap:1.25rem;margin-top:-2rem}.vinyl-main .vinyl-art{width:clamp(280px,70vw,520px);height:clamp(280px,70vw,520px)}.vinyl-main .vinyl-center{width:clamp(110px,24vw,140px);height:clamp(110px,24vw,140px)}.memory-grid{gap:.85rem}.flower-card{height:280px}}@media(max-width:430px){.auth-page,.valentine-page,.sad-page,.kiss-page,.songs-page,.memory-page,.claim-page{padding-top:6vh}.valentine-page .page-shell-header h1,.sad-page .page-shell-header h1,.auth-page .page-shell-header h1,.kiss-page .page-shell-header h1,.songs-page .page-shell-header h1,.memory-page .page-shell-header h1,.claim-page .page-shell-header h1{font-size:2.05rem}.form-card{padding:1.1rem}.auth-date-popover{width:min(300px,100%);max-height:min(68vh,360px);overflow:auto}.auth-page .auth-calendar{--rdp-cell-size: 32px;--rdp-caption-font-size: .85rem;--rdp-day-font-size: .82rem}.valentine-zone{min-height:250px;gap:.75rem}.drag-zone{flex-direction:column;gap:1rem;padding:1.4rem 1rem;min-height:360px}.avatar-photo{width:125px;height:165px}.kiss-zone{gap:1.25rem;transform:translateY(-1.25rem)}.kiss-button{width:110px;height:110px}.kiss-icon{width:120px}.vinyl-carousel{grid-template-columns:1fr;gap:1rem;margin-top:-1.2rem}.vinyl-main .vinyl-art{width:clamp(240px,78vw,360px);height:clamp(240px,78vw,360px)}.vinyl-main .vinyl-center{width:clamp(96px,22vw,120px);height:clamp(96px,22vw,120px)}.vinyl p{margin-top:-.6rem}.memory-grid{grid-template-columns:repeat(2,96px);grid-template-rows:repeat(4,130px);gap:.6rem}.memory-card{width:96px;height:130px;padding:.5rem;font-size:.85rem}.flower-card{height:240px}}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(circle at top,var(--color-bg-highlight) 0%,var(--color-bg) 30%,var(--color-bg-deep) 100%);color:var(--color-text)}.app-shell:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.08'/></svg>");opacity:.25;pointer-events:none;mix-blend-mode:soft-light}.app-main{flex:1;padding:2rem 2.5rem 3rem;display:flex;width:100%;position:relative;z-index:1}.logout-button{position:fixed;top:1.5rem;right:1.5rem;z-index:2}@media(max-width:768px){.app-main{padding:1.5rem 1.5rem 2.5rem}.logout-button{top:1rem;right:1rem}}@media(max-width:430px){.app-main{padding:1.15rem 1.1rem 2rem}.logout-button{top:.75rem;right:.75rem}}