:root{--color-primary: #FF6B8A;--color-primary-light: #FFB4C6;--color-primary-dark: #E84570;--color-secondary: #7C5CFC;--color-accent: #FFD166;--bg-primary: #FFF5F7;--bg-secondary: #FFFFFF;--bg-gradient: linear-gradient(135deg, #FFF5F7 0%, #F0E6FF 50%, #E8F4FD 100%);--text-primary: #2D2D3A;--text-secondary: #6B6B80;--text-light: #9999AA;--font-primary: "Nunito", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--max-width-mobile: 430px;--max-width-content: 375px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-gradient);min-height:100vh;min-height:100dvh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-primary);cursor:pointer;border:none}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.container{width:100%;max-width:var(--max-width-mobile);margin:0 auto;padding:0 var(--spacing-lg)}.skip-to-content{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-sm);text-decoration:none}.skip-to-content:focus{position:fixed;top:var(--spacing-sm);left:var(--spacing-sm);width:auto;height:auto;overflow:visible}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.phone-frame-backdrop{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-xl)}.phone-frame{position:relative;width:375px;height:812px;border-radius:44px;border:6px solid #2D2D3A;background:var(--bg-primary);box-shadow:0 0 0 2px #2d2d3a26,var(--shadow-lg),0 20px 60px #00000026;overflow:hidden;display:flex;flex-direction:column}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:28px;background:#2d2d3a;border-radius:0 0 18px 18px;z-index:10}.phone-frame__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:44px}.phone-frame__content::-webkit-scrollbar{width:3px}.phone-frame__content::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}@media(max-width:767px){.phone-frame-backdrop{display:contents}.phone-frame{width:100%;height:auto;min-height:100vh;min-height:100dvh;border:none;border-radius:0;box-shadow:none}.phone-frame:before{display:none}.phone-frame__content{overflow:visible;padding-top:0}}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-xl);text-align:center;background:var(--bg-gradient)}.error-boundary-fallback__emoji{font-size:4rem;margin-bottom:var(--spacing-lg);animation:error-envelope-bob 2s ease-in-out infinite}@keyframes error-envelope-bob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-3deg)}75%{transform:translateY(-6px) rotate(3deg)}}.error-boundary-fallback__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.error-boundary-fallback__message{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:320px;line-height:1.6}.error-boundary-fallback__btn{padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;color:#fff;background:var(--color-primary);border-radius:var(--radius-full);transition:background .2s ease,transform .1s ease}.error-boundary-fallback__btn:hover{background:var(--color-primary-dark)}.error-boundary-fallback__btn:active{transform:scale(.97)}.landing{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;overflow-x:hidden}.landing__hero{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.landing__logo{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.landing__logo-icon{font-size:2rem}.landing__tagline{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-top:var(--spacing-xs)}.landing__subtext{font-size:var(--font-size-base);color:var(--text-secondary);max-width:300px;line-height:1.7}.landing__cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.landing__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66;text-decoration:none}.landing__cta:active{transform:translateY(0)}.landing__how-label{margin-top:var(--spacing-2xl);font-size:var(--font-size-sm);font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.1em}.landing__steps{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.landing__step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);width:100px}.landing__step-number{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:800;color:#fff;box-shadow:var(--shadow-sm)}.landing__step-number--1{background:var(--color-primary)}.landing__step-number--2{background:var(--color-secondary)}.landing__step-number--3{background:var(--color-accent);color:var(--text-primary)}.landing__step-title{font-size:var(--font-size-sm);font-weight:700;color:var(--text-primary)}.landing__step-desc{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.landing__divider{width:60%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);margin:var(--spacing-2xl) 0;border:none}.landing__recall{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.landing__recall-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.landing__recall-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease;text-decoration:none}.landing__recall-link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none}.landing__footer-spacer{flex:1;min-height:var(--spacing-2xl)}.save-indicator{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-full);transition:opacity .3s ease,color .3s ease}.save-indicator--saving{color:var(--text-secondary);animation:pulse-save 1s ease-in-out infinite}.save-indicator--saved{color:#22c55e}.save-indicator--error{color:#f59e0b}@keyframes pulse-save{0%,to{opacity:1}50%{opacity:.5}}.tpl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg)}.tpl-modal{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:var(--max-width-content);max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.tpl-modal__header{display:flex;align-items:center;justify-content:space-between}.tpl-modal__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.tpl-modal__close{background:none;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);transition:opacity .2s ease}.tpl-modal__close:hover{opacity:.8}.tpl-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.tpl-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1.5px solid transparent;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer;text-align:center}.tpl-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tpl-card__emoji{font-size:1.75rem}.tpl-card__title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.tpl-card__category{font-size:var(--font-size-xs);color:var(--text-light);text-transform:capitalize}.tpl-modal__preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.tpl-modal__preview-text{font-size:var(--font-size-sm);line-height:1.7;color:var(--text-primary);white-space:pre-wrap;background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);max-height:45vh;overflow-y:auto}.tpl-modal__preview-meta{font-size:var(--font-size-xs);color:var(--text-light);font-weight:600;text-align:center}.tpl-modal__use-btn{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease}.tpl-modal__use-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.tpl-modal__use-btn:active{transform:translateY(0)}.letter-editor{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:var(--max-width-mobile);margin:0 auto;padding:0 var(--spacing-lg);overflow:hidden}.letter-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;position:sticky;top:0;background:var(--bg-primary);z-index:10}.letter-editor__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color .2s ease;text-decoration:none}.letter-editor__back:hover{color:var(--color-primary);text-decoration:none}.letter-editor__back-arrow{font-size:var(--font-size-lg);line-height:1}.letter-editor__form{display:flex;flex-direction:column;flex:1;min-height:0;padding-bottom:var(--spacing-md)}.letter-editor__field{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.letter-editor__label{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);white-space:nowrap;font-style:italic}.letter-editor__name-input{flex:1;font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);background:transparent;border:none;border-bottom:2px solid var(--color-primary-light);padding:var(--spacing-xs) 0;transition:border-color .2s ease}.letter-editor__name-input::placeholder{color:var(--text-light);font-weight:400;font-style:italic}.letter-editor__name-input:focus{border-bottom-color:var(--color-primary)}.letter-editor__body-wrapper{flex:1;display:flex;flex-direction:column;margin:var(--spacing-sm) 0}.letter-editor__body{flex:1;width:100%;min-height:0;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.8;color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--color-primary-light);border-radius:var(--radius-md);padding:var(--spacing-lg);resize:none;overflow-y:auto;transition:border-color .2s ease,box-shadow .2s ease}.letter-editor__body::-webkit-scrollbar{width:4px}.letter-editor__body::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}.letter-editor__body::-webkit-scrollbar-track{background:transparent}.letter-editor__body::placeholder{color:var(--text-light);font-style:italic}.letter-editor__body:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b8a1a}.letter-editor__footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.letter-editor__cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.letter-editor__cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.letter-editor__cta:active:not(:disabled){transform:translateY(0)}.letter-editor__cta:disabled{opacity:.5;cursor:not-allowed}.letter-editor__cta-arrow{font-size:var(--font-size-base);transition:transform .2s ease}.letter-editor__cta:hover:not(:disabled) .letter-editor__cta-arrow{transform:translate(2px)}.letter-editor__word-count{font-size:var(--font-size-xs);color:var(--text-light);font-weight:600;align-self:flex-end}.letter-editor__word-count--low{color:var(--text-secondary)}.letter-editor__word-count--ready{color:#22c55e}.letter-editor__inspiration-link{background:none;font-size:var(--font-size-xs);font-weight:600;color:var(--color-secondary);padding:var(--spacing-xs) 0;text-align:right;align-self:flex-end;transition:opacity .2s ease;margin-top:var(--spacing-xs)}.letter-editor__inspiration-link:hover{opacity:.7;text-decoration:underline}.passkey-setup{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);overflow:hidden}.passkey-setup__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-sm) 0;transition:color .2s ease}.passkey-setup__back:hover{color:var(--color-primary)}.passkey-setup__back-arrow{font-size:var(--font-size-lg);line-height:1}.passkey-setup__content{display:flex;flex-direction:column;align-items:center;flex:1;padding-top:var(--spacing-md);max-width:var(--max-width-content);width:100%;margin:0 auto;min-height:0}.passkey-setup__icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.passkey-setup__heading{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-sm)}.passkey-setup__description{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;line-height:1.6;max-width:280px;margin-bottom:var(--spacing-xl)}.passkey-setup__form{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.passkey-setup__input-group{position:relative;width:100%}.passkey-setup__input{width:100%;padding:var(--spacing-md) var(--spacing-lg);padding-right:3rem;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--color-primary-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.passkey-setup__input::placeholder{color:var(--text-light)}.passkey-setup__input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm),0 0 0 3px #ff6b8a26}.passkey-setup__input--error{border-color:var(--color-primary-dark)}.passkey-setup__toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;color:var(--text-light);font-size:var(--font-size-lg);padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.passkey-setup__toggle:hover{color:var(--text-secondary)}.passkey-setup__error{font-size:var(--font-size-xs);color:var(--color-primary-dark);margin-top:calc(-1 * var(--spacing-sm));padding-left:var(--spacing-sm)}.passkey-setup__warning{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;justify-content:center;margin-top:var(--spacing-xs)}.passkey-setup__warning-icon{flex-shrink:0}.passkey-setup__save-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);background:var(--bg-secondary);border:2px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:var(--spacing-sm)}.passkey-setup__save-btn:hover:not(:disabled){background:var(--bg-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.passkey-setup__save-btn:active:not(:disabled){transform:translateY(0)}.passkey-setup__save-btn:disabled{opacity:.45;cursor:not-allowed}.passkey-setup__saved-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:#22c55e;margin-bottom:var(--spacing-sm)}.passkey-setup__post-save{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%;margin-top:var(--spacing-md)}.passkey-setup__divider{width:60%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);border:none;margin:var(--spacing-sm) 0}.passkey-setup__split-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease}.passkey-setup__split-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.passkey-setup__split-btn:active{transform:translateY(0)}.passkey-setup__remaining{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.passkey-setup__byok-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);border:1.5px solid var(--color-secondary);transition:background .2s ease,transform .2s ease}.passkey-setup__byok-btn:hover{background:#7c5cfc14;transform:translateY(-1px)}.passkey-setup__byok-btn:active{transform:translateY(0)}.passkey-setup__byok-desc{font-size:var(--font-size-xs);color:var(--text-light);text-align:center}.passkey-setup__saving-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:passkey-spin .6s linear infinite;margin-right:var(--spacing-xs);vertical-align:middle}@keyframes passkey-spin{to{transform:rotate(360deg)}}.beat-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.beat-selector{background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-2xl);width:100%;max-width:var(--max-width-mobile);animation:beat-selector-slide-up .3s ease-out}@keyframes beat-selector-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.beat-selector__heading{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xl)}.beat-selector__value{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.beat-selector__value-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-primary);line-height:1;min-width:2ch;text-align:center}.beat-selector__slider-wrapper{width:100%;margin-bottom:var(--spacing-sm)}.beat-selector__slider{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary) var(--slider-fill, 50%),#e2e2e8 var(--slider-fill, 50%),#e2e2e8 100%);border-radius:var(--radius-full);cursor:pointer}.beat-selector__slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 8px #ff6b8a66;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.beat-selector__slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px #ff6b8a80}.beat-selector__slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--color-primary);box-shadow:0 2px 8px #ff6b8a66;border:none;cursor:pointer}.beat-selector__labels{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.beat-selector__label{font-size:var(--font-size-xs);color:var(--text-light);font-weight:600}.beat-selector__cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease}.beat-selector__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.beat-selector__cta:active{transform:translateY(0)}.split-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-xl);gap:var(--spacing-xl);text-align:center}.split-loading__heart{font-size:3rem;line-height:1;-webkit-user-select:none;user-select:none}.split-loading__phrase{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);min-height:2em;display:flex;align-items:center;justify-content:center}.split-loading__error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.split-loading__error-text{font-size:var(--font-size-sm);color:var(--color-primary-dark);max-width:280px;line-height:1.6}.split-loading__retry-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease}.split-loading__retry-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.split-loading__retry-btn:active{transform:translateY(0)}.byok-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.byok-sheet{background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-2xl);width:100%;max-width:var(--max-width-mobile);animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.byok-sheet__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.byok-sheet__providers{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.byok-sheet__provider{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s}.byok-sheet__provider:hover{background:var(--bg-primary)}.byok-sheet__provider input[type=radio]{accent-color:var(--color-primary);width:18px;height:18px}.byok-sheet__provider-label{font-size:var(--font-size-base);color:var(--text-primary)}.byok-sheet__field{margin-bottom:var(--spacing-md)}.byok-sheet__label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.byok-sheet__input{width:100%;padding:.75rem 1rem;border:2px solid #e2e2e8;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.byok-sheet__input:focus{border-color:var(--color-secondary)}.byok-sheet__info{font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.byok-sheet__info:before{content:"🔒"}.byok-sheet__error{font-size:var(--font-size-sm);color:#ef4444;margin-bottom:var(--spacing-md)}.byok-sheet__save{width:100%;padding:.875rem;background:var(--color-secondary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-md);transition:opacity .2s,transform .1s}.byok-sheet__save:hover:not(:disabled){opacity:.9}.byok-sheet__save:active:not(:disabled){transform:scale(.98)}.byok-sheet__save:disabled{opacity:.5;cursor:not-allowed}.tone-rewriter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tone-rewriter{background:var(--bg-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-lg);width:100%;max-width:var(--max-width-content);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.tone-rewriter__header{display:flex;align-items:center;justify-content:space-between}.tone-rewriter__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.tone-rewriter__close{background:none;font-size:var(--font-size-base);color:var(--text-secondary);padding:var(--spacing-xs);transition:opacity .2s ease}.tone-rewriter__close:hover{opacity:.7}.tone-rewriter__tones{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center}.tone-rewriter__tone-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid transparent;box-shadow:var(--shadow-sm);transition:border-color .2s ease,transform .15s ease;cursor:pointer;min-width:64px}.tone-rewriter__tone-btn:hover{transform:translateY(-1px)}.tone-rewriter__tone-btn--selected{border-color:var(--color-primary);background:#ff6b8a0f}.tone-rewriter__tone-emoji{font-size:1.25rem}.tone-rewriter__tone-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.tone-rewriter__rewrite-btn{width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.tone-rewriter__rewrite-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.tone-rewriter__rewrite-btn:disabled{opacity:.5;cursor:not-allowed}.tone-rewriter__error{font-size:var(--font-size-sm);color:#ef4444;text-align:center}.tone-rewriter__comparison{display:flex;flex-direction:column;gap:var(--spacing-md)}.tone-rewriter__text-block{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.tone-rewriter__text-block--new{border:1.5px solid var(--color-primary-light)}.tone-rewriter__text-label{font-size:var(--font-size-xs);font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.tone-rewriter__text-content{font-size:var(--font-size-sm);line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.tone-rewriter__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.tone-rewriter__accept-btn{padding:var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);transition:transform .2s ease}.tone-rewriter__accept-btn:hover{transform:translateY(-1px)}.tone-rewriter__revert-btn{padding:var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;border:1.5px solid rgba(0,0,0,.12);border-radius:var(--radius-full);transition:transform .2s ease}.tone-rewriter__revert-btn:hover{transform:translateY(-1px)}.card-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--spacing-lg)}.card-detail{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);width:100%;max-width:var(--max-width-content);max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.card-detail__header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card-detail__back-btn{background:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) 0;align-self:flex-start;transition:opacity .2s ease}.card-detail__back-btn:hover{opacity:.8}.card-detail__title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.card-detail__card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg);min-height:180px;display:flex;align-items:center;justify-content:center}.card-detail__text{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.7;text-align:center;white-space:pre-wrap;word-break:break-word}.card-detail__textarea{width:100%;min-height:140px;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);border:1.5px solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--spacing-md);line-height:1.7;resize:vertical;transition:border-color .2s ease}.card-detail__textarea:focus{border-color:var(--color-primary)}.card-detail__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.card-detail__actions--three{grid-template-columns:1fr 1fr 1fr}.card-detail__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);transition:transform .2s ease,box-shadow .2s ease}.card-detail__action-btn--edit{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--color-primary-light)}.card-detail__action-btn--edit:hover{border-color:var(--color-primary);transform:translateY(-1px)}.card-detail__action-btn--save{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.card-detail__action-btn--save:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-detail__action-btn--split{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--color-secondary)}.card-detail__action-btn--rewrite{background:#7c5cfc0f;color:var(--color-secondary);border:1.5px solid rgba(124,92,252,.2)}.card-detail__action-btn--rewrite:hover{border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #7c5cfc26}.card-detail__action-btn--split:hover{border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #7c5cfc33}.card-detail__action-btn:active{transform:translateY(0)}.card-grid{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:var(--max-width-mobile);margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);overflow:hidden}.card-grid__header{margin-bottom:var(--spacing-sm)}.card-grid__back-btn{background:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) 0;transition:opacity .2s ease}.card-grid__back-btn:hover{opacity:.8}.card-grid__title-section{margin-bottom:var(--spacing-sm)}.card-grid__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.card-grid__subtitle{font-size:var(--font-size-sm);color:var(--text-light);font-weight:500}.card-grid__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);flex:1;min-height:0;overflow-y:auto;margin-bottom:var(--spacing-md);padding:var(--spacing-xs)}.card-grid__grid::-webkit-scrollbar{width:3px}.card-grid__grid::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}.card-grid__tile{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:left;min-height:100px;transition:box-shadow .2s ease,transform .15s ease;cursor:pointer}.card-grid__tile:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-grid__tile:active{transform:scale(.97)}.card-grid__tile-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:700;flex-shrink:0}.card-grid__tile-text{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;word-break:break-word}.card-grid__resplit-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);border:1.5px solid var(--color-primary-light);margin-bottom:var(--spacing-md);transition:border-color .2s ease,transform .2s ease}.card-grid__resplit-btn:hover{border-color:var(--color-primary);transform:translateY(-1px)}.card-grid__resplit-btn:active{transform:translateY(0)}.card-grid__credits{font-size:var(--font-size-xs);color:var(--text-light);text-align:center;margin-bottom:var(--spacing-lg);font-weight:500}.card-grid__next-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:var(--spacing-xl)}.card-grid__next-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.card-grid__next-btn:active{transform:translateY(0)}.card-grid__tile--dragging{position:relative;z-index:100;box-shadow:0 8px 24px #0000002e,0 2px 8px #0000001a;opacity:.92;transition:box-shadow .15s ease,opacity .15s ease;cursor:grabbing}.card-grid__tile--dragging:hover,.card-grid__tile--dragging:active{transform:none}.card-grid__tile--drop-target{outline:2px dashed var(--color-primary);outline-offset:2px;background:var(--color-primary-light, rgba(255, 107, 138, .08));animation:card-grid-pulse .8s ease-in-out infinite alternate}@keyframes card-grid-pulse{0%{outline-color:var(--color-primary);outline-offset:2px}to{outline-color:var(--color-primary-light, rgba(255, 107, 138, .5));outline-offset:4px}}.teq{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;max-width:var(--max-width-mobile);margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden}.teq::-webkit-scrollbar{width:3px}.teq::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}.teq__back-btn{background:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-sm);transition:opacity .2s ease;text-align:left;align-self:flex-start;flex-shrink:0}.teq__back-btn:hover{opacity:.8}.teq__section{margin-bottom:var(--spacing-md)}.teq__heading{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.teq__subheading{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.teq__divider{border:none;border-top:1px solid rgba(0,0,0,.08);margin:var(--spacing-md) 0}.teq__theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.teq__theme-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--bg-secondary);border:2px solid transparent;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer}.teq__theme-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.teq__theme-card--selected{border-color:var(--color-primary);box-shadow:var(--shadow-md),0 0 0 1px var(--color-primary)}.teq__theme-preview{width:100%;aspect-ratio:3 / 4;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm)}.teq__theme-emoji{font-size:1.5rem}.teq__theme-sample{font-size:var(--font-size-xs);opacity:.8}.teq__theme-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.teq__theme-card--locked{opacity:.7;cursor:not-allowed}.teq__theme-card--locked .teq__theme-preview{position:relative}.teq__theme-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.teq__premium-badge{font-size:.6rem;font-weight:700;color:var(--color-secondary);letter-spacing:.04em;vertical-align:super}.teq__emoji-rows{display:flex;flex-direction:column;gap:var(--spacing-md)}.teq__emoji-row{display:flex;align-items:center;gap:var(--spacing-sm)}.teq__emoji-direction{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);min-width:70px;flex-shrink:0}.teq__emoji-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.teq__emoji-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;border-radius:var(--radius-sm);background:var(--bg-secondary);border:2px solid transparent;box-shadow:var(--shadow-sm);transition:border-color .2s ease,transform .15s ease;cursor:pointer}.teq__emoji-btn:hover{transform:scale(1.08)}.teq__emoji-btn--selected{border-color:var(--color-primary);background:#ff6b8a14}.teq__question-group{margin-bottom:var(--spacing-md)}.teq__label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.teq__input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-primary);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s ease}.teq__input:focus{border-color:var(--color-primary)}.teq__input::placeholder{color:var(--text-light)}.teq__input--option{flex:1}.teq__options-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.teq__option-row{display:flex;align-items:center;gap:var(--spacing-sm)}.teq__radio{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:2px solid rgba(0,0,0,.2);background:var(--bg-secondary);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease;cursor:pointer}.teq__radio:hover{border-color:var(--color-primary)}.teq__radio--selected{border-color:var(--color-primary);background:var(--color-primary)}.teq__radio-dot{display:block;width:10px;height:10px;border-radius:50%;background:#fff}.teq__hint{font-size:var(--font-size-xs);color:var(--text-light);font-weight:500}.teq__preview-section{margin-top:var(--spacing-md)}.teq__preview-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-light);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.teq__preview-card{border-radius:var(--radius-md);padding:var(--spacing-lg);min-height:140px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md)}.teq__preview-progress{display:flex;gap:3px;margin-bottom:var(--spacing-md)}.teq__preview-bar{flex:1;height:3px;border-radius:2px}.teq__preview-text{font-size:var(--font-size-sm);line-height:1.6;flex:1;margin-bottom:var(--spacing-md)}.teq__preview-emojis{display:flex;justify-content:space-between;font-size:1.25rem}.teq__publish-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-shrink:0;position:sticky;bottom:0;z-index:5}.teq__publish-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.teq__publish-btn:active:not(:disabled){transform:translateY(0)}.teq__publish-btn:disabled{opacity:.5;cursor:not-allowed}.teq__custom-emoji{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.06)}.teq__custom-emoji-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.teq__custom-emoji-row{display:flex;gap:var(--spacing-lg)}.teq__custom-emoji-slot{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1}.teq__custom-emoji-preview{width:40px;height:40px;object-fit:contain;border-radius:var(--radius-sm)}.teq__custom-emoji-btn{font-size:var(--font-size-xs);font-weight:600;color:var(--color-secondary);background:#7c5cfc14;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background .2s ease}.teq__custom-emoji-btn:hover{background:#7c5cfc26}.teq__file-input{display:none}.link-success{display:flex;flex-direction:column;align-items:center;height:100vh;height:100dvh;width:100%;max-width:var(--max-width-mobile);margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg);padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));text-align:center;overflow-y:auto}.link-success::-webkit-scrollbar{width:3px}.link-success::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}.link-success__celebration{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.link-success__confetti-emoji{font-size:3.5rem;display:block}.link-success__floats{position:relative;width:100%;height:0;display:flex;justify-content:center;gap:var(--spacing-md);pointer-events:none}.link-success__float-emoji{font-size:1.5rem;position:absolute}.link-success__heading{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.3}.link-success__link-box{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1.5px solid rgba(0,0,0,.06);margin-bottom:var(--spacing-md)}.link-success__link-text{font-size:var(--font-size-xs);color:var(--text-secondary);word-break:break-all;text-align:left;flex:1;line-height:1.4}.link-success__copy-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:#ff6b8a14;border-radius:var(--radius-sm);transition:background .2s ease;white-space:nowrap}.link-success__copy-btn:hover{background:#ff6b8a26}.link-success__secure-note{font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--spacing-md);line-height:1.4}.link-success__msg-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);background:var(--bg-secondary);border-radius:var(--radius-full);border:1.5px solid var(--color-primary-light);transition:border-color .2s ease,transform .2s ease;margin-bottom:var(--spacing-lg)}.link-success__msg-btn:hover{border-color:var(--color-primary);transform:translateY(-1px)}.link-success__msg-btn:active{transform:translateY(0)}.link-success__share-row{width:100%;margin-bottom:var(--spacing-md)}.link-success__share-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;margin-bottom:var(--spacing-md)}.link-success__share-btns{display:flex;justify-content:center;gap:var(--spacing-lg)}.link-success__share-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:72px;transition:box-shadow .2s ease,transform .15s ease}.link-success__share-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.link-success__share-btn:active{transform:translateY(0)}.link-success__share-icon{font-size:1.5rem}.link-success__share-name{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary)}.link-success__divider{width:100%;border:none;border-top:1px solid rgba(0,0,0,.08);margin:var(--spacing-md) 0}.link-success__info{width:100%;margin-bottom:var(--spacing-md)}.link-success__warning{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.5}.link-success__expiry{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.link-success__upsell-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-secondary);background:#7c5cfc0f;border-radius:var(--radius-md);border:1.5px solid rgba(124,92,252,.2);transition:border-color .2s ease,background .2s ease;margin-bottom:var(--spacing-lg)}.link-success__upsell-btn:hover{border-color:var(--color-secondary);background:#7c5cfc1a}.link-success__write-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:var(--spacing-xl)}.link-success__write-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.link-success__write-btn:active{transform:translateY(0)}.link-success__custom-slug{width:100%;margin-bottom:var(--spacing-md)}.link-success__custom-slug-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-weight:600}.link-success__custom-slug-row{display:flex;align-items:center;border:2px solid #e2e2e8;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-primary)}.link-success__custom-slug-prefix{padding:.6rem .5rem .6rem .75rem;font-size:var(--font-size-sm);color:var(--text-light);white-space:nowrap;font-weight:600}.link-success__custom-slug-input{flex:1;border:none;background:transparent;padding:.6rem .75rem .6rem 0;font-size:var(--font-size-sm);font-family:var(--font-primary);color:var(--text-primary)}.link-success__slug-status{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs);font-weight:600}.link-success__slug-status--checking{color:var(--text-light)}.link-success__slug-status--available{color:#22c55e}.link-success__slug-status--taken{color:#ef4444}.link-success__slug-apply-btn{margin-top:var(--spacing-sm);padding:.5rem 1rem;background:var(--color-secondary);color:#fff;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);width:100%;transition:opacity .2s}.link-success__slug-apply-btn:hover{opacity:.9}.link-success__read-receipt{width:100%;margin-bottom:var(--spacing-md)}.link-success__toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;cursor:pointer}.link-success__toggle-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.link-success__toggle{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0000001f;border-radius:12px;position:relative;cursor:pointer;transition:background .2s ease}.link-success__toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.link-success__toggle:checked{background:var(--color-primary)}.link-success__toggle:checked:after{transform:translate(20px)}.link-success__email-input{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-primary);border:1.5px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s ease}.link-success__email-input:focus{border-color:var(--color-primary)}.link-success__expiry-picker{width:100%;margin-bottom:var(--spacing-md)}.link-success__expiry-picker-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.link-success__expiry-options{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.link-success__expiry-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);transition:border-color .2s ease,background .2s ease;cursor:pointer}.link-success__expiry-option:hover{border-color:var(--color-primary-light)}.link-success__expiry-option--selected{border-color:var(--color-primary);background:#ff6b8a14;color:var(--color-primary)}.write-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.write-page__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:var(--spacing-md)}.write-page__spinner{width:36px;height:36px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:write-spin .7s linear infinite}@keyframes write-spin{to{transform:rotate(360deg)}}.write-page__loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.write-page__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.write-page__placeholder h2{font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700}.write-page__placeholder p{font-size:var(--font-size-sm);color:var(--text-secondary)}.write-page__placeholder-nav{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.write-page__placeholder-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.write-page__placeholder-btn--back{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--color-primary-light)}.write-page__placeholder-btn--back:hover{border-color:var(--color-primary)}.write-page__placeholder-btn--next{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.write-page__placeholder-btn--next:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.link-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.link-landing__envelope{font-size:4rem;margin-bottom:var(--spacing-xl)}.link-landing__title{font-size:var(--font-size-xl);font-weight:700;line-height:1.4;margin-bottom:var(--spacing-md)}.link-landing__subtitle{font-size:var(--font-size-base);line-height:1.7;opacity:.8;max-width:280px;margin-bottom:var(--spacing-2xl)}.link-landing__cta{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.link-landing__cta:active{transform:translateY(0)}.link-landing--blush-pink{background:linear-gradient(160deg,#ffe0e8,#ffb4c6,#ff8fab);color:#3a1a24}.link-landing--blush-pink .link-landing__cta{background:#fff;color:var(--color-primary-dark)}.link-landing--moonlight{background:linear-gradient(160deg,#1a1a2e,#2d2b55,#3e3a6b);color:#e8e4f0}.link-landing--moonlight .link-landing__cta{background:#7c5cfc;color:#fff}.link-landing--ocean-blue{background:linear-gradient(160deg,#d6eaf8,#85c1e9,#5dade2);color:#1b2631}.link-landing--ocean-blue .link-landing__cta{background:#fff;color:#2471a3}.link-landing--sunrise{background:linear-gradient(160deg,#fff3e0,#ffd180,#ffab40);color:#3e2723}.link-landing--sunrise .link-landing__cta{background:#fff;color:#e65100}.security-question{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-2xl) var(--spacing-lg);background:var(--bg-gradient)}.security-question__asking{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);width:100%;max-width:var(--max-width-content)}.security-question__lock-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.security-question__preamble{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.security-question__sender-check{font-size:var(--font-size-base);color:var(--text-secondary)}.security-question__text{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);line-height:1.4;margin:var(--spacing-sm) 0 var(--spacing-lg)}.security-question__options{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.security-question__option{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:1.5px solid var(--color-primary-light);text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.security-question__option:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.security-question__option:active:not(:disabled){background:var(--bg-primary)}.security-question__option--selected{border-color:var(--color-primary);background:var(--bg-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.security-question__option:disabled{opacity:.6;cursor:not-allowed}.security-question__spinner{width:28px;height:28px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:sq-spin .7s linear infinite;margin-top:var(--spacing-md)}@keyframes sq-spin{to{transform:rotate(360deg)}}.security-question__result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.security-question__result-icon{font-size:4rem}.security-question__result-text{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.security-question__result--correct .security-question__result-text{color:#2e7d32}.security-question__result--incorrect .security-question__result-text{color:var(--color-primary-dark)}.security-question__result-sub{font-size:var(--font-size-sm);color:var(--text-secondary);max-width:280px;line-height:1.6}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 28px 36px;touch-action:pan-y;will-change:transform;user-select:none;-webkit-user-select:none;border-radius:20px;box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f}.swipe-card__content{display:flex;align-items:center;justify-content:center;flex:1;width:100%;max-width:var(--max-width-content)}.swipe-card__text{font-size:var(--font-size-xl);font-weight:600;line-height:1.7;text-align:center;white-space:pre-wrap;word-break:break-word}.swipe-card--blush-pink{background:linear-gradient(160deg,#ffe0e8,#ffb4c6,#ff8fab);color:#3a1a24}.swipe-card--moonlight{background:linear-gradient(160deg,#1a1a2e,#2d2b55,#3e3a6b);color:#e8e4f0}.swipe-card--ocean-blue{background:linear-gradient(160deg,#d6eaf8,#85c1e9,#5dade2);color:#1b2631}.swipe-card--sunrise{background:linear-gradient(160deg,#fff3e0,#ffd180,#ffab40);color:#3e2723}.swipe-card__keyboard-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);opacity:0;pointer-events:none;transition:opacity .2s ease;color:inherit}.swipe-card:focus-visible .swipe-card__keyboard-hint{opacity:.6}.progress-bars{display:flex;gap:4px;padding:12px 12px 8px;position:relative;z-index:5}.progress-bars__bar{flex:1;height:3px;border-radius:var(--radius-full);background:#0000001f;transition:background .3s ease}.progress-bars__bar--filled{background:#00000073}.progress-bars--blush-pink .progress-bars__bar--filled{background:#ff6b8a}.progress-bars--moonlight .progress-bars__bar--filled{background:#7c5cfc}.progress-bars--ocean-blue .progress-bars__bar--filled{background:#5dade2}.progress-bars--sunrise .progress-bars__bar--filled{background:#ffab40}.emoji-pop{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;display:flex;align-items:center;justify-content:center}.emoji-pop__emoji{font-size:2.5rem;will-change:transform,opacity}.emoji-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.emoji-rain__container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.emoji-rain__particle{position:absolute;font-size:2.5rem;will-change:transform,opacity}.reader-education{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:var(--spacing-lg)}.reader-education__card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);max-width:320px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg);box-shadow:var(--shadow-lg)}.reader-education__icon{font-size:1.25rem;flex-shrink:0}.reader-education__instruction{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.reader-education__privacy{display:flex;gap:var(--spacing-sm);align-items:flex-start}.reader-education__privacy-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.reader-education__privacy-text strong{color:var(--text-primary)}.reader-education__list{list-style:disc;padding-left:var(--spacing-lg);margin-top:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.reader-education__encouragement{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;text-align:center}.reader-education__dismiss{align-self:center;padding:var(--spacing-sm) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.reader-education__dismiss:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.reader-education__dismiss:active{transform:translateY(0)}.card-stack{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:#fff}.card-stack__cards{position:relative;flex:1;overflow:hidden;padding:0 12px 12px}.phone-frame .card-stack{padding-top:32px}.final-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;position:relative;overflow:hidden}.final-card__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;z-index:1;flex:1;justify-content:center}.final-card__glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}.final-card__signoff{font-size:var(--font-size-xl);font-weight:600;font-style:italic;line-height:1.2}.final-card__name{font-size:var(--font-size-2xl);font-weight:800;line-height:1.3}.final-card__letter-icon{font-size:2.5rem;margin-top:var(--spacing-lg)}.final-card__footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding-bottom:var(--spacing-2xl);position:relative;z-index:1}.final-card__disappear-notice{font-size:var(--font-size-sm);opacity:.7;max-width:260px;line-height:1.6}.final-card__cta{display:inline-flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.final-card__cta:hover{transform:translateY(-2px);text-decoration:none}.final-card--blush-pink{background:linear-gradient(160deg,#ffe0e8,#ffb4c6,#ff8fab);color:#3a1a24}.final-card--blush-pink .final-card__glow{background:#ffffff80}.final-card--blush-pink .final-card__cta{background:#fff;color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.final-card--moonlight{background:linear-gradient(160deg,#1a1a2e,#2d2b55,#3e3a6b);color:#e8e4f0}.final-card--moonlight .final-card__glow{background:#7c5cfc4d}.final-card--moonlight .final-card__cta{background:#7c5cfc;color:#fff;box-shadow:var(--shadow-md)}.final-card--ocean-blue{background:linear-gradient(160deg,#d6eaf8,#85c1e9,#5dade2);color:#1b2631}.final-card--ocean-blue .final-card__glow{background:#fff6}.final-card--ocean-blue .final-card__cta{background:#fff;color:#2471a3;box-shadow:var(--shadow-md)}.final-card--sunrise{background:linear-gradient(160deg,#fff3e0,#ffd180,#ffab40);color:#3e2723}.final-card--sunrise .final-card__glow{background:#fff6}.final-card--sunrise .final-card__cta{background:#fff;color:#e65100;box-shadow:var(--shadow-md)}.expired-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--bg-gradient)}.expired-view__icon{font-size:4rem;margin-bottom:var(--spacing-xl);opacity:.6}.expired-view__title{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);max-width:300px;line-height:1.4;margin-bottom:var(--spacing-md)}.expired-view__message{font-size:var(--font-size-base);color:var(--text-secondary);max-width:300px;line-height:1.7;margin-bottom:var(--spacing-2xl)}.expired-view__cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.expired-view__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66;text-decoration:none}.expired-view__cta:active{transform:translateY(0)}.read-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.read-page--loading{align-items:center;justify-content:center;gap:var(--spacing-md);background:var(--bg-gradient)}.read-page__spinner{width:36px;height:36px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:read-spin .7s linear infinite}@keyframes read-spin{to{transform:rotate(360deg)}}.read-page__loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.read-page--error{align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--bg-gradient)}.read-page__error-icon{font-size:3rem}.read-page__error-text{font-size:var(--font-size-base);color:var(--text-secondary);max-width:300px;line-height:1.6}.recall-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding:var(--spacing-lg);max-width:var(--max-width-mobile);margin:0 auto;width:100%}.recall-page--loading{align-items:center;justify-content:center;gap:var(--spacing-md)}.recall-page__spinner{width:36px;height:36px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:recall-spin .7s linear infinite}@keyframes recall-spin{to{transform:rotate(360deg)}}.recall-page__loading-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.recall-page__header{padding:var(--spacing-sm) 0}.recall-page__back{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:var(--spacing-xs) 0;text-decoration:none;transition:color .2s ease}.recall-page__back:hover{color:var(--color-primary);text-decoration:none}.recall-page__content{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;padding-top:var(--spacing-2xl);gap:var(--spacing-md)}.recall-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:var(--spacing-md)}.recall-page__icon{font-size:3rem}.recall-page__heading{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);line-height:1.3}.recall-page__description{font-size:var(--font-size-base);color:var(--text-secondary);max-width:300px;line-height:1.6}.recall-page__cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.recall-page__cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66;text-decoration:none}.recall-page__list-header{text-align:center;padding:var(--spacing-md) 0}.recall-page__list-header .recall-page__heading{margin-bottom:var(--spacing-xs)}.recall-page__letter-list{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) 0}.recall-page__letter-card{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.recall-page__letter-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recall-page__letter-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.recall-page__letter-recipient{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.recall-page__letter-status{font-size:var(--font-size-sm);opacity:.7}.recall-page__letter-preview{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;overflow:hidden;max-height:3em}.recall-page__letter-preview-blurred{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.recall-page__letter-date{font-size:var(--font-size-xs);color:var(--text-light)}.recall-page__list-footer{display:flex;justify-content:center;padding:var(--spacing-lg) 0 var(--spacing-xl)}.recall-page__form{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:320px;margin-top:var(--spacing-md)}.recall-page__input-group{display:flex;align-items:center;width:100%;position:relative}.recall-page__input{width:100%;padding:var(--spacing-md);padding-right:3rem;font-size:var(--font-size-base);font-family:var(--font-primary);border:1.5px solid var(--color-primary-light);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.recall-page__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b8a26}.recall-page__input--error{border-color:#e84570}.recall-page__toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);opacity:.6;transition:opacity .2s ease}.recall-page__toggle:hover{opacity:1}.recall-page__error{font-size:var(--font-size-sm);color:var(--color-primary-dark);font-weight:600;text-align:center}.recall-page__decrypt-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.recall-page__decrypt-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.recall-page__decrypt-btn:disabled{opacity:.5;cursor:not-allowed}.recall-page__btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:recall-spin .7s linear infinite}.recall-page__divider{width:80%;max-width:240px;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-light),transparent);margin:var(--spacing-lg) 0;border:none}.recall-page__fresh-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.recall-page__fresh-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.recall-page__fresh-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease;text-decoration:none}.recall-page__fresh-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none}.recall-page__info{font-size:var(--font-size-xs);color:var(--text-light);max-width:280px;line-height:1.5}.recall-page__meta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.recall-page__meta-item{font-size:var(--font-size-sm);color:var(--text-secondary)}.recall-page__preview{width:100%;max-width:340px;max-height:300px;overflow-y:auto;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm);margin:var(--spacing-sm) 0;text-align:left}.recall-page__preview-text{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.7;white-space:pre-wrap;word-break:break-word}.recall-page__actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:320px;margin-top:var(--spacing-md)}.recall-page__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:700;border-radius:var(--radius-full);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.recall-page__action-btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md),0 4px 20px #ff6b8a59}.recall-page__action-btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #ff6b8a66}.recall-page__action-btn--secondary{background:var(--color-secondary);color:#fff;box-shadow:var(--shadow-md),0 4px 20px #7c5cfc4d}.recall-page__action-btn--secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 25px #7c5cfc66}.recall-page__action-btn--secondary:disabled{opacity:.6;cursor:not-allowed}.recall-page__action-btn--ghost{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm)}.recall-page__action-btn--ghost:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.recall-page__link-box{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;max-width:340px;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm);margin:var(--spacing-sm) 0}.recall-page__link-text{flex:1;font-size:var(--font-size-sm);color:var(--text-primary);word-break:break-all;text-align:left}.recall-page__copy-btn{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full);transition:transform .2s ease}.recall-page__copy-btn:hover{transform:translateY(-1px)}.recall-page__secondary-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);border:1.5px solid var(--color-primary-light);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease;text-decoration:none;margin-top:var(--spacing-md)}.recall-page__secondary-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none}