:root{--bg: #4a1430;--bg-soft: #6b2344;--paper: rgba(255, 248, 241, .94);--paper-edge: rgba(255, 255, 255, .4);--ink: #4c1730;--ink-soft: #6d3350;--rose: #e34f7b;--rose-deep: #c95979;--rose-soft: rgba(238, 141, 166, .14);--cream: #fff8f0;--panel: rgba(255, 248, 244, .14);--line: rgba(255, 255, 255, .12);--shadow: 0 18px 36px rgba(33, 2, 15, .28);color-scheme:dark;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{background:var(--bg)}html.recipient-app-mode,body.recipient-app-mode{height:100dvh;min-height:100dvh;overflow:hidden;overscroll-behavior:none}body.recipient-app-mode{max-height:100dvh}body.recipient-app-mode #root{height:100dvh;min-height:100dvh;overflow:hidden}body.recipient-app-mode .app-shell{min-height:100dvh;height:100dvh;max-height:100dvh;overflow:hidden}body.recipient-app-mode .page-shell.page-shell-recipient{min-height:100dvh}body{margin:0;min-height:100vh;background:var(--bg);color:var(--cream)}button,input,textarea{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-shell.app-shell-scrollable{overflow:visible}.page-shell{--page-shell-inline-gap: 16px;--page-shell-inline-start: calc(var(--page-shell-inline-gap) + env(safe-area-inset-left));--page-shell-inline-end: calc(var(--page-shell-inline-gap) + env(safe-area-inset-right));position:relative;z-index:1;width:min(100%,560px);margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 0 max(16px,calc(12px + env(safe-area-inset-bottom))) 0;display:grid;gap:12px}.page-shell-wide{width:min(100%,1260px)}.background{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,131,171,.18),transparent 28%),radial-gradient(circle at 82% 22%,rgba(255,224,195,.12),transparent 24%),radial-gradient(circle at 18% 92%,rgba(255,180,194,.18),transparent 26%),radial-gradient(circle at 84% 82%,rgba(255,105,155,.12),transparent 24%),linear-gradient(180deg,#4a1430,#5d1d3a 52%,#421128);pointer-events:none}.orb,.sparkle,.floating-heart{position:absolute}.orb{border-radius:999px}.orb-one{width:280px;height:280px;top:-72px;left:-100px;background:#ff83ab33}.orb-two{width:220px;height:220px;top:16%;right:-76px;background:#ffe0c31f}.orb-three{width:300px;height:300px;bottom:-130px;left:-90px;background:#ffb4c224}.orb-four{width:250px;height:250px;bottom:18%;right:-84px;background:#ff699b1f}.sparkle{border-radius:999px;background:#fff5ee80}.floating-heart{font-size:18px;color:#ffd6e46b;opacity:0;transform:translate3d(0,110vh,0) scale(.7) rotate(-10deg);animation:float-heart 10s linear infinite;animation-fill-mode:backwards}@keyframes float-heart{0%{transform:translate3d(0,110vh,0) scale(.7) rotate(-10deg);opacity:0}14%{opacity:.42}84%{opacity:.22}to{transform:translate3d(18px,-18vh,0) scale(1.08) rotate(10deg);opacity:0}}.header,.install-strip,.panel,.card{position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:var(--page-shell-inline-start);padding-right:var(--page-shell-inline-end)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-button{padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.brand-button:hover:not(:disabled){transform:none;opacity:.94}.brand-copy{min-width:0}.brand-title{font-size:18px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.brand-subtitle{margin:4px 0 0;color:#fff4ecb8;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.space-badge{padding:8px 10px;border-radius:999px;background:#ffffff1f;color:var(--cream);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;white-space:nowrap}.profile-menu{position:relative}.profile-trigger{min-height:48px;padding:6px 10px 6px 6px;border-radius:999px;background:#ffffff1f;color:var(--cream);box-shadow:none;gap:8px}.profile-trigger:hover:not(:disabled){background:#ffffff29}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;overflow:hidden;background:#ffffff2e;color:#fff7fb;box-shadow:inset 0 0 0 1px #ffffff1f}.profile-avatar-image{width:100%;height:100%;object-fit:cover}.profile-avatar-initial{font-size:14px;font-weight:700;letter-spacing:.04em}.profile-trigger svg{width:15px;height:15px;opacity:.82}.profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:12;width:min(280px,calc(100vw - 32px));padding:14px;border-radius:22px;border:1px solid rgba(255,233,214,.12);background:#200c17f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 44px #1201094d;display:grid;gap:12px}.profile-dropdown-kicker{margin:0 0 6px;color:#fff1f78a;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.profile-dropdown-name{margin:0;color:var(--cream);font-size:16px;line-height:1.4;font-weight:700}.profile-logout-button{width:100%}.paper-heart-logo{position:relative;width:62px;height:54px;flex:0 0 auto}.paper-heart-logo .paper{position:absolute;left:0;top:0;width:46px;height:36px;border-radius:12px;background:linear-gradient(180deg,#fffcf9fa,#fff0e8f0);box-shadow:0 18px 30px #21020f2e}.paper-heart-logo .paper:before{content:"";position:absolute;top:0;right:0;border-left:10px solid transparent;border-bottom:10px solid rgba(235,205,198,.95)}.paper-heart-logo .mark{position:absolute;left:9px;height:2px;border-radius:999px;background:#d67a906b}.paper-heart-logo .mark-one{top:12px;width:18px}.paper-heart-logo .mark-two{top:18px;width:24px}.paper-heart-logo .mark-three{top:24px;width:14px}.paper-heart-logo .heart{position:absolute;right:0;bottom:0;width:22px;height:22px;background:#ef5b87;transform:rotate(-45deg);border-radius:6px}.paper-heart-logo .heart:before,.paper-heart-logo .heart:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#ef5b87}.paper-heart-logo .heart:before{top:-11px;left:0}.paper-heart-logo .heart:after{left:11px;top:0}.install-strip,.panel{margin-left:var(--page-shell-inline-start);margin-right:var(--page-shell-inline-end);border-radius:24px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.install-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.install-strip.compact{border-radius:18px}.install-strip.embedded{margin-left:0;margin-right:0}.install-copy{min-width:0}.install-title{margin:0 0 4px;font-size:14px;font-weight:700}.install-text,.panel-note,.state-note,.empty-copy,.page-note{margin:0;color:#fff1f7cc;font-size:13px;line-height:1.55}.page-note{padding-left:var(--page-shell-inline-start);padding-right:var(--page-shell-inline-end)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:16px;padding:13px 16px;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.7;transform:none}.button-primary,.button-accept{background:linear-gradient(180deg,#f06d97,#d54b75);color:#fff8fb;box-shadow:0 16px 28px #d54b7533}.button-secondary,.button-deny{background:#ffffff1a;color:var(--cream)}.button-danger{background:#801132e6;color:#fff4f8;box-shadow:0 16px 28px #80113238}.full-width-button,.auth-button,.install-button{width:100%}.auth-actions{display:grid;gap:12px}.auth-button{gap:12px;justify-content:flex-start;padding-left:14px;padding-right:18px;text-align:left;text-decoration:none}.auth-button-google{background:linear-gradient(180deg,#f06d97,#d54b75)}.auth-button-facebook{background:linear-gradient(180deg,#3568d4,#1d4fb7);box-shadow:0 16px 28px #1d4fb73d}.auth-button-logo{display:block;width:24px;height:24px;flex-shrink:0}.panel{padding:22px 24px;box-shadow:0 20px 36px #12010929}.panel-paper{background:#fff8f11f}.panel-soft{margin:0;background:#ffffff14}.panel-kicker,.eyebrow,.state-eyebrow,.chat-kicker{margin:0 0 10px;color:var(--rose-deep);font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700}.panel-title,.subpanel-title,.state-title,.card-title,.chat-title,.preview-card h4{margin:0;font-family:Didot,Times New Roman,serif;letter-spacing:-.02em}.panel-title{font-size:clamp(1.45rem,3vw,1.95rem);line-height:1.08}.subpanel-title{font-size:20px;color:var(--cream)}.state-card,.card{width:calc(100% - (var(--page-shell-inline-start) + var(--page-shell-inline-end)));margin-left:auto;margin-right:auto}.card{position:relative;background:var(--paper);color:var(--ink);border:1px solid var(--paper-edge);border-radius:32px;padding:22px 24px 24px;overflow:hidden;box-shadow:var(--shadow),inset 0 1px #ffffff6b}.state-card{text-align:center;align-items:center;justify-content:center}.state-logo{margin-bottom:24px}.state-title{color:var(--ink);font-size:clamp(2rem,5vw,2.4rem);line-height:1.08}.state-body{margin:16px 0 0;color:var(--ink-soft);font-size:1rem;line-height:1.72}.state-actions{width:min(100%,320px);margin:24px auto 0}.state-note{margin-top:14px;color:#6d3350c7}.sender-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;padding-left:var(--page-shell-inline-start);padding-right:var(--page-shell-inline-end)}.sender-sidebar,.sender-content{display:grid;gap:16px;align-content:start}.sender-layout .panel,.sender-layout .card{width:100%;margin-left:0;margin-right:0}.text-input{width:100%;margin:16px 0;border:1px solid rgba(255,255,255,.12);background:#0b081038;color:var(--cream);border-radius:18px;padding:14px 16px}.letter-list{display:grid;gap:12px;margin-top:14px}.letter-item{width:100%;text-align:left;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#0b081047;color:var(--cream);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.letter-item:hover{transform:translateY(-1px)}.letter-item.active{border-color:#ffe0c361;background:#ffffff1a}.letter-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.letter-item span{font-weight:700}.letter-item small{display:block;color:#fff1f7c7;line-height:1.45}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;font-weight:700;white-space:nowrap}.status-open{background:#ffffff24;color:var(--cream)}.status-claimed{background:#ffe0c329;color:#ffe1c4}.status-accepted{background:#7bc98d2e;color:#e3ffe9}.status-denied{background:#ffafc32e;color:#ffe7ef}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.break-word{overflow-wrap:anywhere}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.metric{padding:14px 16px;border-radius:20px;background:#ffffff14}.metric .label{display:block;color:#fff1f7a3;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.metric .value{display:block;margin-top:6px;font-size:15px;font-weight:700;color:var(--cream)}.sender-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.meta-list{display:grid;gap:12px;margin:14px 0 18px}.meta-list div{display:grid;gap:4px}.meta-list dt{color:#fff1f7a3;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.meta-list dd{margin:0;color:var(--cream);line-height:1.5;overflow-wrap:anywhere}.letter-preview-grid{display:grid;gap:10px;margin-top:14px}.preview-card{padding:16px;border-radius:20px;background:#fff8f1e6;color:var(--ink)}.preview-card h4{font-size:1.2rem;line-height:1.1}.preview-card p:last-child{color:var(--ink-soft);line-height:1.58}.letter-experience{display:grid;gap:10px}.stage{position:relative;min-height:0}.stage-glow{position:absolute;top:24px;right:32px;bottom:24px;left:32px;border-radius:48px;background:#ffdac31f;filter:blur(12px)}.viewport{position:relative;width:100%;max-width:100%}.viewport-scroll{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-left:var(--page-shell-inline-start);padding-right:var(--page-shell-inline-end)}.viewport-scroll::-webkit-scrollbar{display:none}.track{display:flex;gap:12px}.track-scroll{padding-bottom:4px}.page{flex:0 0 calc(100% - 48px);max-width:calc(100% - 48px);scroll-snap-align:center;opacity:.56;transition:opacity .24s ease}.card-glow{position:absolute;right:-40px;top:-64px;width:180px;height:180px;border-radius:999px;background:#ffccb457}.paper-rule{position:absolute;left:22px;right:22px;border-top:1px solid rgba(220,165,174,.12)}.rule-1{top:16%}.rule-2{top:28%}.rule-3{top:40%}.rule-4{top:52%}.rule-5{top:64%}.rule-6{top:76%}.card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.eyebrow{color:var(--rose-deep)}.seal{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--rose-soft);color:#b34a6d;font-size:11px;letter-spacing:.06em;font-weight:700;text-transform:uppercase}.seal-heart{color:#d85079;font-size:12px;line-height:1}.card-title{position:relative;color:var(--ink);font-size:clamp(2rem,4.8vw,2.35rem);line-height:1.08}.card-body{position:relative;margin:18px 0 0;color:var(--ink-soft);font-size:clamp(1rem,2.7vw,1.1rem);line-height:1.72}.swipe-hint{margin-top:24px;color:#c26684;font-size:13px;line-height:1.5}.last-page-actions{display:flex;gap:12px;margin-top:24px}.letter-footer{display:flex;justify-content:center}.field-label{display:grid;gap:8px}.field-label>span{color:#fff1f7b8;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.page-editor-input,.page-editor-textarea{margin:0}.page-editor-textarea{min-height:136px;resize:vertical}.page-count{color:#fff4ecb8;font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase}.chat-card{min-height:72vh;display:flex;flex-direction:column;gap:12px}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-title{color:var(--ink);font-size:clamp(1.9rem,4.6vw,2.25rem);line-height:1.06}.chat-caption{margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.55}.chat-permission{padding:14px 16px;border-radius:20px;background:#ffffff75;border:1px solid rgba(214,166,175,.26)}.chat-thread-shell{position:relative;min-height:0;flex:1 1 auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.chat-notice-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;padding:18px calc(var(--page-shell-inline-end) + 2px) calc(18px + env(safe-area-inset-bottom)) calc(var(--page-shell-inline-start) + 2px)}.chat-notice-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#260c1924;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.chat-notice-card{position:relative;width:min(100%,320px);padding:18px 18px 16px;border-radius:22px;background:#fff9f6f5;border:1px solid rgba(196,137,157,.24);box-shadow:0 24px 48px #551f352e}.page-shell-recipient .chat-notice-card{background:#fff8f4f5}.chat-notice-kicker{margin:0 0 8px;color:#6d33509e;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.chat-notice-text{margin:0;color:var(--ink);font-size:14px;line-height:1.55;overflow-wrap:anywhere}.chat-notice-actions{display:flex;justify-content:flex-end;margin-top:14px}.chat-notice-button{flex:0 0 auto;min-height:42px;padding:10px 16px;border-radius:14px;background:#6d335014;color:var(--ink);box-shadow:0 10px 22px #7429442e}.workspace-notice-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.workspace-notice-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#13030c38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.workspace-notice-card{position:relative;z-index:1;width:min(100%,360px);padding:20px 20px 18px;border-radius:26px;background:#fff9f6f7;border:1px solid rgba(196,137,157,.24);box-shadow:0 28px 54px #551f353d}.workspace-notice-kicker{margin:0 0 8px;color:#6d33509e;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.workspace-notice-text{margin:0;color:var(--ink);font-size:14px;line-height:1.58;overflow-wrap:anywhere}.workspace-notice-actions{display:flex;justify-content:flex-end;margin-top:14px}.workspace-notice-button{min-height:42px;border-radius:14px;background:#6d335014;color:var(--ink);box-shadow:0 10px 22px #7429442e}.sender-confirm-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;display:flex;align-items:center;justify-content:center;padding:20px}.sender-confirm-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#13030c38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.sender-confirm-dialog{position:relative;z-index:1;width:min(100%,360px);padding:20px 20px 18px;border-radius:26px;background:#fff9f6fa;border:1px solid rgba(196,137,157,.24);box-shadow:0 28px 54px #24061242}.sender-confirm-dialog .subpanel-title{margin:0;color:var(--ink)}.sender-confirm-copy{margin:12px 0 0;color:var(--ink-soft);line-height:1.58}.sender-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.sender-confirm-actions .button{min-height:48px;box-shadow:0 10px 22px #7429442e}.sender-confirm-actions .button-secondary{background:#6d335014;color:var(--ink)}.sender-confirm-actions .button-deny{background:linear-gradient(180deg,#e16b8f,#c94d73);color:#fff8fb}.sender-form-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;display:flex;align-items:center;justify-content:center;padding:20px}.sender-form-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#13030c38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.sender-form-dialog{position:relative;z-index:1;width:min(100%,420px);padding:20px 20px 18px;border-radius:26px;background:#fff9f6fa;border:1px solid rgba(196,137,157,.24);box-shadow:0 28px 54px #24061242}.sender-form-dialog .subpanel-title{margin:0;color:var(--ink)}.sender-form-copy{margin:12px 0 0;color:var(--ink-soft);line-height:1.58}.sender-form-field{margin-top:16px}.sender-form-field>span{color:#6d3350c2}.sender-form-textarea{min-height:140px;color:var(--ink);background:#6d33500f;border-color:#c4899d3d}.sender-form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.sender-form-actions .button{min-height:48px;box-shadow:0 10px 22px #7429442e}.sender-form-actions .button-secondary{background:#6d335014;color:var(--ink)}.opening-message-field{margin-top:16px}.opening-message-textarea{min-height:128px}.opening-message-actions{display:flex;justify-content:flex-end;margin-top:14px}.chat-scroll{display:flex;flex-direction:column;scrollbar-width:none;min-height:0;overflow:auto;padding-right:4px;margin-right:-4px}.chat-row{display:flex}.chat-bubble{max-width:min(84%,320px);min-width:0;padding:13px 15px 11px;border-radius:22px;box-shadow:0 12px 22px #551f3514}.chat-bubble-body{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.chat-bubble-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;opacity:.8}.chat-bubble-time{opacity:.74}.chat-composer{display:grid;gap:8px}.chat-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.chat-composer-box{width:100%;min-height:54px;max-height:160px;resize:vertical;border:1px solid rgba(214,166,175,.26);background:#ffffff6b;color:var(--ink);border-radius:18px;padding:14px 16px}.chat-send-button{min-width:112px}.chat-error{margin:0;color:#c15475;font-size:13px;line-height:1.5}.global-notice{position:relative;z-index:2;padding:12px 16px 0;text-align:center;color:#ffd6e1}@media (max-width: 1100px){.sender-layout,.sender-detail-grid{grid-template-columns:1fr}}@media (max-width: 760px){.page-shell,.page-shell-wide{width:100%}.install-strip,.detail-head,.detail-actions{flex-direction:column;align-items:flex-start}.header{flex-direction:row;align-items:center}.detail-actions{width:100%}.status-strip,.chat-composer-row{grid-template-columns:1fr}.chat-send-button,.detail-actions .button{width:100%}.page{flex-basis:calc(100% - 32px);max-width:calc(100% - 32px)}.workspace-notice-layer,.sender-preview-layer{padding:0}.workspace-notice-card{width:calc(100% - 24px)}.sender-preview-shell{width:100%;max-width:none;height:100dvh;border-radius:0;border-left:0;border-right:0;box-shadow:none}.sender-preview-toolbar{bottom:calc(84px + env(safe-area-inset-bottom))}.sender-preview-save-dock{top:calc(84px + env(safe-area-inset-top))}.sender-preview-insert-sheet{bottom:calc(154px + env(safe-area-inset-bottom));width:min(280px,calc(100% - 20px))}.sender-preview-editor-sheet{left:10px;right:10px;bottom:calc(160px + env(safe-area-inset-bottom))}.profile-dropdown{width:min(280px,calc(100vw - 24px))}}.page-shell-recipient{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;padding:calc(12px + env(safe-area-inset-top)) 0 max(6px,env(safe-area-inset-bottom)) 0;display:flex;flex-direction:column;gap:6px}.page-shell-recipient.page-shell-recipient-scrollable{height:auto;max-height:none;min-height:100vh;overflow:visible;overscroll-behavior:auto}.page-shell-recipient,.page-shell-recipient .stage,.page-shell-recipient .viewport-stage,.page-shell-recipient .viewport-letter{overscroll-behavior:none}.page-shell-recipient.page-shell-recipient-scrollable,.page-shell-recipient.page-shell-recipient-scrollable .stage,.page-shell-recipient.page-shell-recipient-scrollable .viewport-stage,.page-shell-recipient.page-shell-recipient-scrollable .viewport-letter{overscroll-behavior:auto}.page-shell-recipient.page-shell-recipient-scrollable .stage{overflow:visible}.page-shell-recipient .header,.page-shell-recipient .stage,.page-shell-recipient .footer{position:relative;z-index:1}.page-shell-recipient .header{gap:10px;margin-bottom:0;min-width:0;flex-direction:row;align-items:center;justify-content:space-between}.header.recipient-header{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:5px}.page-shell-recipient .header-actions{flex:0 1 auto;min-width:0;flex-wrap:nowrap}.page-shell-recipient .brand{flex:1 1 auto;min-width:0}.page-shell-recipient .brand-button{flex:1 1 auto}.page-shell-recipient .brand-title{letter-spacing:.24em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-shell-recipient .page-count{color:#fff4ecb8;font-size:11px;letter-spacing:.14em;font-weight:700;white-space:nowrap;max-width:10ch;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.header-call-button{background:#ffffff24;color:#fff5ee;box-shadow:none}.header-call-button:hover:not(:disabled){background:#ffffff2e;transform:none}.header-call-button.is-active{background:linear-gradient(180deg,#f06d97,#d54b75);box-shadow:0 16px 28px #d54b7533}.page-shell-recipient .header-call-button{flex:0 0 auto}.page-shell-recipient .header-call-button:disabled{opacity:.42;cursor:default}.recipient-back-button{gap:8px;min-height:44px;padding:0 14px;border-radius:16px;background:#ffffff24;color:#fff5ee;box-shadow:none}.recipient-back-button:hover:not(:disabled){background:#ffffff2e;transform:none}.recipient-back-button svg{width:16px;height:16px}.sender-preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:24;display:flex;align-items:center;justify-content:center;padding:0}.sender-preview-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#13030c57;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.sender-preview-shell{position:relative;z-index:1;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;background:#190a14db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:none}.sender-preview-stage{flex:1;min-height:0;display:flex}.sender-preview-shell .letter-experience{width:100%}.sender-preview-shell .viewport-letter{width:min(100%,430px);max-width:100%;min-height:0}.sender-preview-shell .page{flex-basis:calc(100% - 44px);max-width:calc(100% - 44px)}.sender-preview-header{padding-right:calc(var(--page-shell-inline-end) + 2px)}.sender-preview-header-right{display:flex;align-items:center;gap:10px}.sender-preview-close-button{width:44px;min-width:44px;height:44px;border-radius:16px;background:#ffffff24;color:#fff5ee;box-shadow:none}.sender-preview-close-button:hover:not(:disabled){background:#ffffff2e;transform:none}.sender-preview-toolbar{position:absolute;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:4;display:inline-flex;align-items:center;gap:12px;padding:10px 12px;border-radius:999px;background:#14070fc2;border:1px solid rgba(255,233,214,.12);box-shadow:0 18px 36px #12010947;transform:translate(-50%)}.sender-preview-page-toolbar{z-index:4}.sender-preview-toolbar-button{width:52px;min-width:52px;height:52px;border-radius:18px;background:#ffffff24;color:#fff6f4;box-shadow:none}.sender-preview-toolbar-button:hover:not(:disabled){background:#ffffff2e;transform:none}.sender-preview-toolbar-button.is-active{background:linear-gradient(180deg,#f06d97,#d54b75);color:#fff8fb;box-shadow:0 16px 28px #d54b7533}.sender-preview-delete-button{background:#ffffff1a;color:#fff0f4}.sender-preview-save-dock{position:absolute;left:50%;top:calc(74px + env(safe-area-inset-top));z-index:4;transform:translate(-50%)}.sender-preview-save-button{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border-radius:18px;max-width:calc(100vw - 32px);background:linear-gradient(180deg,#f06d97,#d54b75);color:#fff8fb;box-shadow:0 16px 28px #d54b7533}.sender-preview-save-button:hover:not(:disabled){transform:none}.sender-preview-save-button svg{width:18px;height:18px}.sender-preview-insert-sheet{position:absolute;left:50%;bottom:calc(144px + env(safe-area-inset-bottom));z-index:5;width:min(280px,calc(100% - 28px));padding:14px;border-radius:22px;background:#1c0913e6;border:1px solid rgba(255,233,214,.12);box-shadow:0 22px 40px #1201094d;transform:translate(-50%)}.sender-preview-insert-sheet .panel-kicker{margin:0 0 10px;color:#ffeee6b8}.sender-preview-insert-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sender-preview-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#0c040a61;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sender-preview-confirm-dialog{position:absolute;left:50%;top:50%;z-index:7;width:min(320px,calc(100% - 28px));padding:18px;border-radius:24px;background:#fff8f4fa;border:1px solid rgba(196,137,157,.24);box-shadow:0 28px 54px #24061242;transform:translate(-50%,-50%)}.sender-preview-confirm-dialog .subpanel-title{margin:0;color:var(--ink)}.sender-preview-confirm-copy{margin:12px 0 0;color:var(--ink-soft);line-height:1.5}.sender-preview-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.sender-preview-confirm-actions .button{min-height:48px;box-shadow:0 10px 22px #7429442e}.sender-preview-confirm-actions .button-secondary{background:#6d335014;color:var(--ink)}.sender-preview-confirm-actions .button-deny{background:linear-gradient(180deg,#e16b8f,#c94d73);color:#fff8fb}.sender-preview-editor-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#0f050b57;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.sender-preview-editor-sheet{position:absolute;left:14px;right:14px;bottom:calc(150px + env(safe-area-inset-bottom));z-index:6;padding:16px;border-radius:26px;background:#fff8f4f5;border:1px solid rgba(196,137,157,.24);box-shadow:0 26px 52px #551f3533}.sender-preview-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.sender-preview-editor-head .subpanel-title{color:var(--ink)}.sender-preview-editor-close{width:34px;flex:0 0 34px;min-width:34px;height:34px;align-self:flex-start;border-radius:12px;background:#6d335014;color:var(--ink);box-shadow:none}.sender-preview-editor-fields{display:grid;gap:12px}.sender-preview-editor-actions{display:flex;justify-content:flex-end;margin-top:14px}.sender-preview-editor-ok{min-width:88px}.letter-experience{display:flex;flex:1;min-height:0}.stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.stage-glow{position:absolute;width:min(88vw,560px);height:min(64vh,520px);border-radius:48px;background:#ffdac31f;filter:blur(12px);inset:auto}.page-shell-recipient .viewport-stage{width:min(100%,460px);max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.page-shell-recipient .viewport-stage-static{touch-action:none}.page-shell-recipient .viewport-letter{width:min(100%,460px);max-width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.track{display:flex;align-items:center;gap:12px;width:100%;min-height:100%;transition:transform .34s cubic-bezier(.22,1,.36,1);will-change:transform}.page{flex:0 0 calc(100% - 48px);max-width:calc(100% - 48px);display:flex;align-items:center;justify-content:center;padding:0;opacity:.52;transition:opacity .28s ease}.page.is-active{opacity:1}.page-shell-recipient .card{min-height:min(68dvh,580px);width:100%;max-width:430px;margin:0 auto;padding:22px 24px 24px;display:flex;flex-direction:column;max-height:100%}.page-shell-recipient .state-card{width:calc(100% - (var(--page-shell-inline-start) + var(--page-shell-inline-end)));max-width:430px;align-items:center;justify-content:center;text-align:center}.page-shell-recipient .recipient-page-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;flex:1 1 0;min-height:52px;padding:15px 18px;border-radius:18px;font-size:15px;font-weight:700;box-shadow:0 10px 22px #7429442e}.page-shell-recipient .recipient-page-button.auth-button{justify-content:center;text-align:center}.page-shell-recipient .recipient-page-button.button-primary,.page-shell-recipient .recipient-page-button.button-accept{background:var(--rose);color:#fff9fb;box-shadow:0 10px 22px #7429442e}.page-shell-recipient .recipient-page-button.button-secondary,.page-shell-recipient .recipient-page-button.button-deny{background:#6d335014;color:var(--ink);box-shadow:0 10px 22px #7429442e}.page-shell-recipient .card-title{margin:0 0 18px}.page-shell-recipient .card-body{margin:0}.page-shell-recipient .seal{text-transform:none}.page-shell-recipient .state-title{margin:0 0 16px;max-width:13ch}.page-shell-recipient .state-body{margin:0;max-width:30ch}.page-shell-recipient .state-note{max-width:34ch}.answered-box{margin-top:22px;width:100%;padding:18px 20px;border-radius:22px;background:#ffffff6b;text-align:left}.answered-title{margin:0 0 8px;color:var(--ink);font-size:18px;font-weight:700}.answered-text{margin:0;color:var(--ink-soft);font-size:15px;line-height:1.65}.swipe-hint,.last-hint{position:relative;margin-top:auto;padding-top:24px;color:#c26684;font-size:13px;line-height:1.5}.last-page-actions{position:relative;display:flex;gap:12px;margin-top:auto;padding-top:24px}.chat-card{width:100%;min-height:min(72dvh,620px);height:100%;display:flex;flex-direction:column;gap:12px}.page-shell-recipient .chat-card{width:min(100%,460px);max-width:100%;padding:4px 0 0}.chat-permission{margin-bottom:14px;padding:14px 16px;border-radius:20px;background:#ffffff75;border:1px solid rgba(214,166,175,.26)}.chat-permission-title{margin:0 0 6px;color:var(--ink);font-size:14px;font-weight:700}.chat-permission-text{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.chat-thread-shell{min-height:0;flex:1 1 auto;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}.chat-scroll{position:relative;display:flex;flex-direction:column;scrollbar-width:none;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:4px 4px 2px 0;margin-right:-4px;overscroll-behavior:contain;touch-action:pan-y}.chat-scroll::-webkit-scrollbar{display:none;width:0;height:0}.chat-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#aa5b7638}.chat-empty{display:grid;place-items:center;min-height:100%;text-align:center;color:#6d3350b8;font-size:14px;line-height:1.6;padding:18px 6px}.chat-empty p{margin:0;white-space:pre-line}.chat-history-status{margin:0 auto 4px;padding:8px 14px;border-radius:999px;background:#fff8f4eb;border:1px solid rgba(214,166,175,.28);color:var(--ink-soft);font-size:12px;line-height:1.4;text-align:center}.chat-list{display:flex;flex-direction:column;gap:12px;min-height:100%;justify-content:flex-end}.page-shell-recipient .chat-list{padding-bottom:2px}.chat-row{display:flex;padding-left:var(--page-shell-inline-start);padding-right:var(--page-shell-inline-end)}.chat-row-own{justify-content:flex-end}.chat-row-other{justify-content:flex-start}.chat-bubble{max-width:min(86%,290px);min-width:0;padding:13px 15px 11px;position:relative;border-radius:22px;box-shadow:0 12px 22px #551f3514;transition:transform .18s ease,box-shadow .18s ease;touch-action:pan-y;will-change:transform}.chat-bubble-own{background:linear-gradient(180deg,#e74f7bf0,#c44971f5);border-top-right-radius:10px;color:#fff7fb}.chat-bubble-other{background:#fceae2f5;border-top-left-radius:10px;color:var(--ink)}.chat-bubble-body{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.chat-inline-link{color:inherit;text-decoration:underline;text-decoration-color:#6d335052;text-underline-offset:2px;overflow-wrap:anywhere}.chat-bubble-own .chat-inline-link{text-decoration-color:#ffffff73}.chat-bubble-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;font-size:11px;color:#fff7fbcc}.chat-bubble-other .chat-bubble-meta{color:#6d3350b8}.chat-bubble-time{display:block;font-size:11px;opacity:.72}.chat-composer{position:relative;display:grid;gap:8px;padding-left:var(--page-shell-inline-start);padding-right:var(--page-shell-inline-end)}.chat-composer-row{display:flex;align-items:flex-end;gap:8px}.chat-composer-box{width:100%;flex:1 1 auto;min-height:50px;height:50px;max-height:128px;resize:none;border:1px solid rgba(196,137,157,.28);border-radius:18px;background:#ffffff8f;padding:14px 16px;color:var(--ink);font:inherit;line-height:1.5;outline:none;overflow-y:hidden}.chat-composer-box::placeholder{color:#6d33508a}.chat-composer-box:focus{border-color:#e34f7b66;box-shadow:0 0 0 3px #e34f7b14}.chat-send-button{flex:0 0 auto;width:50px;height:50px;min-width:50px;padding:0;border-radius:18px}.chat-send-button.is-hidden{display:none}.send-icon{width:18px;height:18px}.footer{margin-top:0;flex:0 0 auto}.dots{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.dot{width:9px;height:9px;border-radius:999px;transition:transform .2s ease,background .2s ease}.dot-active{background:#fff5ee;transform:scale(1)}.dot-inactive{background:#fff1e647;transform:scale(.88)}.footer-row{display:flex;align-items:center;justify-content:center;gap:14px;color:#fff4ecc7;font-size:12px}.footer-text{margin:0;text-align:center}.chat-kicker{margin:0 0 8px;color:#6d335094;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.chat-head{align-items:flex-start;gap:12px}.chat-head>div{min-width:0}.chat-title{margin:0}.chat-caption{margin:10px 0 0}.icon-button{flex:0 0 auto;width:50px;min-width:50px;height:50px;padding:0;border-radius:18px;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{width:18px;height:18px}.sender-preview-toolbar .icon-button svg,.sender-preview-close-button svg,.sender-preview-editor-close svg,.profile-trigger svg{width:18px;height:18px}.chat-call-button{flex:0 0 auto}.chat-call-button.is-active{transform:translateY(-1px);box-shadow:0 14px 24px #74294438}.chat-bubble-has-reactions{margin-bottom:24px}.chat-bubble-selected{box-shadow:0 0 0 2px #e34f7b3d,0 22px 34px #551f3529,inset 0 0 0 999px #ffffff0f;filter:brightness(1.05)}.chat-bubble-own.chat-bubble-selected{box-shadow:0 0 0 2px #ffffff47,0 20px 34px #12010947,inset 0 0 0 999px #ffffff0d;filter:brightness(1.06)}.chat-bubble-highlight{box-shadow:0 0 0 2px #ffffffd9,0 0 0 7px #e34f7b29,0 20px 36px #551f3524;animation:chat-highlight 1s ease}.chat-bubble-own.chat-bubble-highlight{box-shadow:0 0 0 2px #ffffffe6,0 0 0 7px #ef5b8729,0 20px 36px #1201093d}.chat-bubble-swipe-active{box-shadow:0 0 0 2px #e34f7b24,0 18px 30px #551f352e}.chat-bubble-own.chat-bubble-swipe-active{box-shadow:0 0 0 2px #ffffff38,0 16px 30px #1201093d}.chat-bubble-reply{margin-bottom:9px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;padding:9px 10px;border-radius:14px;background:#6d335014}.chat-bubble-own .chat-bubble-reply{background:#ffffff1f}.chat-bubble-reply[data-source-message-id]{cursor:pointer}.chat-bubble-reply-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:1px;opacity:.78}.chat-bubble-reply-label svg{width:14px;height:14px}.chat-bubble-reply-text{margin:0;grid-column:2;font-size:12px;line-height:1.45;opacity:.92;overflow-wrap:anywhere;word-break:break-word}.chat-bubble-status{display:inline-flex;align-items:center;gap:3px;font-size:11px;opacity:.78;white-space:nowrap;color:#fff7fbcc}.chat-bubble-other .chat-bubble-status{color:#6d335094}.chat-bubble-status.is-read{color:#7ec2ff;opacity:1}.chat-bubble-status-mark{font-weight:700;letter-spacing:-.08em}.chat-reaction-strip{position:absolute;right:-4px;bottom:-12px;display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;max-width:calc(100% - 8px);z-index:2}.chat-reaction-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:none;border-radius:999px;background:#6d335014;color:inherit;font:inherit;font-size:12px;line-height:1;cursor:pointer;box-shadow:0 10px 18px #551f3524}.chat-bubble-own .chat-reaction-chip{background:#ffffff1f}.chat-reaction-chip.is-selected{background:#6d335029;box-shadow:0 10px 20px #551f352e;transform:translateY(-1px)}.chat-bubble-own .chat-reaction-chip.is-selected{background:#ffffff38}.chat-reaction-chip-count{opacity:.76;font-size:11px}.chat-bubble-missed-call{border:1px solid rgba(196,137,157,.18)}.chat-bubble-own.chat-bubble-missed-call{border-color:#ffffff24}.missed-call-card{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.missed-call-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#6d335014;font-size:18px}.chat-bubble-own .missed-call-icon{background:#ffffff1f}.missed-call-title{margin:0;font-size:14px;font-weight:700}.missed-call-text{margin:4px 0 0;font-size:13px;line-height:1.5;opacity:.88}.missed-call-button{flex:0 0 auto;margin-top:10px;min-height:38px;padding:10px 14px;border-radius:14px}.chat-orphan-reaction{font-size:13px}.selection-sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:flex-end;justify-content:stretch;padding:max(14px,env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));z-index:30}.selection-sheet-layer.is-visible{display:flex}.selection-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#4015273d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.selection-sheet{position:relative;width:min(100%,520px);margin:auto auto 0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-radius:24px 24px 18px 18px;background:#fffaf7f5;border:1px solid rgba(196,137,157,.22);box-shadow:0 24px 50px #551f3529;animation:selection-sheet-rise .22s ease}.selection-sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:#6d33502e}.selection-sheet-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.selection-sheet-reaction{min-width:42px;height:38px;border:1px solid rgba(196,137,157,.26);border-radius:999px;background:#ffffffb8;color:inherit;font:inherit;font-size:18px;cursor:pointer}.selection-sheet-reaction.is-selected{background:#e34f7b24;border-color:#e34f7b61;box-shadow:0 10px 18px #551f351f;transform:translateY(-1px) scale(1.04)}.selection-sheet-actions{display:grid;gap:8px}.selection-sheet-action{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid rgba(196,137,157,.18);border-radius:16px;background:#ffffffb8;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.selection-sheet-action.is-danger{color:#8f204c;background:#ffe9efeb}.selection-sheet-action:disabled{opacity:.42;cursor:default}.chat-composer-reply{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;background:#ffffff7a;border:1px solid rgba(196,137,157,.22)}.chat-composer-reply-copy{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px}.chat-composer-reply-label{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:1px;color:var(--ink-soft)}.chat-composer-reply-label svg{width:14px;height:14px}.chat-composer-reply-text{margin:0;grid-column:2;color:var(--ink);font-size:12px;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.chat-composer-reply-cancel{border:none;background:transparent;color:var(--ink-soft);padding:0;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.call-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:26;display:flex;align-items:flex-end;justify-content:center;padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));pointer-events:none}.call-panel{width:min(100%,360px);padding:18px 18px 16px;border-radius:24px;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.call-panel-recipient{background:#46142df5;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #14000a47}.call-panel-sender{background:#2e0f24f5;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 48px #0c000857}.call-kicker{margin:0 0 8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.call-panel-recipient .call-kicker{color:#fff0e7b8}.call-panel-sender .call-kicker{color:#ffe9f2bd}.call-title{margin:0;color:var(--cream);font-size:22px;line-height:1.12;font-weight:700}.call-text{margin:10px 0 0;font-size:14px;line-height:1.5}.call-panel-recipient .call-text{color:#fff0e7c2}.call-panel-sender .call-text{color:var(--ink-soft)}.call-error{color:#ffd6e4}.call-controls{display:flex;gap:10px;margin-top:16px}.call-control-button{flex:1 1 0;min-height:42px;padding:11px 14px;border-radius:16px;box-shadow:none}.call-control-button.is-active{background:#f06d9733;color:#fff6fa;box-shadow:0 12px 22px #d54b7524}.call-control-button:disabled{opacity:.42}.call-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.call-panel-sender .call-control-button{background:#ffffff14;color:var(--cream)}.call-panel-recipient .call-control-button{background:#ffffff1a;color:#fff5ee}@keyframes chat-highlight{0%{transform:scale(.994)}35%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes selection-sheet-rise{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 760px){.page-shell-recipient .header{margin-bottom:6px;flex-direction:row;align-items:center}.page-shell-recipient .header-actions{flex-direction:row;align-items:center;width:auto}.stage-glow{width:92vw;height:52dvh}.page-shell-recipient .viewport-stage,.page-shell-recipient .viewport-letter{width:100%}.page-shell-recipient .card{min-height:min(64dvh,540px)}}@media (max-width: 640px){.page-shell-recipient{--page-shell-inline-gap: 14px;padding:calc(10px + env(safe-area-inset-top)) 0 max(6px,env(safe-area-inset-bottom)) 0}.page-shell-recipient .header{gap:8px;flex-direction:row;align-items:center}.page-shell-recipient .brand{gap:8px}.page-shell-recipient .brand-title{font-size:16px;letter-spacing:.18em}.page-shell-recipient .page-count{font-size:11px}.page-shell-recipient .card{min-height:min(61dvh,500px);padding:18px 18px 20px}.track{gap:10px}.page{flex-basis:calc(100% - 44px);max-width:calc(100% - 44px)}.page-shell-recipient .card-title{font-size:clamp(1.9rem,8vw,2.15rem)}.page-shell-recipient .card-body{font-size:1rem;line-height:1.64}.footer-row{flex-direction:column;align-items:center;text-align:center;gap:8px}}@media (max-height: 760px){.page-shell-recipient .card{min-height:min(58dvh,470px)}.page-shell-recipient .card-title{margin-bottom:12px}.page-shell-recipient .card-body{line-height:1.52}}