/* Original iPhone presentation. App state/content is shared with the desktop. */
#phone-mount{display:none}.phone-layout{--phone-safe-top:env(safe-area-inset-top,0px);--phone-safe-bottom:env(safe-area-inset-bottom,0px);--phone-header:calc(96px + var(--phone-safe-top));--phone-footer:calc(64px + var(--phone-safe-bottom));--phone-surface:#f7f6ee;--phone-ink:#264b59}.phone-layout body{overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0}.phone-layout .desktop-shell{position:fixed;inset:auto 0 auto;top:var(--phone-top,0px);height:var(--phone-vh,100dvh);min-height:0;width:100%;overflow:hidden}.phone-layout #phone-mount{display:contents}.phone-layout #menu-mount,.phone-layout #dock-mount,.phone-layout #files-mount,.phone-layout #mission-mount{display:none!important}.phone-layout .wallpaper{position:absolute;inset:0}.phone-layout .phone-status{position:absolute;inset:0 0 auto;height:calc(44px + var(--phone-safe-top));padding:var(--phone-safe-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;z-index:3001;background:#f1f5ecdc;backdrop-filter:blur(20px);color:#284c4f}.phone-status button{min-height:44px;padding:0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.phone-status .phone-brand>svg{width:23px;height:23px;stroke:none}.phone-status .phone-clock{font-size:12px;font-variant-numeric:tabular-nums}.phone-layout .phone-app-nav{position:absolute;top:calc(44px + var(--phone-safe-top));height:52px;left:0;right:0;display:grid;grid-template-columns:minmax(84px,1fr) minmax(0,1.5fr) minmax(44px,1fr);align-items:center;background:linear-gradient(#f3f7f5f5,#d7e5e4f5);border-bottom:1px solid #b1c9c8;z-index:3000;color:#264b59;padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));box-shadow:0 1px 8px #082b2c0a}.phone-app-nav>strong{display:flex;gap:7px;align-items:center;justify-content:center;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.phone-app-nav>button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;font-size:19px;padding:0 4px}.phone-app-nav>button:last-child{justify-self:end}.phone-app-nav .phone-back{justify-content:flex-start;font-size:13px;gap:0;overflow:hidden}.phone-back span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-app-nav svg{width:22px;height:22px;flex-shrink:0}.phone-owner-avatar{padding:0;width:30px;min-width:30px!important;height:30px;min-height:30px!important;flex-shrink:0}.phone-owner-avatar img{width:29px;height:29px;border-radius:50%;object-fit:cover}.phone-layout .phone-bottom-nav{position:absolute;bottom:0;left:0;right:0;padding:4px max(8px,env(safe-area-inset-right)) var(--phone-safe-bottom) max(8px,env(safe-area-inset-left));height:var(--phone-footer);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));z-index:3001;background:linear-gradient(#f8fbf5ed,#dbe9e3ee);backdrop-filter:blur(20px);border-top:1px solid #b8cec6;box-shadow:0 -4px 18px #123e3e0a;color:#587972}.phone-bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:44px;min-height:52px;padding:4px;font-size:10px;letter-spacing:.1px}.phone-bottom-nav svg{width:22px;height:22px}.phone-bottom-nav [aria-current=page]{color:#224f50}.phone-layout #desktop{position:absolute;inset:var(--phone-header) 0 var(--phone-footer);padding:0;margin:0;width:100%;height:auto;min-height:0;overflow:hidden;isolation:isolate;touch-action:pan-x pan-y}.phone-layout .app-window{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;outline:0;overflow:hidden;container-type:inline-size;z-index:1!important}.phone-layout .app-window:not(.phone-active){display:none!important}.phone-layout .app-window>.titlebar,.phone-layout .app-window>.resize-edge{display:none!important}.phone-layout .app-window>.window-content{height:100%;max-height:none;border-radius:0;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.phone-layout .app-window button,.phone-layout .app-window .button,.phone-layout dialog button{min-height:44px;touch-action:manipulation}.phone-layout input,.phone-layout select,.phone-layout textarea{font-size:16px!important}.phone-layout .button{font-size:13px;padding:10px 13px}.phone-layout input[type=range]{min-height:44px}.phone-layout .rich-toolbar{padding:10px;gap:8px;flex-wrap:wrap;font-size:14px}.phone-layout .phone-home{position:absolute;inset:calc(44px + var(--phone-safe-top)) 0 var(--phone-footer);z-index:2000;overflow:auto;padding:25px 20px 20px;background:linear-gradient(#0d363222,#0d303544);color:white;overscroll-behavior:contain}.phone-home-heading p{font-size:12px;letter-spacing:.4px;margin:0 0 12px;text-shadow:0 1px 4px #001d28}.phone-home-heading h1{font:32px/1.12 Georgia,serif;letter-spacing:-.8px;margin:0 0 23px;text-shadow:0 2px 12px #001d2866}.phone-home-heading h1 em{font-weight:normal;color:#e4efcc}.phone-profile-card{display:flex;align-items:stretch;width:100%;text-align:left;overflow:hidden;border:1px solid #e2f5dc88;border-radius:20px;background:linear-gradient(135deg,#f7f8eaf2,#d3e5daf5);box-shadow:0 8px 30px #0629292b;padding:0;color:#294d4c;min-height:155px}.phone-profile-card>img{width:100px;object-fit:cover;object-position:50% 35%}.phone-profile-card>span{padding:19px 16px;flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.phone-profile-card small{font-size:9px;letter-spacing:1.8px;color:#63857c}.phone-profile-card strong{font:22px/1.1 Georgia,serif;letter-spacing:-.4px}.phone-profile-card em{font:11px/1.3 Arial,sans-serif;color:#608078;display:flex;justify-content:space-between;gap:3px}.phone-profile-card b{font-size:17px;font-weight:normal}.phone-grid-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 9px;text-shadow:0 1px 4px #001d28}.phone-grid-heading strong{font-size:12px;font-weight:500}.phone-grid-heading button{height:44px;width:44px}.phone-grid-heading svg{width:20px;height:20px}.phone-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 10px}.phone-app-icon{display:flex;flex-direction:column;align-items:center;gap:7px;color:#fff;min-width:0;padding:0;min-height:82px;text-shadow:0 1px 5px #06262e}.phone-app-icon>span{position:relative;display:block;width:54px;height:54px}.phone-app-icon .app-art{width:54px;height:54px;filter:drop-shadow(0 3px 5px #001d2c44)}.phone-app-icon strong{font-size:10px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis}.phone-app-icon .unread-badge{font-size:10px;min-width:18px;height:18px;right:-5px;top:-3px}.phone-home-note{font-size:10px;text-align:center;color:#f1f8e3aa;margin:24px 0 6px}.phone-layout[data-phone-home=true] #desktop{visibility:hidden;pointer-events:none}.phone-layout .neo-notification{position:absolute;top:calc(53px + var(--phone-safe-top));left:12px;right:12px;width:auto;max-width:none;z-index:5000;border-radius:16px;padding:12px;box-shadow:0 8px 25px #092d3744}.phone-layout .neo-notification .notification-open{padding-right:10px}.phone-layout .neo-notification p{font-size:12px}.phone-layout .neo-notification .notification-close{width:44px;height:44px;top:0;right:0}.phone-layout #panel-mount{position:absolute;inset:0;z-index:4000;pointer-events:none}.phone-layout #panel-mount>*{pointer-events:auto}.phone-layout .file-context{position:absolute;left:12px!important;right:12px;top:auto!important;bottom:calc(var(--phone-footer) + 12px);width:auto;max-height:70%;overflow:auto;border-radius:18px;padding:10px;box-shadow:0 -10px 45px #0c303855}.phone-layout .file-context button{font-size:15px;padding:12px}.phone-layout dialog{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;width:100%;max-width:100%;max-height:calc(var(--phone-vh,100dvh) - 50px - var(--phone-safe-top));border-radius:22px 22px 0 0;border:1px solid #c6d7cb;padding:20px 20px calc(20px + var(--phone-safe-bottom));overflow:auto;overscroll-behavior:contain;background:#f8f8f1f5;backdrop-filter:blur(24px)}.phone-layout dialog::backdrop{background:#07242f66;backdrop-filter:blur(8px)}.phone-layout dialog .dialog-title{margin-bottom:12px}.phone-layout dialog .dialog-title h2{font-size:21px}.phone-layout dialog p{font-size:14px;line-height:1.6}.phone-layout dialog .dialog-title button{min-width:44px}.phone-layout #search-dialog{top:calc(12px + var(--phone-safe-top));bottom:auto;margin:0 10px;width:calc(100% - 20px);max-height:calc(var(--phone-vh,100dvh) - 30px);border-radius:18px;padding:0}.phone-layout .spotlight-input{height:64px;padding:0 15px;gap:10px}.phone-layout #search-results{max-height:calc(var(--phone-vh,100dvh) - 155px)}.phone-layout .search-result{min-height:58px}.phone-layout .search-result strong{font-size:14px}.phone-layout .search-result small{font-size:11px}.phone-layout .emoji-dialog{width:100%;max-width:100%;padding:16px 20px calc(16px + var(--phone-safe-bottom))}.phone-layout .emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));max-height:min(42vh,330px)}.phone-layout .emoji-palette nav button{min-height:36px;font-size:12px}.phone-action-list{display:grid;gap:1px}.phone-action-list button{display:flex;gap:13px;align-items:center;width:100%;padding:12px 6px;border-bottom:1px solid #d4dfd5;text-align:left;font-size:15px;color:#345e59}.phone-action-list svg{width:22px;height:22px;flex-shrink:0}.phone-action-list>button>svg[viewBox="0 0 40 40"]{stroke:none}.phone-switcher{display:grid;gap:12px}.phone-switcher article{display:flex;align-items:center;border:1px solid #c6d9cc;border-radius:15px;background:#fffdf6;overflow:hidden}.phone-switcher .phone-recent-open{flex:1;display:flex;align-items:center;gap:12px;padding:15px;min-width:0;text-align:left}.phone-recent-open>.app-art{width:43px;height:43px;flex-shrink:0}.phone-recent-open>span{flex:1;display:grid;gap:7px;min-width:0}.phone-recent-open strong{font-size:15px}.phone-recent-open small{font-size:11px;color:#759287}.phone-recent-open>svg:last-child{width:18px;flex-shrink:0}.phone-switcher article>button:last-child{width:44px;font-size:24px;color:#81958c}.phone-layout .toast{position:absolute;top:auto;bottom:calc(var(--phone-footer) + 12px);left:12px;right:12px;transform:none;max-width:none;font-size:13px;border-radius:14px;padding:14px;z-index:15000}.phone-keyboard{--phone-footer:0px;--phone-safe-bottom:0px}.phone-keyboard .phone-bottom-nav{display:none!important}
/* Profile: retain the personal portrait and visual journey. */
.phone-layout .journey-hero{padding:24px 20px 20px;gap:17px;align-items:center}.phone-layout .journey-hero>img{width:88px;height:122px;border-radius:15px}.phone-layout .journey-hero h1{font-size:25px;line-height:1.1}.phone-layout .journey-hero .eyebrow{font-size:9px}.phone-layout .journey-hero p:last-child{font-size:11px;line-height:1.6}.phone-layout .journey-nav{padding:7px 10px;overflow:auto;white-space:nowrap;gap:2px;top:0}.phone-layout .journey-nav button{font-size:12px;padding:10px 9px;flex-shrink:0;min-height:44px}.phone-layout .journey-body{padding:20px}.phone-layout .journey-body h2{font-size:26px}.phone-layout .journey-lead{font-size:14px;line-height:1.7}.phone-layout .journey-overview-grid{grid-template-columns:1fr}.phone-layout .journey-facts strong{font-size:26px}.phone-layout .journey-facts span{font-size:10px}.phone-layout .journey-overview-grid button{padding:18px}.phone-layout .journey-projects{grid-template-columns:1fr}.phone-layout .journey-projects p,.phone-layout .journey-timeline p{font-size:13px;line-height:1.7}.phone-layout .journey-actions{flex-wrap:wrap;gap:8px}.phone-layout .audience-switch{flex-wrap:wrap}
/* Messages: list -> conversation, keyboard-safe composer. */
.phone-layout .app-messages{overflow:hidden!important}.phone-layout .compact-messages{height:100%;display:block}.phone-layout .compact-messages .conversations{width:100%;height:100%;padding:14px 16px;overflow:auto;border:0}.phone-layout .conversation-title{font-size:28px;letter-spacing:-.6px;margin-bottom:16px}.phone-layout .thread-search{min-height:44px;margin-bottom:13px}.phone-layout .compact-messages .conversation{width:100%;padding:13px 8px;gap:14px;min-height:80px;border-radius:12px;border-bottom:1px solid #b6cfd955;text-align:left}.phone-layout .compact-messages .guide-avatar{width:45px;height:45px;flex-shrink:0}.phone-layout .compact-messages .conversation strong{font-size:16px}.phone-layout .compact-messages .conversation small{font-size:12px;line-height:1.5;margin-top:5px}.phone-layout .compact-messages .chat-main{height:100%;width:100%;min-height:0;display:flex;flex-direction:column}.phone-layout[data-phone-messages=threads] .chat-main{display:none!important}.phone-layout[data-phone-messages=conversation] .conversations{display:none!important}.phone-layout .compact-messages .chat-header{display:none}.phone-layout .compact-messages .chat-log{min-height:0;flex:1;padding:17px 26px 28px;gap:8px}.phone-layout .compact-messages .message{font-size:15px;max-width:84%;padding:9px 12px;line-height:1.5}.phone-layout .compact-messages .chat-day{font-size:11px;margin-bottom:10px}.phone-layout .compact-messages .reaction-add{min-height:36px;width:36px;min-width:36px;height:36px;right:-20px;bottom:-15px;font-size:18px;background:transparent;border:0;box-shadow:none}.phone-layout .compact-messages .reaction-add:before{content:'';position:absolute;inset:8px;border:1px solid #b9cacc;border-radius:50%;pointer-events:none}.phone-layout .compact-messages .message:has(.visitor-reaction) .reaction-add{right:-34px;bottom:-3px}.phone-layout .compact-messages .compose{padding:10px 12px;background:#e2eced;flex-shrink:0}.phone-layout .compact-messages .compose-row{padding:3px 4px;gap:0;border-radius:23px;min-height:52px;align-items:center}.phone-layout .compact-messages .compose-row>button{width:42px;min-width:42px;min-height:44px;padding:8px}.phone-layout .compact-messages .compose-row>.send-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:10px}.phone-layout .compact-messages textarea{font-size:16px;line-height:1.4;padding:10px 2px;min-height:44px;max-height:100px;flex:1;min-width:0}.phone-layout .composer-emoji-face{font-size:23px}
/* Files and Settings: sidebar becomes a native-style navigation page. */
.phone-layout .shared-file-manager{height:100%;display:block;overflow:hidden}.phone-layout .shared-file-manager .finder-sidebar{width:100%;height:100%;padding:18px 16px;overflow:auto;border:0}.phone-layout .finder-sidebar button{font-size:16px;padding:12px;min-height:52px;border-bottom:1px solid #b8cfd54d;gap:12px}.phone-layout .finder-sidebar small{font-size:12px;padding:12px}.phone-layout .finder-sidebar>div:last-child{font-size:11px}.phone-layout[data-phone-files=locations] .shared-file-manager .finder-main{display:none}.phone-layout[data-phone-files=files] .shared-file-manager .finder-sidebar{display:none}.phone-layout .shared-file-manager .finder-main{width:100%;height:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden}.phone-layout .finder-toolbar{padding:8px;flex-wrap:wrap;gap:5px;min-height:auto;flex-shrink:0}.phone-layout .finder-toolbar>strong{font-size:14px}.phone-layout .finder-toolbar input{width:100%;flex-basis:100%;margin:3px 0 0;min-height:44px}.phone-layout .finder-toolbar select{width:94px;min-height:44px;margin-left:auto}.phone-layout .finder-toolbar button{min-width:44px;padding:8px}.phone-layout .finder-location-note{font-size:11px}.phone-layout .finder-main .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px;overflow:auto;align-content:start}.phone-layout .finder-main .catalog-grid.catalog-list{display:flex;flex-direction:column}.phone-layout .catalog-open{min-height:145px;padding:14px 25px 14px 12px}.phone-layout .catalog-open strong{font-size:13px}.phone-layout .catalog-open small{font-size:11px}.phone-layout .catalog-card .file-more{min-height:44px;height:44px;width:44px;right:0;top:0;font-size:18px}.phone-layout .catalog-list .catalog-open{min-height:80px;padding-right:46px}.phone-layout .shared-file-manager .trash-app{flex:1;min-height:0}.phone-layout .trash-row{padding:14px 0;gap:10px;flex-wrap:wrap}.phone-layout .trash-row>div{min-width:130px}.phone-layout .trash-row strong{font-size:14px}.phone-layout .trash-row small{font-size:11px}.phone-layout .trash-app .rich-toolbar{justify-content:space-between}.phone-layout .settings-layout{display:block;height:100%}.phone-layout .settings-sidebar{width:100%;height:100%;padding:20px 16px;overflow:auto;border:0}.phone-layout .settings-sidebar button{width:100%;font-size:16px;min-height:55px;border-bottom:1px solid #bbcfc14d;padding:12px;gap:12px}.phone-layout .settings-sidebar .settings-owner{margin:4px 0 24px}.phone-layout[data-phone-settings=sections] .settings-main{display:none}.phone-layout[data-phone-settings=detail] .settings-sidebar{display:none}.phone-layout .settings-main{height:100%;width:100%;overflow:auto;padding:24px 20px}.phone-layout .settings-main h2{font-size:27px}.phone-layout .settings-main .muted,.phone-layout .setting-group p{font-size:13px;line-height:1.7}.phone-layout .setting-row{font-size:13px;min-height:54px;gap:12px;flex-wrap:wrap}.phone-layout .wallpaper-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.phone-layout .wallpaper-options button{min-width:0;font-size:10px}.phone-layout .wallpaper-preview{width:100%;height:80px}.phone-layout .range-label{font-size:14px;flex-wrap:wrap}.phone-layout .range-label input{width:100%}
/* Mail: folders -> list -> reading/compose, never a crushed three-column view. */
.phone-layout .app-mail{overflow:hidden!important}.phone-layout .mail-app>.rich-toolbar{display:none}.phone-layout .mail-columns{display:block;height:100%;overflow:hidden}.phone-layout .mail-folders{width:100%;height:100%;border:0;padding:18px 16px}.phone-layout .mail-folders button{font-size:17px;padding:15px 12px;gap:12px;min-height:60px;border-bottom:1px solid #b3cbd555}.phone-layout .mail-folders svg{width:22px;height:22px}.phone-layout .mail-list{width:100%;height:100%;border:0;overflow:auto}.phone-layout .mail-list>button{padding:20px;min-height:90px;gap:8px}.phone-layout .mail-list strong{font-size:16px}.phone-layout .mail-list small{font-size:12px}.phone-layout .mail-reading{width:100%;height:100%;overflow:auto;background:#fffef8}.phone-layout[data-phone-mail=folders] .mail-list,.phone-layout[data-phone-mail=folders] .mail-reading,.phone-layout[data-phone-mail=list] .mail-folders,.phone-layout[data-phone-mail=list] .mail-reading,.phone-layout[data-phone-mail=read] .mail-folders,.phone-layout[data-phone-mail=read] .mail-list,.phone-layout[data-phone-mail=compose] .mail-folders,.phone-layout[data-phone-mail=compose] .mail-list{display:none!important}.phone-layout .mail-subject{padding:20px}.phone-layout .mail-subject h2{font-size:25px;line-height:1.25}.phone-layout .mail-subject small,.phone-layout .mail-subject p{font-size:12px;overflow-wrap:anywhere}.phone-layout .mail-letter{font:16px/1.75 Georgia,serif;padding:0 20px;margin:0}.phone-layout .mail-reply{padding:20px}.phone-layout .email-compose-form{min-height:580px;height:100%;width:100%;overflow:visible}.phone-layout .mail-compose-head{padding:6px 14px;font-size:13px}.phone-layout .email-compose-form>label{padding:8px 14px;font-size:13px;gap:10px}.phone-layout .email-compose-form>label input{height:40px;min-width:0;padding:4px}.phone-layout .email-compose-form>textarea{min-height:160px;padding:16px;font:16px/1.65 Georgia,serif}.phone-layout .email-verification{padding:9px 14px;font-size:13px;flex-wrap:wrap}.phone-layout .email-verification p{font-size:12px;line-height:1.6}.phone-layout .mail-bottom{padding:10px 14px;gap:8px;flex-wrap:wrap}.phone-layout .mail-bottom>span{font-size:11px}.phone-layout .mail-bottom .button{margin-left:auto}.phone-layout .email-verification input{min-height:44px}.phone-layout .mail-reading>.form-error{padding:12px}
/* Document features remain intact. Fit means phone width; zoom scrolls within the document only. */
.phone-layout .app-resume,.phone-layout .app-preview{overflow:hidden!important}.phone-layout .document-tabs{gap:4px;padding:8px 8px 0;min-height:54px;flex-shrink:0}.phone-layout .document-tab{min-width:150px;max-width:210px}.phone-layout .document-tab [role=tab]{font-size:13px;min-height:44px;padding:8px}.phone-layout .document-tab-close{min-width:36px;padding:7px}.phone-layout .pdf-toolbar{padding:5px 7px;gap:3px;flex-wrap:wrap;min-height:54px}.phone-layout .pdf-document-name{display:none}.phone-layout .pdf-toolbar>div{margin:0 auto;gap:1px}.phone-layout .pdf-toolbar button{min-width:38px;min-height:44px;padding:6px;font-size:16px}.phone-layout .pdf-toolbar strong{font-size:12px;min-width:36px}.phone-layout .pdf-toolbar>.button{font-size:11px;min-height:44px;padding:8px;display:flex;align-items:center}.phone-layout .pdf-find{padding:6px 8px;gap:5px}.phone-layout .pdf-find input{width:80px;flex:1;min-width:0;min-height:44px}.phone-layout .pdf-find span{font-size:10px}.phone-layout .pdf-find button{min-width:36px;min-height:44px;font-size:18px}.phone-layout .pdf-canvas{padding:12px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.phone-layout .pdf-actual-page{width:calc(var(--phone-pdf-base,340px) * var(--phone-pdf-zoom,1))!important;max-width:none;margin:0 auto}.phone-layout .pdf-thumbnails{width:74px;padding:12px 6px}.phone-layout .pdf-thumbnails img{width:58px}.phone-layout .pdf-status{font-size:9px;line-height:1.4;padding:8px;flex-shrink:0}.phone-layout .preview-app .rich-toolbar{font-size:12px;flex-wrap:nowrap}.phone-layout .preview-app .rich-toolbar strong{font-size:12px}.phone-layout .preview-app .rich-toolbar .button{font-size:11px;padding:8px}.phone-layout .quick-look-page{padding:12px}.phone-layout .preview-app>footer{font-size:10px;padding:11px 14px}
/* Photos is a light table with an album strip; Browser retains exactly three destinations. */
.phone-layout .photos-layout{display:flex;flex-direction:column;height:100%}.phone-layout .photos-sidebar{display:flex;gap:5px;align-items:center;overflow-x:auto;overflow-y:hidden;width:100%;padding:8px;flex-shrink:0;border:0;border-bottom:1px solid #c5cdbb;white-space:nowrap}.phone-layout .photos-sidebar>small,.phone-layout .photos-sidebar>p{display:none}.phone-layout .photos-sidebar button{width:auto;min-height:44px;flex-shrink:0;padding:9px 12px;font-size:13px}.phone-layout .photos-sidebar svg{width:17px;height:17px}.phone-layout .photos-main{padding:20px 16px;min-height:0;flex:1;overflow:auto}.phone-layout .photos-main h2{font-size:28px}.phone-layout .photos-main .section-heading{gap:8px}.phone-layout .photo-tools{gap:10px;flex-wrap:wrap;margin:15px 0}.phone-layout .photo-tools>input{width:100%;min-height:44px}.phone-layout .photo-tools label{font-size:13px}.phone-layout .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px}.phone-layout .photo-grid img{height:145px}.phone-layout .photo-grid span{font-size:12px}.phone-layout .photo-heart{min-height:44px;width:44px;top:4px;right:4px;font-size:24px}.phone-layout .album-placeholders{display:grid;grid-template-columns:1fr;gap:12px}.phone-layout .album-placeholder{min-height:100px}.phone-layout .browser-shell,.phone-layout .browser-app{min-width:0;width:100%}.phone-layout .browser-six{height:100%}.phone-layout .browser-six-toolbar{padding:8px;flex-wrap:wrap}.phone-layout .browser-destinations{gap:4px;display:flex;overflow-x:auto}.phone-layout .browser-destinations button{min-height:44px;flex-shrink:0;font-size:12px;padding:9px}.phone-layout .browser-destination-bar{flex-wrap:wrap;padding:8px 12px;gap:7px}.phone-layout .browser-destination-bar .button{margin-left:auto}.phone-layout .profile-site-view{padding:30px 22px}.phone-layout .profile-site-view h1{font-size:35px}.phone-layout .profile-site-view p{font-size:14px;line-height:1.7}.phone-layout .dashboard-frame-wrap{min-height:480px}.phone-layout .dashboard-frame{width:100%;height:100%}
/* Calendar keeps day/week, actual availability, 15-minute slots and confirmation. */
.phone-layout .app-calendar{overflow:hidden!important}.phone-layout .calendar-six{height:100%;display:flex;flex-direction:column}.phone-layout .calendar-six .cal-toolbar{gap:4px;padding:7px;flex-wrap:wrap;flex-shrink:0}.phone-layout .cal-toolbar button{min-width:38px;min-height:44px;padding:6px;font-size:12px}.phone-layout .cal-toolbar input[type=date]{width:155px;min-height:44px;padding:7px}.phone-layout .calendar-view-switch{margin-left:auto;flex-shrink:0}.phone-layout .calendar-view-switch button{padding:6px 12px;min-width:49px}.phone-layout .cal-layout{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.phone-layout .planner-sidebar{display:none;width:100%;height:100%;position:absolute;inset:0;z-index:20;overflow:auto;padding:20px 22px;background:#f5f3e8}.phone-layout[data-phone-calendar=filters] .planner-sidebar{display:block}.phone-layout .planner-sidebar .calendar-grid{gap:5px}.phone-layout .planner-sidebar .calendar-grid button{width:100%;height:44px;font-size:15px;min-width:0}.phone-layout .planner-sidebar h2{font-size:24px;margin:25px 0 12px}.phone-layout .planner-sidebar p,.phone-layout .planner-sidebar label,.phone-layout .planner-sidebar a{font-size:13px;line-height:1.7}.phone-layout .planner-sidebar select{min-height:44px;width:100%;margin:8px 0}.phone-layout .calendar-stage{width:100%;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.phone-layout .planner-day-head{padding-left:50px;min-height:66px;overflow-x:auto;flex-shrink:0}.phone-layout .planner-day-head>span{width:50px;font-size:9px}.phone-layout .planner-day-head button{min-width:0;padding:7px 2px}.phone-layout .planner-day-head strong{font-size:22px}.phone-layout .planner-day-head small{font-size:11px}.phone-layout .planner-day-head em{font-size:8px}.phone-layout .calendar-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.phone-layout .planner-timeline{min-width:100%;padding-left:50px}.phone-layout .planner-hours{width:50px}.phone-layout .planner-hours span{font-size:10px;left:7px}.phone-layout .calendar-time-slot{font-size:12px;min-height:26px!important;padding:2px 6px}.phone-layout .calendar-time-slot strong{font-size:11px}.phone-layout .calendar-time-slot small{font-size:9px}.phone-layout .calendar-status{font-size:10px;line-height:1.5;padding:8px;flex-shrink:0}.phone-layout .cal-confirm-heading{padding:8px;gap:8px;flex-wrap:wrap;font-size:12px}.phone-layout .cal-embed{min-height:300px;width:100%;flex:1;border:0}.phone-layout .cal-confirm-copy{font-size:12px;padding:0 14px}.phone-layout .cal-message{padding:35px 20px}.phone-layout .voice-screen{min-height:100%;padding:30px 22px}.phone-layout .voice-screen h1{font-size:34px}.phone-layout .voice-screen>p{font-size:14px}.phone-layout .voice-orb{width:135px;height:135px}.phone-layout .voice-screen .fine{font-size:11px}.phone-layout .voice-transcript p{font-size:13px}.phone-layout .video-screen{padding:24px 20px}.phone-layout .video-preview{height:170px}.phone-layout .video-screen p{font-size:13px}.phone-layout .contact-gate{display:flex;flex-direction:column;gap:13px;max-width:100%;width:100%}.phone-layout .contact-gate label{font-size:13px;display:grid;gap:7px;text-align:left}.phone-layout .contact-gate input{min-height:44px;width:100%}.phone-layout .video-screen>.fine{font-size:11px}.phone-layout .about-website,.phone-layout .about-panel{padding:25px 20px}.phone-layout .about-info-row{font-size:13px}.phone-layout .eclipse-screen{height:var(--phone-vh,100dvh);top:0}.phone-layout .eclipse-screen .eclipse-identity{top:calc(24px + var(--phone-safe-top));font-size:8px;left:20px;gap:8px;letter-spacing:1px}.phone-layout .eclipse-screen .eclipse-footer{bottom:calc(23px + var(--phone-safe-bottom))}.phone-layout .eclipse-screen .eclipse-art{max-width:72vw;max-height:72vw}.phone-layout .eclipse-screen h1{font-size:32px}.phone-layout .eclipse-screen #boot-phase{font-size:12px}.phone-layout .power-screen{z-index:20000}.phone-layout .brightness-shade{z-index:9000}
@media(max-width:360px){.phone-layout .phone-home{padding:20px 16px}.phone-layout .phone-home-heading h1{font-size:29px}.phone-layout .phone-profile-card>img{width:85px}.phone-layout .phone-profile-card>span{padding:17px 12px}.phone-layout .phone-profile-card strong{font-size:20px}.phone-layout .phone-app-grid{gap:17px 7px}.phone-layout .phone-app-icon>span,.phone-layout .phone-app-icon .app-art{width:49px;height:49px}.phone-layout .journey-hero{gap:12px;padding:20px 16px}.phone-layout .journey-hero>img{width:70px;height:110px}.phone-layout .journey-hero h1{font-size:22px}.phone-layout .journey-nav button{padding:9px 7px;font-size:11px}.phone-layout .phone-app-nav{grid-template-columns:80px minmax(0,1fr) 44px}.phone-layout .pdf-toolbar{gap:0}.phone-layout .pdf-toolbar button{min-width:34px}.phone-layout .pdf-toolbar>.button{font-size:10px;padding:5px}.phone-layout .phone-identity-divider{display:none}}
@media(orientation:landscape) and (max-height:520px){.phone-layout{--phone-header:calc(84px + var(--phone-safe-top));--phone-footer:52px}.phone-layout .phone-status{height:calc(36px + var(--phone-safe-top))}.phone-layout .phone-status button{min-height:36px}.phone-layout .phone-app-nav{top:calc(36px + var(--phone-safe-top));height:48px}.phone-layout .phone-bottom-nav{height:52px;padding-bottom:0}.phone-layout .phone-bottom-nav button{flex-direction:row;gap:8px;min-height:44px}.phone-layout .phone-home{inset:calc(36px + var(--phone-safe-top)) 0 var(--phone-footer);padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}.phone-layout .phone-home-heading{display:none}.phone-layout .phone-profile-card{max-width:540px;min-height:125px;margin:auto}.phone-layout .phone-profile-card>img{width:100px}.phone-layout .phone-grid-heading{max-width:650px;margin:8px auto}.phone-layout .phone-app-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;max-width:780px;margin:auto}.phone-layout .phone-app-icon{min-height:76px}.phone-layout .journey-hero{padding:15px 24px}.phone-layout .journey-hero>img{height:100px;width:80px}.phone-layout .journey-hero h1{font-size:27px}.phone-layout .journey-overview-grid{grid-template-columns:1fr 1fr}.phone-layout .neo-notification{max-width:430px;margin:auto}.phone-layout .eclipse-screen .eclipse-identity{top:16px}.phone-layout .eclipse-screen .eclipse-art{width:185px;height:185px}.phone-layout .eclipse-screen .eclipse-center{margin:15px 0 0;flex-direction:row;justify-content:center;gap:10px;width:90%;max-width:700px}.phone-layout .eclipse-screen .eclipse-copy{min-height:0;max-width:330px}.phone-layout .eclipse-screen .eclipse-footer{bottom:15px}.phone-layout .eclipse-screen h1{font-size:28px}.phone-layout .eclipse-screen progress{margin-top:12px}.phone-layout .emoji-grid{grid-template-columns:repeat(10,minmax(0,1fr));max-height:33vh}}
@media(prefers-reduced-motion:reduce){.phone-layout *{scroll-behavior:auto!important}}
.phone-layout .phone-device-files{margin-top:24px}.phone-device-files h3{font-size:11px;letter-spacing:1px;color:#708d86;text-transform:uppercase;padding:0 12px}.phone-layout .phone-device-files>div{display:flex;gap:0;border-bottom:1px solid #b8cfd54d}.phone-layout .phone-device-files>div>button:first-child{flex:1;display:flex;align-items:center;gap:12px;border:0;min-width:0;text-align:left;font-size:15px}.phone-layout .phone-device-files .app-art{width:32px;height:32px;flex-shrink:0}.phone-layout .phone-device-files>div>button:last-child{width:44px;border:0;flex-shrink:0;padding:8px;font-size:19px}.phone-layout .fixed-browser .browser-destinations{flex-wrap:wrap;overflow:visible}.phone-layout .fixed-browser .browser-destinations>a{display:flex;align-items:center;min-height:44px;flex-shrink:0;margin-left:auto;font-size:11px}.phone-layout .planner-day-head{padding-left:0;grid-template-columns:50px repeat(var(--days),minmax(0,1fr))}.phone-layout .planner-timeline{padding-left:0;height:4224px;grid-template-columns:50px repeat(var(--days),minmax(0,1fr))}.phone-layout .planner-hour{height:176px;background-size:auto 44px}.phone-layout .calendar-time-slot{height:44px;min-height:44px!important;left:2px;right:2px}.phone-layout .calendar-time-slot strong{font-size:11px}.phone-layout .planner-hours{width:auto}.phone-layout .calendar-scroll .planner-hours span{left:0;width:46px;padding-right:4px}

.phone-layout[data-phone-calendar-view=week] .planner-timeline{min-width:calc(50px + var(--days) * 105px);grid-template-columns:50px repeat(var(--days),minmax(105px,1fr))}.phone-layout[data-phone-calendar-view=week] .planner-day-head{grid-template-columns:50px repeat(var(--days),minmax(105px,1fr));overflow-x:hidden}.phone-layout .planner-timeline .planner-hours{position:sticky;left:0;background:#fafaf2;z-index:3}.phone-layout .planner-day-head>span{position:sticky;left:0;background:#fafaf2;z-index:3}
.phone-layout .compact-messages .reaction-add{min-height:44px;width:44px;min-width:44px;height:44px;right:-24px;bottom:-19px}.phone-layout .compact-messages .reaction-add:before{inset:12px}.phone-layout .compact-messages .message:has(.visitor-reaction) .reaction-add{right:-38px;bottom:-7px}.phone-layout .compact-messages .compose-row>button{min-width:44px;width:44px;min-height:44px}.phone-layout .compact-messages .compose-row>.send-button{width:44px;height:44px;min-height:44px;min-width:44px}.phone-layout .pdf-toolbar button,.phone-layout .pdf-find button,.phone-layout .document-tab-close{min-width:44px}.phone-layout .emoji-palette nav button{min-height:44px}