/* A separate touch workspace. Desktop coordinates and dock preferences stay untouched. */
#mobile-shell{display:none}html[data-mobile=true]{--mobile-paper:#f7f8f2;--mobile-ink:#243935;--mobile-line:#263d3226;--mobile-top:calc(env(safe-area-inset-top,0px) + 48px);--mobile-bottom:calc(env(safe-area-inset-bottom,0px) + 48px);--mobile-header:48px;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Helvetica,Arial,sans-serif}html[data-mobile=true][data-theme=dark]{--mobile-paper:#172725;--mobile-ink:#eff0e6;--mobile-line:#eff0e62a}html[data-mobile=true] body{height:100dvh;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;color:var(--mobile-ink)}html[data-mobile=true] #mobile-shell{display:block;position:fixed;inset:var(--mobile-offset,0px) 0 auto;height:var(--mobile-height,100dvh);z-index:130;pointer-events:none;color:var(--mobile-ink)}html[data-mobile=true] #mobile-shell[hidden]{display:none}html[data-mobile=true] :is(button,a,input,select,textarea){touch-action:manipulation}html[data-mobile=true] button{min-width:44px;min-height:44px}html[data-mobile=true] :is(input,select,textarea){font-size:17px;max-width:100%;border-radius:9px}html[data-mobile=true] :focus-visible{outline:3px solid #d8a34d;outline-offset:3px}html[data-mobile=true] :is(h1,h2,h3,p,span,strong,button){overflow-wrap:break-word}html[data-mobile=true] :is(.menubar,#dock,#desktop-items,#coffee-widget,#newsletter-widget,#focus-widget,.monitor-pull,.system-drawer-zone,.desktop-guide,.resize-handle,.titlebar){display:none!important}html[data-mobile=true] :is(.workspace,#windows-layer){position:fixed;inset:0;width:100%;height:100%;margin:0;overflow:hidden;pointer-events:none}html[data-mobile=true] .wallpaper{position:fixed;inset:0;background-position:center;background-size:cover}html[data-mobile=true] .os-window{position:fixed!important;top:calc(var(--mobile-top) + var(--mobile-header))!important;left:0!important;width:100%!important;height:calc(var(--mobile-height,100dvh) - var(--mobile-top) - var(--mobile-header) - var(--mobile-bottom))!important;min-width:0;min-height:0;max-width:none;max-height:none;transform:none!important;border:0;border-radius:0;box-shadow:none;background:var(--mobile-paper);pointer-events:auto;z-index:100!important;display:flex;flex-direction:column}html[data-mobile=true] .os-window[hidden]{display:none!important}html[data-mobile=true] .window-body{flex:1;width:100%;height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;container-type:inline-size;padding:0;background:var(--mobile-paper);color:var(--mobile-ink)}html[data-mobile=true] :is(.gallery-immersive,.blog-mode-window){inset:auto!important;top:calc(var(--mobile-top) + var(--mobile-header))!important;left:0!important;bottom:auto!important;width:100%!important;height:calc(var(--mobile-height,100dvh) - var(--mobile-top) - var(--mobile-header) - var(--mobile-bottom))!important}.mobile-status,.mobile-appbar,.mobile-navigation{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;pointer-events:auto;background:color-mix(in srgb,var(--mobile-paper) 90%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mobile-status{top:0;height:var(--mobile-top);padding:env(safe-area-inset-top,0px) 15px 0;gap:8px;border-bottom:1px solid var(--mobile-line)}.mobile-status button,.mobile-appbar button,.mobile-navigation button{border:0;background:transparent;color:inherit;padding:6px;font:inherit}.mobile-brand{width:44px}.mobile-brand .app-icon{width:32px;height:32px;padding:0;margin:0}.mobile-brand svg{width:32px;height:32px}.mobile-clock{font-size:15px!important;font-weight:650!important;margin-right:auto}.mobile-control-button svg{width:24px;height:24px;display:block}.mobile-status-focus{font-size:12px!important;font-variant-numeric:tabular-nums;color:#a4562c!important}.mobile-appbar{top:var(--mobile-top);height:48px;padding:0 12px;gap:10px;border-bottom:1px solid var(--mobile-line);background:var(--mobile-paper)}.mobile-appbar[hidden]{display:none}.mobile-appbar>button:first-child{font-size:25px;display:flex;gap:4px;align-items:center}.mobile-appbar>button:first-child span{font-size:15px}.mobile-appbar strong{font-size:16px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58%;outline:0}.mobile-appbar>button:last-child{font-size:19px;letter-spacing:2px}.mobile-navigation{bottom:0;height:var(--mobile-bottom);padding:0 20px env(safe-area-inset-bottom,0px);gap:18px;border-top:1px solid var(--mobile-line)}.mobile-navigation>button:first-child{font-size:28px}.mobile-navigation>button:last-child{font-size:26px}.mobile-now-playing{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;max-width:65%;font-size:12px!important}.mobile-now-playing span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-now-playing i{width:5px;height:5px;border-radius:50%;background:#98a5a0}.mobile-now-playing[data-playing=true] i{background:#55886a;box-shadow:0 0 0 4px #55886a20}.mobile-home{position:absolute;inset:var(--mobile-top) 0 var(--mobile-bottom);padding:25px 20px 20px;overflow:auto;overscroll-behavior:contain;pointer-events:auto;scrollbar-width:none}.mobile-home[hidden]{display:none}.mobile-home-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.mobile-home-heading>div{padding:10px 14px;border-radius:16px;background:#f4f5ebec;color:#2b413c;box-shadow:0 3px 24px #17302c0a}.mobile-home-heading span{font:9px/1.5 ui-monospace,monospace;letter-spacing:.13em}.mobile-home-heading h1{font-size:31px;font-weight:600;line-height:1.2;letter-spacing:-1.5px;margin:4px 0 0}.mobile-home-heading>button{background:#f4f5ebec;color:#2b413c;border:0;border-radius:50%;font:italic 26px Georgia,serif}.mobile-widgets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:27px}.mobile-widget{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;gap:4px;padding:12px 5px;background:color-mix(in srgb,var(--mobile-paper) 92%,transparent);border:1px solid #ffffff42;border-radius:21px;min-height:139px;color:var(--mobile-ink);box-shadow:0 5px 20px #122e2610}.mobile-widget>span{height:59px;display:grid;place-items:center}.mobile-widget>span>svg{width:62px;height:59px;overflow:visible}.mobile-widget strong{font:12px/1.2 ui-monospace,monospace}.mobile-widget small{font-size:9px;line-height:1.3;max-width:85px;color:var(--muted,#66817a)}.mobile-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 8px}.mobile-app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0!important;padding:0;background:none;border:0;color:inherit;font:11px/1.25 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial;text-align:center}.mobile-home>.mobile-home-grid .mobile-app>span:last-child{background:#f6f7efed;border-radius:5px;color:#253b35;padding:3px 5px;box-shadow:0 1px 3px #1a302514;max-width:100%}.mobile-app-art{display:grid;place-items:center;width:58px;height:58px;filter:drop-shadow(0 3px 3px #142f2620)}.mobile-app-art>.app-icon{width:58px!important;height:58px!important;margin:0!important;padding:0!important;border-radius:13px}.mobile-app-art>.app-icon>svg,.mobile-app-art>svg{width:58px!important;height:58px!important;max-width:100%;max-height:100%}.mobile-app-art .app-icon.gallery-color{background:none;box-shadow:none}.mobile-app-art .pixel-gallery{width:58px!important}.mobile-file-art{display:grid;place-items:center;width:58px;height:58px;background:linear-gradient(#f8f8f1,#d9dfd0);color:#749eb0;border-radius:12px;font-size:42px;box-shadow:0 3px 8px #122e261a}.mobile-home-tools{display:flex;justify-content:center;gap:12px;margin:20px 0 4px}.mobile-home-tools button{background:#f4f5ebed;color:#304a40;border:0;padding:6px 12px;border-radius:22px;font-size:12px}.mobile-explore{background:#f4f5ebdf;color:#40574c;border-radius:12px;padding:9px 12px;max-width:280px;text-align:center;margin:9px auto 19px;font-size:11px;line-height:1.5}.mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;padding:16px 11px 10px;background:#f2f3e7d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff6b;border-radius:28px;box-shadow:0 5px 24px #122e261c;color:#293f37}.mobile-dock .mobile-app{font-size:10px}.mobile-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:620px;max-height:calc(var(--mobile-height,100dvh) - env(safe-area-inset-top,0px) - 22px);margin:0 auto;padding:6px 0 max(16px,env(safe-area-inset-bottom,0px));border:1px solid var(--mobile-line);border-bottom:0;border-radius:27px 27px 0 0;box-shadow:0 -20px 80px #071c2930;background:var(--mobile-paper);color:var(--mobile-ink);overflow:hidden;pointer-events:auto}.mobile-sheet::backdrop{background:#071c2944;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mobile-sheet[open]{display:flex;flex-direction:column;animation:mobile-sheet-in .22s ease-out}.mobile-sheet-handle{height:4px;width:36px;background:#88988d70;border-radius:4px;flex-shrink:0;margin:3px auto 2px}.mobile-sheet>header{display:flex;justify-content:space-between;align-items:center;padding:4px 19px;border-bottom:1px solid var(--mobile-line);flex-shrink:0}.mobile-sheet>header h2{font-size:19px;margin:10px 0;letter-spacing:-.5px}.mobile-sheet button{color:inherit;border:0;background:transparent}.mobile-sheet>header button{border-radius:50%;background:var(--mobile-line);font-size:19px}.mobile-sheet-body{overflow:auto;overscroll-behavior:contain;padding:20px 19px;min-height:0}.mobile-sheet-body p{font-size:15px;line-height:1.55}.mobile-sheet-body h3{font-size:13px;font-weight:600;margin:20px 0 14px;color:var(--muted)}.mobile-library-search{display:flex;align-items:center;gap:10px;border-radius:12px;padding:0 12px;background:var(--mobile-line);height:46px;margin-bottom:26px}.mobile-library-search input{width:100%;border:0;background:transparent;color:inherit;outline:0}.mobile-sheet .mobile-home-grid{gap:22px 9px}.mobile-search-albums{display:flex;flex-direction:column;align-items:stretch;margin-top:20px}.mobile-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-control-grid>button{display:flex;flex-wrap:wrap;align-items:center;gap:9px;background:var(--mobile-line);border-radius:17px;padding:15px;font-size:24px;min-height:84px}.mobile-control-grid strong{font-size:13px;flex:1;text-align:left}.mobile-control-grid small{flex-basis:100%;font-size:11px;text-align:left}.mobile-control-grid .app-icon,.mobile-control-grid .app-icon svg{width:28px!important;height:28px!important;margin:0;padding:0}.mobile-control-links{display:flex;flex-direction:column;align-items:stretch;margin-top:20px}.mobile-control-links button{display:flex;justify-content:space-between;text-align:left;padding:12px 0;border-bottom:1px solid var(--mobile-line);font-size:16px}.mobile-order-row{display:flex;align-items:center;border-bottom:1px solid var(--mobile-line);padding:5px 0;gap:4px}.mobile-order-row>span{display:flex;align-items:center;gap:12px;flex:1;font-size:14px;min-width:0}.mobile-order-row .app-icon,.mobile-order-row svg{width:30px!important;height:30px!important;margin:0;padding:0}.mobile-order-row button{background:var(--mobile-line);border-radius:9px;min-width:38px!important}.mobile-order-row button:disabled{opacity:.25}.mobile-guide-list>button{display:flex;align-items:center;gap:18px;width:100%;text-align:left;border-bottom:1px solid var(--mobile-line);padding:13px 0}.mobile-guide-list .app-icon,.mobile-guide-list .app-icon svg{width:40px;height:40px;padding:0;margin:0}.mobile-guide-list span{flex:1;font:italic 20px/1.3 Georgia,serif}.mobile-guide-list i{float:right;font-style:normal}.mobile-switcher article{display:flex;border-bottom:1px solid var(--mobile-line);gap:6px;padding:13px 0}.mobile-switcher article>button:first-child{display:flex;align-items:center;gap:14px;flex:1;text-align:left}.mobile-switcher .app-icon,.mobile-switcher .app-icon svg{width:42px;height:42px;margin:0;padding:0}.mobile-switcher span{flex:1;font-size:17px}.mobile-switcher small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
/* Apps retain their data and engines, with touch-native presentation. */
html[data-mobile=true] :is(.page-heading,.tool-heading){gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:25px}html[data-mobile=true] :is(.page-heading h1,.tool-heading h1){font-size:42px;line-height:1.06;letter-spacing:-2px}html[data-mobile=true] :is(.eyebrow){font-size:10px;letter-spacing:.14em}html[data-mobile=true] :is(.photos-page,.album-page,.library-app,.updates-page,.article-page,.resume-app,.service-studio,.letter-app,.maps-app,.trash-app,.appearance-app,.coffee-page,.focus-app,.visitor-app){min-width:0;width:100%;padding:27px 20px 30px;box-sizing:border-box}html[data-mobile=true] :is(.primary-button,.under-link){min-height:44px;font-size:15px;gap:10px}html[data-mobile=true] .product-page{min-height:100%;padding:35px 24px;display:flex;flex-direction:column;gap:25px;align-items:flex-start;overflow:hidden}html[data-mobile=true] .product-copy{width:100%;z-index:1}html[data-mobile=true] .product-copy h1{font-size:clamp(45px,12vw,65px);line-height:1.02;letter-spacing:-3px}html[data-mobile=true] .product-copy p{font-size:14px}html[data-mobile=true] .hero-case{position:relative;inset:auto;transform:rotate(-7deg);align-self:center;width:230px;height:230px;margin:5px 0 20px;flex-shrink:0}html[data-mobile=true] .page-footnote{position:static;font-size:11px;margin-top:auto}html[data-mobile=true] .album-cards{display:grid;grid-template-columns:1fr;gap:28px}html[data-mobile=true] .album-card{width:100%;text-align:left;min-width:0}html[data-mobile=true] .album-stack{aspect-ratio:4/3;height:auto;width:100%}html[data-mobile=true] .album-stack img{height:100%;object-fit:cover}html[data-mobile=true] .gallery-entry{display:grid;grid-template-columns:84px 1fr;padding:17px;gap:13px;min-height:140px}html[data-mobile=true] .gallery-entry .pixel-gallery{width:84px;height:70px}html[data-mobile=true] .gallery-entry h2{font-size:25px;letter-spacing:-1px}html[data-mobile=true] .gallery-entry p{font-size:14px;line-height:1.45}html[data-mobile=true] .album-hero h1{font-size:46px;line-height:1.02}html[data-mobile=true] .album-hero p{font-size:17px;line-height:1.6}html[data-mobile=true] .album-meta{display:flex;align-items:flex-start;gap:10px;flex-direction:column;font-size:13px}html[data-mobile=true] .album-grid{grid-template-columns:1fr;gap:26px;margin-top:24px}html[data-mobile=true] .album-grid img{width:100%;height:auto;max-height:none;object-fit:contain}html[data-mobile=true] #photo-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-height:none;max-width:none;margin:0;border-radius:0;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);display:none;background:#101915;color:#fff}html[data-mobile=true] #photo-viewer[open]{display:flex;flex-direction:column}html[data-mobile=true] .viewer-bar{padding:8px 12px;gap:7px;min-height:60px;flex-shrink:0}html[data-mobile=true] .viewer-bar>span{font-size:14px}html[data-mobile=true] .viewer-bar button{min-width:44px}html[data-mobile=true] .viewer-stage{flex:1;min-height:0;width:100%;display:flex;position:relative;overflow:auto;touch-action:pan-x pan-y pinch-zoom;align-items:center;justify-content:center}html[data-mobile=true] .viewer-stage>button{position:absolute;bottom:8px;border-radius:50%;z-index:2;background:#20372cb8;color:white}html[data-mobile=true] .viewer-stage>button:first-child{left:12px}html[data-mobile=true] .viewer-stage>button:last-child{right:12px}html[data-mobile=true] .viewer-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:pinch-zoom;transition:transform .16s}html[data-mobile=true] .viewer-stage.zoomed img{transform:scale(2);transform-origin:center;max-height:100%}html[data-mobile=true] .viewer-footer{padding:10px 12px;flex-shrink:0;gap:10px;display:flex;flex-wrap:wrap}html[data-mobile=true] .viewer-footer>div{order:3;flex-basis:100%;width:100%;overflow-x:auto;display:flex;gap:8px}html[data-mobile=true] .viewer-footer button{flex:0 0 44px}html[data-mobile=true] .library-heading h1{font-size:42px}html[data-mobile=true] .library-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;width:calc(100% + 40px);margin-left:-20px;padding:0 20px 12px;scrollbar-width:none}html[data-mobile=true] .library-tabs>button{flex:0 0 auto;padding:10px;font-size:13px}html[data-mobile=true] .library-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:17px;max-width:none;width:calc(100% + 40px);margin-left:-20px;padding:15px 20px 25px;perspective:none;scrollbar-width:none}html[data-mobile=true] .library-card{flex:0 0 66%;min-width:0;scroll-snap-align:center;opacity:.75;transform:none!important}html[data-mobile=true] .library-card.selected{opacity:1}html[data-mobile=true] .library-art{width:100%;height:auto;aspect-ratio:3/4}html[data-mobile=true] .library-detail{padding:24px 0;margin:0;min-width:0}html[data-mobile=true] .library-detail-head h2{font-size:31px;line-height:1.1}html[data-mobile=true] .library-meta{display:flex;flex-wrap:wrap;gap:20px}html[data-mobile=true] .library-personal-note{font-size:17px;line-height:1.7}html[data-mobile=true] .library-source{display:flex;justify-content:center;padding:13px;position:sticky;bottom:0;background:var(--mobile-paper);border:1px solid var(--mobile-line);border-radius:12px}html[data-mobile=true] .curation-empty h2{font-size:30px}html[data-mobile=true] .curation-empty{padding:25px 0}
html[data-mobile=true] .resume-cover{padding:0 0 25px;min-height:0}html[data-mobile=true] .resume-meta{gap:12px;flex-wrap:wrap;margin-bottom:24px}html[data-mobile=true] .resume-meta>span:last-child{font-size:12px}html[data-mobile=true] .resume-portrait{position:relative;float:right;width:90px;height:120px;right:auto;top:auto;margin:0 0 16px 14px}html[data-mobile=true] .resume-cover h1{font-size:42px;letter-spacing:-2px;line-height:1.08}html[data-mobile=true] .resume-headline{font-size:17px;line-height:1.5}html[data-mobile=true] .resume-role{font-size:20px;line-height:1.4;clear:both;padding-top:16px}html[data-mobile=true] .resume-actions{display:flex;flex-wrap:wrap;gap:10px}html[data-mobile=true] .resume-actions>a{font-size:13px;padding:12px 13px}html[data-mobile=true] .resume-section{padding:26px 0}html[data-mobile=true] .resume-section h2{font-size:25px}html[data-mobile=true] .resume-summary{font-size:18px;line-height:1.75}html[data-mobile=true] .resume-entry{grid-template-columns:1fr;gap:9px;padding:18px 0}html[data-mobile=true] .resume-entry h3{font-size:20px;line-height:1.35}html[data-mobile=true] .resume-entry p,html[data-mobile=true] .resume-description{font-size:16px;line-height:1.7}html[data-mobile=true] .resume-chips{gap:8px}html[data-mobile=true] .resume-chips span{font-size:12px;padding:8px 10px}html[data-mobile=true] .resume-footer{flex-direction:column;gap:10px;align-items:flex-start}html[data-mobile=true] .services-intro{display:block;padding:0 0 25px}html[data-mobile=true] .services-intro h1{font-size:43px;line-height:1.05}html[data-mobile=true] .services-intro p{font-size:17px;line-height:1.65}html[data-mobile=true] .services-object{height:170px;transform:scale(.8);margin:20px auto 0}html[data-mobile=true] .service-route-grid{grid-template-columns:1fr;gap:13px}html[data-mobile=true] .service-route{padding:18px;display:grid;grid-template-columns:1fr 65px;gap:8px 12px;text-align:left}html[data-mobile=true] .service-route>svg{grid-column:2;grid-row:2/4;width:65px;height:65px;align-self:center}html[data-mobile=true] .service-route h3{font-size:22px;margin:0}html[data-mobile=true] .service-route p{font-size:15px;line-height:1.6}html[data-mobile=true] :is(.service-route-meta,.service-route-footer){grid-column:1/-1}html[data-mobile=true] .service-workbench{padding:22px 16px;margin:24px -5px;border-radius:18px}html[data-mobile=true] .service-workbench h2{font-size:31px}html[data-mobile=true] .workbench-description{font-size:17px;line-height:1.7}html[data-mobile=true] .service-facts{grid-template-columns:1fr;gap:15px}html[data-mobile=true] .service-journey{grid-template-columns:1fr!important;gap:18px}html[data-mobile=true] .service-journey article{padding:12px 0}html[data-mobile=true] .workbench-deliverables{grid-template-columns:1fr;gap:14px}html[data-mobile=true] .workbench-contact{display:flex;flex-direction:column;align-items:stretch;gap:18px}html[data-mobile=true] .service-comparison-scroll{overflow:visible}html[data-mobile=true] .service-comparison table,html[data-mobile=true] .service-comparison tbody{display:block;min-width:0;width:100%}html[data-mobile=true] .service-comparison thead{display:none}html[data-mobile=true] .service-comparison tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;margin:12px 0;padding:14px;border:1px solid var(--mobile-line);border-radius:14px}html[data-mobile=true] .service-comparison td{display:block;padding:0;border:0;font-size:14px;line-height:1.5}html[data-mobile=true] .service-comparison td:first-child{grid-column:1/-1;font-size:18px}html[data-mobile=true] .service-start>div{grid-template-columns:1fr}html[data-mobile=true] .service-start h2{font-size:34px}html[data-mobile=true] .service-coffee{display:flex;flex-direction:column;gap:8px;align-items:flex-start}html[data-mobile=true] .mail-app{display:flex;flex-direction:column;height:auto;min-height:100%;overflow:visible}html[data-mobile=true] .mail-sidebar{display:flex;flex-direction:row;width:100%;padding:8px 12px;gap:4px;overflow:auto;border-bottom:1px solid var(--mobile-line);flex-shrink:0}html[data-mobile=true] .mail-sidebar>.eyebrow,html[data-mobile=true] .mail-sidebar-bottom{display:none}html[data-mobile=true] .mail-sidebar button{flex:0 0 auto;font-size:12px;padding:8px}html[data-mobile=true] .mail-sidebar svg{width:16px;height:16px}html[data-mobile=true] .mail-compose{overflow:visible;height:auto;min-height:520px;padding:0 16px 20px}html[data-mobile=true] .mail-line{grid-template-columns:70px minmax(0,1fr);padding:10px 0;gap:8px;font-size:13px}html[data-mobile=true] .mail-line input{font-size:16px;min-width:0}html[data-mobile=true] .mail-line .recipient-chip{font-size:12px;flex-wrap:wrap;overflow-wrap:anywhere}html[data-mobile=true] .mail-toolbar{position:sticky;top:0;z-index:2;background:var(--mobile-paper);font-size:12px;padding:8px 0}html[data-mobile=true] .mail-compose textarea{min-height:240px;font-size:17px;line-height:1.6;padding:16px 0}html[data-mobile=true] .mail-bottom{flex-wrap:wrap;gap:8px;font-size:11px}html[data-mobile=true] .mail-hint{font-size:12px;line-height:1.5}html[data-mobile=true] .letter-app>header{padding:0}html[data-mobile=true] .letter-app h1{font-size:52px;letter-spacing:-3px}html[data-mobile=true] .letter-app h2{font-size:31px}html[data-mobile=true] .letter-app p{font-size:17px;line-height:1.7}html[data-mobile=true] .letter-identity{gap:8px;font-size:8px}html[data-mobile=true] .letter-identity>span:nth-child(2){max-width:150px}html[data-mobile=true] .letter-signup{padding:25px 17px;margin:25px -5px}html[data-mobile=true] .letter-stamp{display:none}html[data-mobile=true] #letter-signup-form>div{display:flex;flex-direction:column;gap:10px}html[data-mobile=true] #letter-signup-form input[type=email]{width:100%;min-height:48px}html[data-mobile=true] #letter-signup-form button{width:100%;min-height:48px}html[data-mobile=true] .letter-consent{font-size:13px;line-height:1.5;align-items:center}html[data-mobile=true] .letter-consent input{width:22px;height:22px;flex-shrink:0}html[data-mobile=true] :is(.letter-sections,.letter-outline,.letter-reasons){grid-template-columns:1fr}html[data-mobile=true] .coffee-page h1{font-size:45px;letter-spacing:-2px}html[data-mobile=true] .coffee-page p{font-size:17px;line-height:1.7}
html[data-mobile=true] .lists-app{display:block;height:100%;min-height:0;overflow:auto}html[data-mobile=true] .lists-sidebar{display:block;width:100%;padding:25px 18px;height:auto;background:#e9d4a5;color:#4b402f}html[data-mobile=true] .list-tabs{display:flex;flex-direction:column;gap:7px;overflow:visible;max-height:none}html[data-mobile=true] .list-tabs button{width:100%;padding:15px 12px;font-size:18px;min-height:64px;border-bottom:1px solid #8a73472c}html[data-mobile=true] .lists-app[data-view=detail] .lists-sidebar{display:none}html[data-mobile=true] .lists-app[data-view=lists] .list-sheet{display:none}html[data-mobile=true] .list-sheet{width:100%;min-height:100%;padding:20px 15px;background:#fff5cd;color:#50432a}html[data-mobile=true] .list-sheet>header{padding:0 0 20px}html[data-mobile=true] .list-title h1{font-size:30px;line-height:1.2}html[data-mobile=true] .checklist-row{min-height:64px;display:flex;align-items:center;gap:8px;padding:10px 0;background:none;border-bottom:1px solid #bd9b4e50;line-height:26px}html[data-mobile=true] .checklist-row>span{font-size:17px;line-height:26px;flex:1;padding:0;align-self:center}html[data-mobile=true] .check-circle{border-radius:50%;min-width:32px;width:32px;min-height:32px;height:32px;margin:6px;border:1px solid #ae8d44}html[data-mobile=true] .checklist-row .task-edit,html[data-mobile=true] .checklist-row .entry-remove{min-width:32px;width:32px;min-height:44px;font-size:16px;opacity:1}html[data-mobile=true] #list-entry-form{display:flex;flex-wrap:wrap;padding:13px 0;gap:8px}html[data-mobile=true] #list-entry-form input{min-width:0;flex:1;width:100px;background:transparent}html[data-mobile=true] .task-edit-form{display:flex;flex:1;min-width:0}html[data-mobile=true] .mobile-list-back{display:block;background:transparent;border:0;color:#876b28;margin-bottom:12px}html:not([data-mobile=true]) .mobile-list-back{display:none}html[data-mobile=true] .map-layout{display:flex;flex-direction:column}html[data-mobile=true] .world-viewport{height:260px;min-height:260px;touch-action:pan-x pan-y}html[data-mobile=true] .map-sidebar{width:100%;max-height:none;padding:18px 0;overflow:visible}html[data-mobile=true] #country-results{max-height:330px;overflow:auto}html[data-mobile=true] .country-row{min-height:49px}html[data-mobile=true] .map-heading h1{font-size:39px}html[data-mobile=true] .map-heading{align-items:flex-start;gap:15px;flex-direction:column}html[data-mobile=true] .mobile-country-detail{padding:18px;margin:12px 0;background:var(--mobile-line);border-radius:15px}html[data-mobile=true] .mobile-country-detail h2{font-size:25px;margin:0 0 8px}html[data-mobile=true] .mobile-country-detail p{font-size:14px;line-height:1.5}html[data-mobile=true] .mobile-country-detail button{padding:10px 15px;border-radius:10px;border:1px solid var(--mobile-line)}html[data-mobile=true] .terminal-app{min-height:100%;height:auto;padding:18px;font-size:12px}html[data-mobile=true] .terminal-output{min-height:240px;white-space:pre-wrap;overflow-wrap:anywhere}html[data-mobile=true] #terminal-form{display:flex;flex-wrap:wrap;gap:4px;position:sticky;bottom:0;background:#122521;padding:12px 0}html[data-mobile=true] #terminal-form label{flex-basis:100%}html[data-mobile=true] #terminal-input{min-width:0;font-size:16px}html[data-mobile=true] .terminal-shortcuts{display:flex;gap:7px;flex-wrap:wrap;padding:14px 0}html[data-mobile=true] .terminal-shortcuts button{font:12px ui-monospace,monospace;border:1px solid #d2ebd940;color:#d2ebd9;background:transparent;border-radius:8px;padding:7px 10px}html[data-mobile=true] .folder-page,html[data-mobile=true] .note-editor{padding:20px;min-width:0}html[data-mobile=true] .note-editor textarea{min-height:280px;font-size:17px}html[data-mobile=true] .folder-files{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-mobile=true] .trash-files article{gap:9px;flex-wrap:wrap}html[data-mobile=true] .trash-files strong{font-size:16px}html[data-mobile=true] .trash-empty{padding:30px 0}html[data-mobile=true] .trash-empty span{font-size:14px;line-height:1.6}
/* Editorial reading. */
html[data-mobile=true] .updates-list>button{grid-template-columns:24px 1fr 18px;gap:9px;padding:22px 0}html[data-mobile=true] .updates-list strong{font-size:23px;line-height:1.3}html[data-mobile=true] .article-page h1{font-size:40px;line-height:1.1;letter-spacing:-1.7px}html[data-mobile=true] .article-body{font:18px/1.8 'Helvetica Neue',Helvetica,Arial,sans-serif;max-width:100%;padding:0}html[data-mobile=true] .article-body p{font-size:18px;line-height:1.8}html[data-mobile=true] .article-cover{width:calc(100% + 40px);max-width:none;margin:22px -20px;height:auto;max-height:420px}html[data-mobile=true] .blog-view{padding:0 20px 25px;width:100%;height:auto;overflow:visible}html[data-mobile=true] .blog-masthead{padding:24px 0}html[data-mobile=true] .blog-masthead h1{font-size:45px;line-height:1.05}html[data-mobile=true] .blog-feature,html[data-mobile=true] .blog-grid{display:flex;flex-direction:column;gap:28px}html[data-mobile=true] .blog-feature h2{font-size:33px}html[data-mobile=true] .blog-grid h2{font-size:28px}html[data-mobile=true] .blog-categories{display:flex;overflow:auto;flex-wrap:nowrap;gap:10px}html[data-mobile=true] .blog-categories button{flex:0 0 auto}html[data-mobile=true] .blog-article{padding:24px 0}html[data-mobile=true] .blog-article h1{font-size:40px;line-height:1.1}html[data-mobile=true] .blog-article-body{font:18px/1.8 'Helvetica Neue',Helvetica,Arial,sans-serif}html[data-mobile=true] .blog-article-cover{width:calc(100% + 40px);max-width:none;margin:22px -20px}html[data-mobile=true] .blog-footer{padding:25px 0;gap:15px;flex-wrap:wrap}html[data-mobile=true] body.blog-reading-open .mobile-navigation{display:flex}html[data-mobile=true] body.blog-reading-open #mobile-shell{display:block}
/* Focus, radio and system. */
html[data-mobile=true] .focus-app{min-height:100%;padding:26px 20px}html[data-mobile=true] .focus-clock{width:min(270px,80vw);height:min(270px,80vw);margin:20px auto}html[data-mobile=true] .focus-clock strong{font-size:55px}html[data-mobile=true] .focus-presets{gap:7px;display:flex;flex-wrap:wrap}html[data-mobile=true] .focus-presets button{flex:1;font-size:13px}html[data-mobile=true] .radio-app{padding:25px 20px;width:100%;min-width:0}html[data-mobile=true] .mini-now-playing{gap:16px;margin:24px 0}html[data-mobile=true] .mini-station-scene{width:80px;height:80px;flex-shrink:0}html[data-mobile=true] .mini-now-playing h2{font-size:30px;line-height:1.1}html[data-mobile=true] .mini-now-playing p{font-size:13px}html[data-mobile=true] .mini-radio-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin:18px 0}html[data-mobile=true] .radio-volume{display:flex;align-items:center;gap:12px;width:100%;margin:20px auto}html[data-mobile=true] .radio-volume input{flex:1;min-width:0;height:28px}html[data-mobile=true] .station-presets{display:grid;grid-template-columns:1fr 1fr;gap:9px}html[data-mobile=true] .station-presets button{font-size:11px;gap:8px;padding:8px;min-height:60px}html[data-mobile=true] .station-presets svg{width:35px;height:35px}html[data-mobile=true] .radio-app>p{font-size:13px;line-height:1.6}html[data-mobile=true] .youtube-radio form>div{display:flex;gap:8px}html[data-mobile=true] .youtube-radio input{min-width:0;width:100%}html[data-mobile=true] #menubar-popover{position:fixed!important;inset:calc(env(safe-area-inset-top,0px) + 54px) 10px auto!important;max-height:calc(var(--mobile-height,100dvh) - env(safe-area-inset-top,0px) - 120px)!important;width:calc(100vw - 20px)!important;max-width:600px!important;margin:0 auto!important;overflow:auto!important;border-radius:22px;z-index:1800!important;padding:18px!important}html[data-mobile=true] #menubar-popover[hidden]{display:none!important}html[data-mobile=true] .clock-popover{width:100%!important;min-width:0!important}html[data-mobile=true] .clock-layout{grid-template-columns:1fr!important}html[data-mobile=true] .clock-popover button{min-width:38px;min-height:40px}html[data-mobile=true] .clock-day{font-size:13px}html[data-mobile=true] .clock-timezones{max-height:200px;overflow:auto}html[data-mobile=true] .retro-system{height:auto;max-height:none;padding:20px 16px;min-width:0;width:100%;font-size:12px}html[data-mobile=true] .system-tabs{display:flex;flex-wrap:wrap;gap:5px}html[data-mobile=true] .system-tabs button{font-size:11px;padding:8px;flex:1}html[data-mobile=true] .system-metrics{grid-template-columns:1fr 1fr}html[data-mobile=true] .system-hero{gap:12px;flex-wrap:wrap}html[data-mobile=true] .system-processes{overflow-x:auto}html[data-mobile=true] .system-processes table{font-size:11px}html[data-mobile=true] .appearance-tabs{display:flex;overflow:auto;gap:8px}html[data-mobile=true] .appearance-tabs button[data-extra=appearance-section][data-value=dock]{display:none}html[data-mobile=true] .wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-mobile=true] .appearance-layout{display:flex;flex-direction:column}html[data-mobile=true] .appearance-preview{width:100%;height:190px}
/* Arcade controls keep the maze fully visible without shrinking touch targets. */
html[data-mobile=true] .arcade-app{padding:12px 12px 20px;height:auto;min-height:100%;display:flex;flex-direction:column;gap:9px;background:#05070a}html[data-mobile=true] .arcade-header{padding:0;gap:12px;min-height:40px}html[data-mobile=true] .arcade-wordmark{width:100px;max-width:30vw}html[data-mobile=true] .arcade-scores{gap:10px;font-size:10px}html[data-mobile=true] .arcade-scores strong{font-size:16px}html[data-mobile=true] .arcade-stage{width:auto;max-width:100%;height:auto;aspect-ratio:648/720;margin:0 auto;touch-action:none;flex-shrink:0}html[data-mobile=true] #game-canvas{display:block;width:100%;height:auto;max-height:none;aspect-ratio:648/720;image-rendering:pixelated}html[data-mobile=true] .arcade-controls{padding:6px 0 0;display:flex;flex-wrap:wrap;gap:9px;align-items:center}html[data-mobile=true] .arcade-toolbar{display:flex;gap:5px;flex:1;flex-wrap:wrap}html[data-mobile=true] .arcade-toolbar button{font-size:10px;padding:6px 8px}html[data-mobile=true] .arcade-audio{display:flex;flex-wrap:wrap;gap:5px}html[data-mobile=true] .arcade-audio button{min-width:42px;font-size:9px;padding:7px}html[data-mobile=true] .game-direction-pad{display:grid!important;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,46px);gap:5px;touch-action:none;margin:3px 0 0 auto}html[data-mobile=true] .game-direction-pad button{width:48px;height:46px;min-height:46px;font-size:22px;border-radius:12px;background:#243346;border:1px solid #45607e;color:#efedd1}html[data-mobile=true] .game-direction-pad [data-value=up]{grid-column:2;grid-row:1}html[data-mobile=true] .game-direction-pad [data-value=left]{grid-column:1;grid-row:2}html[data-mobile=true] .game-direction-pad [data-value=down]{grid-column:2;grid-row:2}html[data-mobile=true] .game-direction-pad [data-value=right]{grid-column:3;grid-row:2}html[data-mobile=true] .arcade-app[data-hand=left] .game-direction-pad{margin-left:0;margin-right:auto}html[data-mobile=true] .game-hand{background:transparent;border:1px solid #455c7b;color:#d6e7e7;border-radius:9px;font-size:11px;padding:5px 10px}html[data-mobile=true] .arcade-help{font-size:11px;line-height:1.6;margin:0}html[data-mobile=true] .arcade-ranking{padding:18px 9px;width:100%;height:auto;overflow:visible}html[data-mobile=true] .arcade-ranking form{display:flex;flex-direction:column;gap:10px}html[data-mobile=true] .arcade-ranking input{min-height:46px;font-size:17px;width:100%}html[data-mobile=true] .arcade-ranking table{font-size:12px;width:100%}html[data-mobile=true] .arcade-ranking th,html[data-mobile=true] .arcade-ranking td{padding:10px 5px}
/* Gallery: movement and view use separate touches, with a guided alternative. */
html[data-mobile=true] .museum-app{height:100%;min-height:0;display:flex;flex-direction:column;padding:0}html[data-mobile=true] .museum-header{display:flex;overflow:auto;flex-wrap:nowrap;min-height:47px;height:47px;gap:7px;padding:0 9px;flex-shrink:0;scrollbar-width:none}html[data-mobile=true] .museum-header>span{display:none}html[data-mobile=true] .museum-header>div{display:flex;overflow:visible;gap:6px}html[data-mobile=true] .museum-header button{white-space:nowrap;font-size:11px;min-width:44px;padding:8px}html[data-mobile=true] .museum-header [data-gallery=look],html[data-mobile=true] .museum-header [data-gallery=fullscreen]{display:none}html[data-mobile=true] .museum-header [data-gallery=music] span{display:none}html[data-mobile=true] .museum-stage{flex:1;min-height:240px;position:relative;overflow:hidden;width:100%}html[data-mobile=true] .gallery-canvas{width:100%;height:100%;touch-action:none;image-rendering:pixelated}html[data-mobile=true] .museum-exhibition{left:13px;top:13px;right:13px;max-width:80%;pointer-events:none}html[data-mobile=true] .museum-exhibition h1{font-size:22px;letter-spacing:-.7px;margin:4px 0}html[data-mobile=true] .museum-exhibition small,html[data-mobile=true] .museum-exhibition>span{font-size:9px}html[data-mobile=true] .museum-photo-label{left:auto;right:10px;bottom:97px;max-width:52%;padding:8px 10px;background:#f7f3e8e8;min-height:44px;border-radius:9px;color:#3e483c}html[data-mobile=true] .museum-photo-label strong{font-size:12px}html[data-mobile=true] .museum-photo-label small,html[data-mobile=true] .museum-photo-label span{font-size:9px;line-height:1.4}html[data-mobile=true] .museum-journey{display:none}html[data-mobile=true] .museum-walking-hint{bottom:7px;left:115px;right:7px;font-size:9px;padding:4px 7px;background:#f7f3e8c9;border-radius:6px;color:#334637;white-space:normal}html[data-mobile=true] .museum-controls{display:none}html[data-mobile=true] .museum-joystick{position:absolute;left:13px;bottom:16px;width:88px;height:88px;min-width:88px;min-height:88px;border:1px solid #eff4ea90;border-radius:50%;background:#233f373b;backdrop-filter:blur(5px);touch-action:none;display:grid;place-items:center;color:#faf9eb;font-size:17px;user-select:none}html[data-mobile=true] .museum-joystick i{display:block;width:36px;height:36px;border-radius:50%;border:1px solid #f4f6eaa9;background:#eff1de8c;box-shadow:0 2px 8px #172c3320;pointer-events:none;transform:translate(var(--stick-x,0px),var(--stick-y,0px))}html:not([data-mobile=true]) .museum-joystick,html:not([data-mobile=true]) .museum-assisted{display:none}html[data-mobile=true] .museum-assisted{position:absolute;right:10px;bottom:27px;display:flex;gap:5px;max-width:60%}html[data-mobile=true] .museum-assisted button{border:1px solid #f8fae75c;background:#263e35b8;color:#faf5e4;border-radius:9px;padding:5px 10px;font-size:11px;min-width:44px;min-height:44px}html[data-mobile=true] .museum-footer{display:flex;flex-wrap:nowrap;overflow:auto;gap:9px;padding:3px 10px;min-height:50px;height:50px;flex-shrink:0;scrollbar-width:none;background:var(--mobile-paper)}html[data-mobile=true] .museum-footer>span{display:none}html[data-mobile=true] .museum-footer button{flex-shrink:0;font-size:11px;padding:7px}html[data-mobile=true] .museum-audio-panel{inset:8px 8px auto;max-width:none;width:auto;padding:16px;max-height:calc(100% - 16px);overflow:auto;z-index:20}html[data-mobile=true] .museum-audio-panel h2{font-size:24px}html[data-mobile=true] .museum-player-art{height:55px}html[data-mobile=true] .museum-secret-offer{max-width:calc(100% - 30px);left:15px;right:15px;bottom:130px;transform:none;font-size:14px;z-index:15}html[data-mobile=true] .museum-guestbook{position:fixed;inset:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);width:100%;height:auto;max-width:none;max-height:none;margin:0;border-radius:18px;background:#edf0e6;padding:0;overflow:hidden}html[data-mobile=true] .guestbook-top{padding:10px 15px;min-height:50px;flex-shrink:0}html[data-mobile=true] .guestbook-top>span{font-size:9px}html[data-mobile=true] .guestbook-mobile-tabs{display:flex;justify-content:center;gap:10px;padding:6px 15px;border-bottom:1px solid #3f514026;background:#edf0e6}html[data-mobile=true] .guestbook-mobile-tabs button{border:0;background:transparent;padding:10px 18px;border-radius:12px;color:#40513d;font-size:15px}html[data-mobile=true] .guestbook-mobile-tabs [aria-pressed=true]{background:#d2dbc7}html:not([data-mobile=true]) .guestbook-mobile-tabs{display:none}html[data-mobile=true] .guestbook-cover{display:block;border:0;padding:0;height:calc(100% - 140px);min-height:0;overflow:auto;background:#fbf6e5;border-radius:0}html[data-mobile=true] .guestbook-leaf{width:100%;height:auto;min-height:100%;max-height:none;overflow:visible;padding:25px 21px;box-shadow:none}html[data-mobile=true] .museum-guestbook[data-page=write] .guestbook-visits,html[data-mobile=true] .museum-guestbook[data-page=visits] .guestbook-writing{display:none}html[data-mobile=true] .guestbook-writing:before,html[data-mobile=true] .guestbook-page-corner,html[data-mobile=true] .guestbook-ribbon{display:none}html[data-mobile=true] .guestbook-form-content{padding:0;overflow:visible}html[data-mobile=true] .guestbook-form-content h2{font-size:31px}html[data-mobile=true] #guestbook-form input,html[data-mobile=true] #guestbook-form textarea{font:17px/1.6 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;padding:12px;min-height:48px}html[data-mobile=true] .guestbook-public-note{font-size:12px;line-height:1.5}html[data-mobile=true] .guestbook-bottom{padding:10px 16px;font-size:8px;min-height:35px}html[data-mobile=true] .museum-reference-dialog{width:calc(100% - 20px);max-height:90dvh;padding:20px;border-radius:18px}html[data-mobile=true] .reference-grid{grid-template-columns:1fr 1fr}html[data-mobile=true] .reference-card img{width:100%}
/* Admin uses the same authenticated endpoints and editable content. */
html[data-mobile=true] .admin-app{padding:20px 15px;min-width:0}html[data-mobile=true] .admin-header{display:flex;flex-direction:column;align-items:flex-start;gap:15px}html[data-mobile=true] .admin-layout{display:flex;flex-direction:column;gap:20px}html[data-mobile=true] .admin-sidebar{display:flex;flex-direction:row;width:100%;overflow:auto;position:sticky;top:0;z-index:5;background:var(--mobile-paper);padding:6px 0;gap:6px}html[data-mobile=true] .admin-sidebar button{flex:0 0 auto;padding:8px 12px;font-size:12px}html[data-mobile=true] .admin-form{width:100%;min-width:0}html[data-mobile=true] .admin-grid,html[data-mobile=true] .admin-row,html[data-mobile=true] .admin-fields,html[data-mobile=true] .admin-profile-grid{display:flex;flex-direction:column;gap:15px}html[data-mobile=true] .admin-record{padding:15px 12px}html[data-mobile=true] .admin-record-toolbar,html[data-mobile=true] .admin-record-toolbar>div{display:flex;flex-wrap:wrap;gap:6px}html[data-mobile=true] .admin-record-toolbar button{min-width:44px;min-height:44px}html[data-mobile=true] .admin-photo-order{min-width:44px}html[data-mobile=true] .admin-photo-order button{min-width:44px;min-height:44px}html[data-mobile=true] .admin-photo{grid-template-columns:70px minmax(0,1fr);gap:12px}html[data-mobile=true] .admin-photo-order{grid-column:1/-1;display:flex;gap:8px}html[data-mobile=true] .admin-photo textarea{min-height:95px}html[data-mobile=true] .admin-actions{position:sticky;bottom:0;padding:12px 0;background:var(--mobile-paper);display:flex;flex-wrap:wrap;gap:10px;z-index:4}html[data-mobile=true] .admin-login{padding:20px 0;max-width:none}html[data-mobile=true] .admin-login h1{font-size:35px}html[data-mobile=true] .admin-form label{min-width:0}html[data-mobile=true] .admin-form input,html[data-mobile=true] .admin-form select,html[data-mobile=true] .admin-form textarea{width:100%;min-width:0;min-height:44px;font-size:16px}html[data-mobile=true] :is(#system-dialog,.welcome-dialog){max-width:calc(100vw - 24px);width:calc(100vw - 24px);max-height:calc(var(--mobile-height,100dvh) - 30px);padding:24px 20px;border-radius:23px;box-sizing:border-box;overflow:auto}html[data-mobile=true] .welcome-dialog[open]{display:flex;flex-direction:column;gap:8px}html[data-mobile=true] .welcome-scene{min-height:140px;height:150px;max-height:170px;transform:scale(.8);margin:-10px 0}html[data-mobile=true] .welcome-copy{padding:0;width:100%}html[data-mobile=true] .welcome-copy h1{font-size:34px;line-height:1.07}html[data-mobile=true] .welcome-copy p{font-size:16px;line-height:1.6}html[data-mobile=true] .welcome-login{padding:9px;margin:22px 0 15px;gap:8px}html[data-mobile=true] .welcome-login-face{width:35px;height:35px}html[data-mobile=true] .welcome-login-name strong{font-size:14px}html[data-mobile=true] .welcome-login-name small{font-size:10px}html[data-mobile=true] .welcome-enter{font-size:14px;padding:8px 12px;min-width:75px}html[data-mobile=true] #toast{left:15px;right:15px;bottom:calc(var(--mobile-bottom) + 10px);max-width:none;width:auto;transform:none;font-size:13px;text-align:center;z-index:6000;padding:12px 16px}html[data-mobile=true] #context-menu{max-width:calc(100vw - 20px);z-index:1900}html[data-mobile=true] .spotlight-dialog{max-height:80dvh!important}html[data-mobile=true] .spotlight-input input{font-size:20px}html[data-mobile=true] .spotlight-icon{width:44px;height:44px}html[data-mobile=true] #spotlight-results>button{padding:12px 0;gap:12px}html[data-mobile=true] #spotlight-results>button>span:nth-child(2){font-size:16px}html[data-mobile=true] .spotlight-foot{font-size:10px}html[data-mobile=true][data-keyboard=true] .mobile-navigation{display:none}html[data-mobile=true][data-keyboard=true] .os-window{height:calc(var(--mobile-height,100dvh) - var(--mobile-top) - var(--mobile-header))!important}
@media(max-width:350px){html[data-mobile=true] .mobile-home{padding:20px 14px}.mobile-app-art,.mobile-app-art>.app-icon,.mobile-app-art>.app-icon>svg,.mobile-app-art>svg{width:52px!important;height:52px!important}.mobile-widget small{font-size:8px}html[data-mobile=true] .mobile-app{font-size:10px}.mobile-widgets{gap:6px}html[data-mobile=true] .mini-now-playing h2{font-size:26px}}
@media(max-height:500px) and (orientation:landscape){html[data-mobile=true]{--mobile-top:36px;--mobile-header:42px;--mobile-bottom:38px}.mobile-status{height:36px;padding:0 15px}.mobile-appbar{height:42px}.mobile-navigation{height:38px;padding-bottom:0}.mobile-home{padding:15px 30px}.mobile-home-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.mobile-widgets{width:320px;float:left;margin-right:25px}.mobile-home-heading{margin-bottom:12px}.mobile-dock{max-width:350px;margin:15px auto 0;clear:both}html[data-mobile=true] .arcade-play-view{display:grid;grid-template-columns:minmax(200px,1fr) 200px;gap:15px}html[data-mobile=true] .arcade-stage{width:min(100%,calc((var(--mobile-height,100dvh) - 170px)*.9));max-width:450px}html[data-mobile=true] .arcade-controls{align-content:flex-start;align-self:center}html[data-mobile=true] .arcade-help{max-width:200px}html[data-mobile=true] .museum-stage{min-height:130px}html[data-mobile=true] .museum-exhibition{max-width:50%}html[data-mobile=true] .museum-header{height:42px;min-height:42px}html[data-mobile=true] .museum-footer{height:42px;min-height:42px}html[data-mobile=true] .museum-joystick{width:68px;height:68px;min-width:68px;min-height:68px;bottom:8px}html[data-mobile=true] .museum-photo-label{bottom:70px}html[data-mobile=true] .museum-assisted{bottom:13px}html[data-mobile=true] .welcome-dialog[open]{flex-direction:row;align-items:center}html[data-mobile=true] .welcome-scene{flex:0 0 30%;height:150px}html[data-mobile=true] .welcome-copy h1{font-size:28px}html[data-mobile=true] .welcome-copy p{font-size:13px}html[data-mobile=true] .welcome-login{margin:10px 0}.mobile-sheet{max-height:calc(var(--mobile-height,100dvh) - 10px)}}
@keyframes mobile-sheet-in{from{transform:translateY(35px);opacity:.6}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){html[data-mobile=true] *,html[data-mobile=true] *:before,html[data-mobile=true] *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html[data-mobile=true] .mobile-dock{position:fixed;left:20px;right:20px;bottom:calc(var(--mobile-bottom) + 9px);z-index:3;pointer-events:auto}html[data-mobile=true] .mobile-home{padding-bottom:140px}html[data-mobile=true] .mobile-home[hidden] .mobile-dock{display:none}html[data-mobile=true] .mobile-arcade-help{font-size:11px;line-height:1.5;color:#9bb3c6;margin:5px 0}html[data-mobile=true] .arcade-help{display:none}html:not([data-mobile=true]) .mobile-arcade-help,html:not([data-mobile=true]) .game-hand,html:not([data-mobile=true]) .terminal-shortcuts{display:none}html[data-mobile=true] .mobile-secret-access{display:block}html:not([data-mobile=true]) .mobile-secret-access{display:none}html[data-mobile=true] .image-unavailable{background:repeating-linear-gradient(135deg,#97a39718 0 10px,#97a39730 10px 20px);min-height:100px;color:var(--mobile-ink)}html[data-mobile=true] .blog-app{padding:0 20px 25px;width:100%;max-width:none;margin:0;overflow:visible}html[data-mobile=true] .blog-story{padding:25px 0;width:100%}html[data-mobile=true] .blog-story-heading h1{font-size:40px;line-height:1.08;letter-spacing:-1.7px}html[data-mobile=true] .blog-prose{font:18px/1.8 'Helvetica Neue',Helvetica,Arial,sans-serif;padding:0;max-width:100%}html[data-mobile=true] .blog-story-cover{width:calc(100% + 40px);margin:24px -20px;max-width:none}html[data-mobile=true] .blog-post-grid,html[data-mobile=true] .blog-first-page{display:flex;flex-direction:column;gap:25px}html[data-mobile=true] .blog-post-grid h2{font-size:28px}html[data-mobile=true] .blog-colophon{padding:24px 0;gap:15px;flex-wrap:wrap}html[data-mobile=true] .blog-newsletter{display:none}
@media(max-height:500px) and (orientation:landscape){html[data-mobile=true] .mobile-dock{position:static;max-width:340px;margin:16px auto 0}html[data-mobile=true] .mobile-home{padding-bottom:24px}}
.arcade-inputs{display:contents}html[data-mobile=true] .arcade-inputs{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:7px 10px;align-items:center}html[data-mobile=true] .arcade-controls{grid-column:1;grid-row:1;margin:0;padding:0;display:block}html[data-mobile=true] .arcade-controls .arcade-toolbar{display:flex;flex-wrap:wrap;gap:5px!important}html[data-mobile=true] #game-lives{min-width:28px;gap:3px}html[data-mobile=true] #game-lives i{width:8px;height:8px}html[data-mobile=true] .arcade-transport [data-extra=game-pause]{min-width:65px;padding:5px;font-size:9px}html[data-mobile=true] .arcade-controls .arcade-audio{padding-top:5px;margin-top:5px;gap:4px;flex-wrap:wrap}html[data-mobile=true] .arcade-audio-toggle{padding:5px;gap:4px}html[data-mobile=true] .arcade-audio-both:disabled{display:none}html[data-mobile=true] .game-hand{grid-column:1;grid-row:2;font-size:10px;line-height:1.3;min-height:44px;margin:0}html[data-mobile=true] .game-direction-pad{grid-column:2;grid-row:1/3;margin:0}html[data-mobile=true] .arcade-app[data-hand=left] .arcade-inputs{grid-template-columns:154px minmax(0,1fr)}html[data-mobile=true] .arcade-app[data-hand=left] .game-direction-pad{grid-column:1}html[data-mobile=true] .arcade-app[data-hand=left] :is(.arcade-controls,.game-hand){grid-column:2}html[data-mobile=true] .arcade-brand h1 img{width:130px}html[data-mobile=true] .arcade-app .arcade-header{margin:0 0 6px;min-height:36px}html[data-mobile=true] .arcade-stage{width:min(100%,calc((var(--mobile-height,100dvh) - var(--mobile-top) - var(--mobile-header) - var(--mobile-bottom) - 260px)*.9));max-width:440px}html[data-mobile=true] .museum-walking-hint{left:13px;top:83px;bottom:auto;right:auto;max-width:245px;font-size:9px}html[data-mobile=true] .museum-guestbook[open]{display:flex;flex-direction:column}html[data-mobile=true] .guestbook-cover{flex:1;height:auto;min-height:0;overflow:auto}html[data-mobile=true] .guestbook-top{color:#40513d;min-height:52px;height:52px}html[data-mobile=true] .guestbook-top button{color:#40513d;background:#40513d12}html[data-mobile=true] .gallery-entry{grid-template-columns:72px minmax(0,1fr) 14px;min-height:125px;padding:14px;gap:10px}html[data-mobile=true] .gallery-entry strong{font-size:23px!important;line-height:1.1}html[data-mobile=true] .gallery-entry>span>span{font-size:13px!important;line-height:1.5}html[data-mobile=true] .gallery-entry small{font-size:8px!important}html[data-mobile=true] .gallery-entry .pixel-gallery{width:72px}html[data-mobile=true] .gallery-entry i{font-size:20px}html[data-mobile=true] .task-edit,html[data-mobile=true] .entry-remove,html[data-mobile=true] .check-circle{min-width:44px!important;min-height:44px!important}html[data-mobile=true] .check-circle{margin:0;width:36px;height:36px}html[data-mobile=true] .mobile-status-focus{color:#8f4a23!important}
@media(max-height:500px) and (orientation:landscape){html[data-mobile=true] .arcade-play-view{grid-template-columns:minmax(150px,1fr) minmax(300px,1fr);align-items:center;gap:15px}html[data-mobile=true] .arcade-stage{grid-column:1;grid-row:1/3;width:min(100%,calc((var(--mobile-height,100dvh) - 170px)*.9));max-width:380px}html[data-mobile=true] .arcade-inputs{grid-column:2;grid-row:1;gap:5px 15px}html[data-mobile=true] .mobile-arcade-help{grid-column:2;grid-row:2}html[data-mobile=true] .museum-exhibition{top:8px}html[data-mobile=true] .museum-walking-hint{display:none}}
html[data-mobile=true] .lists-sidebar{max-height:none;min-height:100%;height:auto;overflow:visible;border:0}html[data-mobile=true] .list-tabs button{max-width:none;min-width:0;width:100%;border:1px solid #967d4233;background:#fff4ce;color:#53442e;border-radius:12px;box-shadow:0 2px 3px #8160220b;padding:15px 12px;gap:12px}html[data-mobile=true] .list-tabs button svg{width:23px;height:23px}html[data-mobile=true] .list-tabs button small{font-size:13px}html[data-mobile=true] .lists-sidebar #new-list-form{max-width:none;width:100%;padding:12px 0;overflow:visible}html[data-mobile=true] #new-list-form input{min-width:0;flex:1;width:120px;padding:12px;font-size:17px;background:#fff4ceaa}html[data-mobile=true] .lists-sidebar .lists-local{display:block;font-size:12px;line-height:1.6;margin-top:20px}html[data-mobile=true] .list-sheet{overflow:visible}html[data-mobile=true] .list-progress{font-size:12px}html[data-mobile=true] .list-empty{font-size:16px;padding:30px 0}html[data-mobile=true] .checklist-row .task-edit,html[data-mobile=true] .checklist-row .entry-remove{flex:0 0 32px;min-width:32px!important;padding:0}html[data-mobile=true] .list-title{flex-wrap:wrap}html[data-mobile=true] .task-inline-input{min-width:0;width:100px;font-size:17px}html[data-mobile=true] .checklist{background:none}html[data-mobile=true] .admin-app{height:auto;min-height:100%;padding-bottom:90px}html[data-mobile=true] .admin-layout{flex:none;min-height:0}html[data-mobile=true] .admin-main{overflow:visible;padding:10px 0;min-height:0}html[data-mobile=true] .admin-sidebar{flex-shrink:0;max-height:70px;border:0;align-items:center;overflow-x:auto;overflow-y:hidden;border-radius:10px}html[data-mobile=true] .admin-sidebar>span{display:none}html[data-mobile=true] .admin-sidebar-bottom{display:none}html[data-mobile=true] .admin-sidebar>button{font-size:13px;min-width:70px}html[data-mobile=true] .admin-header{padding:0 0 18px}html[data-mobile=true] .admin-header>div:last-child{align-items:flex-start}html[data-mobile=true] .admin-header .primary-button{position:fixed;right:18px;bottom:calc(var(--mobile-bottom) + 10px);z-index:15;font-size:15px;padding:12px 20px;box-shadow:0 5px 22px #17382630}html[data-mobile=true] .admin-fields{display:flex;flex-direction:column;gap:20px}html[data-mobile=true] .admin-fields label{font-size:14px}html[data-mobile=true] .admin-fields input:not([type=checkbox]):not([type=file]),html[data-mobile=true] .admin-fields textarea,html[data-mobile=true] .admin-fields select,html[data-mobile=true] .admin-photo-row input{font-size:16px!important;min-height:46px;padding:11px!important}html[data-mobile=true] .admin-fields small{font-size:12px;line-height:1.5}html[data-mobile=true] .admin-fields input[type=checkbox]{width:23px;height:23px}html[data-mobile=true] .admin-intro h2{font-size:32px}html[data-mobile=true] .admin-intro>p{font-size:16px}html[data-mobile=true] .admin-stats{grid-template-columns:1fr 1fr}html[data-mobile=true] .admin-stats span{font-size:12px}html[data-mobile=true] .admin-quick button{font-size:13px}html[data-mobile=true] .admin-note{font-size:12px!important}html[data-mobile=true] .admin-photo-row{grid-template-columns:70px minmax(0,1fr);gap:12px}html[data-mobile=true] .admin-photo-row>div:nth-child(2){grid-template-columns:1fr;gap:15px}html[data-mobile=true] .admin-photo-order{flex-direction:row;grid-column:1/-1}html[data-mobile=true] .admin-record-editor{padding:16px 12px}html[data-mobile=true] .admin-record-toolbar button{font-size:12px}html[data-mobile=true] .admin-record-toolbar>span{font-size:10px}html[data-mobile=true] .admin-collection-heading{flex-wrap:wrap;gap:10px}html[data-mobile=true] .admin-collection-heading>button{font-size:13px}html[data-mobile=true] .admin-records strong{font-size:15px}html[data-mobile=true] .admin-records small{font-size:11px}html[data-mobile=true] .admin-upload-button{font-size:13px;min-height:44px;padding:11px}html[data-mobile=true] .admin-photo-manager>p{font-size:12px}html[data-mobile=true] .admin-photo-manager h3{font-size:18px}html[data-mobile=true] .admin-photo-manager header>button{font-size:13px}html[data-mobile=true] .admin-subscriber-list>div{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}html[data-mobile=true] .admin-subscriber-list span,html[data-mobile=true] .admin-subscriber-list small{font-size:12px}html[data-mobile=true] .admin-locked{padding:35px 23px}html[data-mobile=true] .admin-locked p{font-size:17px}
html[data-mobile=true] .list-sheet>header{margin:0;padding:17px 0 20px;box-shadow:none;background:transparent;border-bottom:1px solid #b3985d55}html[data-mobile=true] .list-sheet>header:before{display:none}html[data-mobile=true] .list-sheet .list-title{gap:8px}html[data-mobile=true] .list-title h1{flex:1;min-width:0;font-size:28px}html[data-mobile=true] .list-sheet .list-title button{flex-shrink:0}html[data-mobile=true] .list-tabs button{text-shadow:none}html[data-mobile=true] .list-tabs button small{color:#8b7852}html[data-mobile=true] .lists-sidebar input{color:#50412d}html[data-mobile=true] .lists-sidebar input::placeholder{color:#927f57}html[data-mobile=true] .lists-sidebar .lists-local{color:#7d6844}html[data-mobile=true] .list-sheet #list-entry-form button{font-size:13px}html[data-mobile=true] .todo-undo{padding:10px 12px;margin:0 0 12px;background:#e7d4a7;border:1px solid #ae925655;border-radius:10px;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial;color:#5c4c32}html[data-mobile=true] .todo-undo button{font-size:13px;text-decoration:underline;background:transparent;border:0}html[data-mobile=true] .task-options{position:relative;flex:0 0 44px;align-self:center}html[data-mobile=true] .task-options summary{list-style:none;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;font:16px sans-serif;color:#937847}html[data-mobile=true] .task-options summary::-webkit-details-marker{display:none}html[data-mobile=true] .task-options>div{position:absolute;z-index:10;right:0;top:42px;width:205px;padding:8px;border:1px solid #b0925360;background:#fff6d9;box-shadow:0 10px 25px #5e48252a;border-radius:13px;display:flex;flex-direction:column}html[data-mobile=true] .task-options button{text-align:left;padding:9px 12px;color:#53442a;min-height:44px;font:14px -apple-system,sans-serif;background:transparent;border:0}html[data-mobile=true] .checklist-row>.task-edit,html[data-mobile=true] .checklist-row>.entry-remove{display:none}html:not([data-mobile=true]) .task-options{display:none}html[data-mobile=true] .mobile-notice{font-size:12px;line-height:1.5;color:var(--muted);margin-top:20px}html[data-mobile=true] .mobile-guide-description{padding:18px;background:var(--mobile-line);border-radius:17px;font:20px/1.5 Georgia,serif}.mobile-guide-actions{display:flex;gap:12px;justify-content:space-between}.mobile-guide-actions button{padding:10px 16px;border:1px solid var(--mobile-line);border-radius:12px;font-size:15px}.mobile-bottom-media{display:flex;align-items:center;min-width:0;max-width:75%;gap:0}.mobile-bottom-media .mobile-now-playing{max-width:none;min-width:0;font-size:11px!important}.mobile-bottom-media .mobile-radio-toggle{font-size:15px!important;min-width:36px}html[data-mobile=true] .library-list{display:flex;flex-direction:column;margin:20px 0}html[data-mobile=true] .library-list>button{display:flex;align-items:center;gap:15px;text-align:left;border-bottom:1px solid var(--mobile-line);padding:14px 0}html[data-mobile=true] .library-list .library-art{width:58px;height:76px;flex-shrink:0;aspect-ratio:auto}html[data-mobile=true] .library-list>button>span:nth-child(2){flex:1;font-size:18px}html[data-mobile=true] .library-list small{display:block;font-size:12px;margin-top:5px;color:var(--muted)}html[data-mobile=true] .library-view-toggle{font-size:13px;border:1px solid var(--mobile-line);border-radius:20px;background:transparent;padding:7px 15px;color:inherit;margin:10px 0}html:not([data-mobile=true]) .library-view-toggle{display:none}
html[data-mobile=true] .mobile-guide-step{text-align:center;padding:12px 0 24px}html[data-mobile=true] .mobile-guide-step>small{font:12px ui-monospace,monospace;color:var(--muted)}html[data-mobile=true] .mobile-guide-target{display:flex;justify-content:center;margin:20px 0}html[data-mobile=true] .mobile-guide-target .mobile-app{width:100px}html[data-mobile=true] .mobile-guide-step h3{font-size:25px;margin:12px 0}html[data-mobile=true] .mobile-guide-step .mobile-guide-description{font:18px/1.55 -apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;margin:18px 0 22px}html[data-mobile=true] .mobile-sheet-handle{min-height:22px;touch-action:none;cursor:grab}html[data-mobile=true] .mobile-bottom-media{max-width:68%}html[data-mobile=true] .mobile-bottom-media .mobile-radio-toggle{min-width:44px}html:not([data-mobile=true]) .focus-app .mobile-notice{display:none}html[data-mobile=true] .focus-app .mobile-notice{display:block;margin:18px auto 0;max-width:26em;font-size:12px;line-height:1.5}html[data-mobile=true] .mobile-guide-step .primary-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:12px}

html[data-mobile=true] .mobile-timer-controls{display:flex;align-items:center;min-width:0;gap:0}html[data-mobile=true] .mobile-timer-controls[hidden]{display:none}html[data-mobile=true] .mobile-timer-toggle{min-width:36px;font-size:14px;padding:0 4px}html[data-mobile=true] .mobile-status-focus{padding:0 3px}html[data-mobile=true] .radio-volume-note{font-size:12px;line-height:1.5;display:block;margin:5px 0 18px;color:var(--muted)}
@media(max-width:760px) and (min-height:501px){
html[data-mobile=true] .arcade-inputs{grid-template-columns:minmax(0,1fr) 154px;gap:5px 10px;align-items:center}
html[data-mobile=true] .arcade-controls{display:contents}
html[data-mobile=true] .arcade-controls .arcade-toolbar{grid-column:1/-1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;min-width:0}
html[data-mobile=true] .arcade-controls .arcade-audio{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;margin:0;padding:0;gap:4px}
html[data-mobile=true] .arcade-audio-toggle>span:not(.audio-symbol){display:none}
html[data-mobile=true] .arcade-audio-toggle{min-width:44px;min-height:44px;justify-content:center}
html[data-mobile=true] .arcade-audio-both{display:none}
html[data-mobile=true] .game-hand{grid-column:1;grid-row:3;padding:4px;font-size:9px}
html[data-mobile=true] .game-direction-pad{grid-column:2;grid-row:2/4;align-self:center}
html[data-mobile=true] .arcade-app[data-hand=left] .arcade-inputs{grid-template-columns:154px minmax(0,1fr)}
html[data-mobile=true] .arcade-app[data-hand=left] .arcade-controls .arcade-toolbar{grid-column:1/-1}
html[data-mobile=true] .arcade-app[data-hand=left] .arcade-controls .arcade-audio,html[data-mobile=true] .arcade-app[data-hand=left] .game-hand{grid-column:2}
html[data-mobile=true] .arcade-app[data-hand=left] .game-direction-pad{grid-column:1}
html[data-mobile=true] .arcade-stage{width:min(100%,max(185px,calc((var(--mobile-height,100dvh) - 345px)*.9)));max-width:440px}
html[data-mobile=true] .arcade-play-view{display:flex;flex-direction:column;gap:8px}
html[data-mobile=true] .arcade-inputs{width:100%}
}
html[data-mobile=true] .mobile-timer-toggle{min-width:44px;min-height:44px}html[data-mobile=true] .check-circle{min-width:44px;width:44px;min-height:44px;height:44px;margin:0}