/* The approved phone, typography, message bubbles, previews and keyboard are imported unchanged. */
.thread{overflow-anchor:none;scroll-behavior:auto}
/* A selected poll is a settled result, not a replaying progress indicator. */
.screen .poll-option[aria-pressed=true]:before{animation:none;transition:none;transform:scaleX(1)}
.replay-layout{max-width:1100px;display:grid;grid-template-columns:minmax(300px,440px) minmax(344px,1fr);align-items:center;gap:80px;margin:auto;padding:38px 24px 60px}
.replay-controls{min-width:0}.replay-controls>h1{font-size:38px;line-height:1.2;margin:0 0 26px}.versions{gap:24px}.versions button{white-space:normal;text-align:left;line-height:1.4}.versions button[aria-pressed=true]{border-bottom-color:var(--ink)}.versions button[aria-pressed=false]{color:var(--muted)}
#chapter{font:24px/1.35 Alpera,Georgia,serif;min-height:64px;margin:25px 0 12px}#chapters{display:grid;gap:1px;margin-bottom:22px}#chapters button{border:0;background:transparent;text-align:left;display:flex;gap:13px;padding:8px 0;font-size:13px;line-height:1.35}#chapters button:hover{color:#286546}#chapters button[aria-current=true]{color:#286546;font-weight:600}#chapters time{font-size:10px;min-width:30px;color:var(--muted);font-variant-numeric:tabular-nums}.playback{max-width:none}.playback output{flex:1;width:auto;text-align:right;padding-right:10px}#seek{margin:12px 0 0;accent-color:#286546}details{border-top:1px solid var(--line);padding-top:14px;margin-top:12px}summary{font-size:12px;color:var(--muted);cursor:pointer}#transcript{padding:0;list-style:none;max-height:260px;overflow:auto;scrollbar-color:#b7b5ad transparent}#transcript li{font-size:12px;line-height:1.5;white-space:pre-line;padding:10px 0;border-bottom:1px solid var(--line)}#transcript strong{display:block;font-size:10px;margin-bottom:4px}
#phone-body{display:flex;flex:1;min-height:0;position:relative;flex-direction:column}.message-view{display:flex;flex:1;min-height:0;flex-direction:column}.screen svg{stroke:currentColor}.avatar img{width:27px;height:25px}.thread-content{position:relative;min-height:100%}.event{position:relative;z-index:1}.bubble{white-space:normal}.reply-count{display:block;border:0;background:none;color:#007aff;font-size:9px;padding:6px 2px;text-align:left}.reply-heading{font-size:10px;color:#777;display:flex;align-items:center;justify-content:center;position:relative;height:28px;flex-shrink:0}.reply-heading button{position:absolute;right:12px;background:transparent;border:0;padding:4px}.reply-heading svg{width:15px;height:15px}
.screen .link-card{display:block;padding:0;text-align:left;font-family:inherit;color:inherit}.link-card .link-content{display:block}.merchant-preview img{object-fit:contain;background:#f7f7f7}.generated-preview{background:var(--paper);height:110px;padding:13px}.generated-preview .wordmark{width:108px;height:auto;aspect-ratio:2172/410;object-fit:cover;margin-bottom:15px}.generated-preview>span{display:block;font:22px/1.15 Alpera,Georgia,serif}.calendar-card{font-family:inherit;text-align:left;color:inherit;cursor:pointer}
.photo-collection{margin:12px 0 8px;width:78%;max-width:228px}.photo-count{font-size:9px;display:flex;align-items:center;gap:3px;color:#007aff;margin-bottom:10px}.photo-count svg{width:11px;height:11px}.photo-stack{position:relative;width:calc(100% - 13px);aspect-ratio:1/1;margin:4px 0 12px 6px;touch-action:pan-y;cursor:grab;outline-offset:7px}.photo-stack:active{cursor:grabbing}.stack-sheet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:15px;user-select:none;pointer-events:none;background:#f5f5f5}.depth-2{transform:translate(-6px,1px) rotate(-7deg);opacity:.8}.depth-1{transform:translate(7px,0) rotate(5deg);opacity:.9}.front-photo{transform:translateX(var(--drag-x,0px));transition:transform .28s cubic-bezier(.16,1,.3,1)}.photo-stack.dragging .front-photo{transition:none}.selected-photo .depth-1,.selected-photo .depth-2{visibility:hidden}
#photo-overlay-host{position:absolute;inset:51px 0 22px;pointer-events:none;z-index:6}.photo-overlay{position:absolute;inset:0;pointer-events:auto;background:#ffffffe3;backdrop-filter:blur(7px);display:flex;flex-direction:column;padding:14px 22px;justify-content:center}.photo-overlay-bar{display:flex;justify-content:flex-end}.photo-overlay-bar button{border:0;background:transparent;padding:8px}.photo-overlay-bar svg{width:19px;height:19px}.photo-focus{width:100%;aspect-ratio:1/1;position:relative;touch-action:pan-y}.photo-focus img{width:100%;height:100%;object-fit:contain;border-radius:16px;pointer-events:none}.photo-menu{margin:16px 0;border-radius:12px;background:#eeeef0;overflow:hidden}.photo-menu button{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:transparent;padding:14px 16px;font-size:13px}.photo-menu svg{width:18px;height:18px}.photo-swipe{animation:photo-swipe .3s cubic-bezier(.16,1,.3,1)}@keyframes photo-swipe{from{transform:translateX(var(--swipe-from,30px));opacity:.6}to{transform:translateX(0);opacity:1}}
.app-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--paper);color:var(--ink)}.app-view button{color:inherit;cursor:pointer}.app-scroll{min-height:0;flex:1;overflow:auto;scrollbar-width:none;overscroll-behavior:contain}.app-scroll::-webkit-scrollbar{display:none}.return-bar{height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;flex-shrink:0;font-size:10px}.return-bar button{display:flex;align-items:center;border:0;background:transparent;padding:3px;gap:3px}.return-bar svg{width:14px;height:14px}.app-header{display:flex;justify-content:space-between;align-items:center;margin:0 15px;padding:15px 0 18px;border-bottom:1px solid var(--line)}.app-header .wordmark{width:175px}.app-header svg{width:20px;height:20px}.safari-bar{height:45px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 12px;flex-shrink:0;background:var(--paper)}.safari-bar button{background:transparent;border:0;padding:0}.safari-bar svg{width:16px;height:16px}.address-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#eeece7;border-radius:20px;flex:1;min-height:29px;font-size:10px}.address-pill svg{width:9px;height:9px}.screen.app-open{background:var(--paper)}.app-open .composer,.app-open .keyboard-shell{display:none}.app-open .home-bar{background:var(--paper)}.app-view h1{font:34px/1.16 Alpera,Georgia,serif;margin:0 0 16px}.app-view h2{font:19px/1.35 Alpera,Georgia,serif;margin:0 0 12px}.app-view p{font-size:13px;line-height:1.5;margin:0 0 16px}.app-action{background:var(--ink);color:#fff!important;display:block;width:100%;padding:11px 12px;border:0;border-radius:6px;font:16px/1.3 Alpera,Georgia,serif!important;text-align:center;margin-top:20px}
.vault-page{padding:20px 15px}.vault-page h1{font-size:39px}.encrypted{display:inline-flex;align-items:center;gap:6px;font:17px Alpera,Georgia,serif;padding:6px 9px;border:1px solid #cec8bf;border-radius:5px;color:#67635c}.encrypted svg{width:14px;height:14px}.vault-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);margin:24px 0 21px}.vault-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 0 12px;background:transparent;border:0;border-bottom:2px solid transparent;font:11px Alpera,Georgia,serif}.vault-tabs .active{background:#f0ede7;border-bottom-color:var(--ink)}.vault-tabs svg{width:22px;height:22px}.saved-records{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:14px 12px}.saved-records h2{font:11px Alpera,Georgia,serif;text-transform:uppercase;margin-bottom:13px}.saved-row{display:flex;align-items:center;gap:9px;width:100%;padding:12px 0;border:0;background:none;text-align:left;font:13px Alpera,Georgia,serif;line-height:1.4}.saved-row+.saved-row{border-top:1px solid var(--line)}.saved-row .initial{width:30px;height:30px;display:grid;place-items:center;background:var(--wash);border:1px solid var(--line);border-radius:7px;flex-shrink:0;font-size:21px}.saved-row>svg{width:14px;height:14px;margin-left:auto;transform:rotate(180deg)}.record-details{border-top:1px solid var(--line);margin-top:18px;padding:16px 0}.record-details>div>button{float:right;border:0;background:transparent;padding:0}.record-details svg{width:16px;height:16px}.record-details h2{font-size:19px;margin-right:25px}.app-view dl{margin:0}.record-details dt{font-size:10px;color:var(--muted);margin:14px 0 6px}.record-details dd{margin:0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.connection-page{padding:28px 18px}.connection-page p{font:16px/1.55 Alpera,Georgia,serif;color:var(--muted)}.link-logo{width:34px;height:34px;object-fit:contain;display:block;margin:24px 0}.link-page{padding:30px 18px}.link-page>.link-logo{margin:5px auto 35px;width:46px;height:46px}.link-page h1{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:25px;margin-bottom:25px}.payment-summary{border:1px solid var(--line);border-radius:12px;padding:16px}.payment-summary h2{font:17px -apple-system,BlinkMacSystemFont,sans-serif}.order-totals{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px}.order-totals dd{margin:0;text-align:right}.connection-record{margin-top:30px;padding:18px;border:1px solid var(--line);border-radius:8px}.connection-record strong,.connection-record span{display:block;font-size:14px}.connection-record span{font-size:11px;margin-top:10px}
.workspace-page{padding:23px 16px}.workspace-page>h1{font-size:29px}.workspace-page>p{font-size:12px;color:var(--muted);margin-bottom:25px}.project-widget{padding:17px 14px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.project-widget>h2{font-size:20px}.project-widget>p{font-size:10px;color:var(--muted)}.workspace-filters{display:flex;gap:4px;margin:18px 0 16px}.workspace-filters button{padding:7px 11px;border:0;background:transparent;font-size:10px;border-radius:5px}.workspace-filters button[aria-pressed=true]{background:#e5ede7;color:#275a40}.task-row{padding:14px 0;border-top:1px solid var(--line)}.task-row h3{font:16px/1.35 Alpera,Georgia,serif;margin:0 0 7px}.task-row p{font-size:11px;margin-bottom:6px;color:var(--muted)}.task-row small{font-size:10px;color:#886717}.task-row .state-waiting{color:var(--muted)}.task-row .state-due-friday{color:#a04a3d}.task-row .state-confirmed,.updated{color:#286546}.project-widget .updated{margin:13px 0 0;color:#286546}
.mail-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;height:50px;flex-shrink:0}.mail-tools button{display:flex;align-items:center;gap:5px;border:0;background:none;padding:0}.mail-tools svg{width:19px;height:19px}.email-page,.native-calendar{background:#fff}.email-page .app-scroll,.native-calendar .app-scroll{padding:12px 17px 25px}.email-page h1,.native-calendar h1{font:24px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;margin-bottom:25px}.email-page h2{font:17px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}.email-summary{padding:15px;border-radius:12px;background:#eef3f7;margin-bottom:24px}.email-summary img{width:50px;height:50px;object-fit:contain;float:right}.email-summary h2{font-size:24px;margin:21px 0 16px}.email-summary small{font-size:10px}.email-band{padding:10px 12px;background:#303030;color:#fff}.ordered-item{display:flex;gap:15px;margin:20px 0}.ordered-item img{width:65px;height:70px;object-fit:contain}.ordered-item p{font-size:12px}.delivery-date{background:#d4efda;padding:7px;font-size:12px!important}.native-calendar .mail-tools{color:#d34343}.native-calendar dt{font-size:11px;color:#777;border-top:1px solid #ddd;padding-top:16px;margin-top:20px}.native-calendar dd{margin:9px 0 0;font-size:14px;line-height:1.5}.native-calendar .confirmed{color:#278052}
.screen.dark{background:#000;color:#fff}.dark .messages-header,.dark .composer,.dark .home-bar{background:#000}.dark .back,.dark .video,.dark .add{background:#252528;color:#fff;box-shadow:none}.dark .bubble{background:#262629;color:#fff}.dark .bubble:after{background:#000}.dark .out .bubble{background:var(--blue)}.dark .typing,.dark .typing:before,.dark .typing:after{background:#262629}.dark .home-bar:after,.dark .signal i,.dark .battery:before{background:#fff}.dark .composer-field{border-color:#48484b}.dark .poll-option{color:#e9b757}.dark .poll-option:before{background:#39270c}.dark .poll-option[aria-pressed=true]{color:#fff}.dark .poll-option[aria-pressed=true]:before{background:#eca743}
@media(max-width:850px){.replay-layout{gap:28px;grid-template-columns:minmax(260px,1fr) 344px;padding-inline:20px}.replay-controls>h1{font-size:32px}.versions{gap:16px}.versions button{font-size:12px}}
@media(max-width:720px){.replay-layout{display:flex;flex-direction:column;padding:24px 20px 40px;gap:30px}.replay-controls{width:100%;max-width:450px}.replay-controls>h1{font-size:29px}#chapter{min-height:0;font-size:21px;margin:20px 0 12px}#chapters{grid-template-columns:1fr 1fr;gap:4px}#chapters button{font-size:11px;padding:6px 0;gap:7px}.versions button{font-size:13px}.replay-controls details{display:none}}
@media(prefers-reduced-motion:reduce){.photo-swipe{animation:none}.front-photo{transition:none}.photo-overlay{backdrop-filter:none}}