/* Tahoe desktop: system typography, clear glass and Ethan's own app icons. */
:root{--desktop-blue:#4196c2;--desktop-glass:#eaf5ff24;--desktop-edge:#ffffff45}
body{position:relative;padding:64px clamp(26px,5.5vw,125px) 112px;background:#3892ba url('./desktop/tahoe.jpg') center center/cover no-repeat fixed}
body::before{content:'';position:fixed;inset:0;background:linear-gradient(#0927430d,#051c2d00 60%,#031b3524);pointer-events:none}
body>.app{height:100%;max-width:1900px;margin:0 auto;border-color:#73777b;border-radius:16px;box-shadow:0 32px 85px #0007,0 4px 16px #0005}
.mac-menu-bar{position:fixed;inset:0 0 auto;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:14px;height:29px;padding:0 15px;background:#253d593d;backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);box-shadow:0 1px #ffffff1c;color:white;font:12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-shadow:0 1px 3px #0003}
.mac-menu-bar a,.mac-menu-bar button{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;border:0;background:none;border-radius:4px;height:26px;padding:0 7px;white-space:nowrap;font:inherit;cursor:pointer}
.mac-menu-bar a:hover,.mac-menu-bar button:hover{background:#ffffff28}.mac-menu-bar .mac-current-app{font-weight:650}
.mac-app-menus,.mac-status,.mac-menu-apps,.mac-system-items{display:flex;align-items:center;gap:1px;min-width:0}.mac-app-menus{flex:none}.mac-status{justify-content:flex-end}.mac-menu-bar svg{width:19px;height:19px}.mac-menu-bar .mac-apple{width:24px;padding:0;margin-right:5px}.mac-menu-bar .mac-screen-sharing{background:#8864fa;border-radius:6px;width:34px;height:21px;margin-right:5px;box-shadow:inset 0 0 0 1px #ffffff30}.mac-screen-sharing svg{width:20px;height:16px}.mac-menu-bar .mac-menu-app{padding:2px;width:25px}.mac-menu-app img{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 1px #0002)}.mac-menu-app[hidden]{display:none}.mac-menu-bar .mac-system-link{width:27px;padding:3px}.mac-clock{font-size:11px;font-weight:500;white-space:nowrap;padding-left:8px;min-width:126px}.mac-menu-bar .mac-more-apps{width:24px;padding:1px}
.mac-dock{--dock-icon:36px;position:fixed;z-index:70;bottom:12px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 24px);padding:8px 8px 11px;border:1px solid #ffffff5c;border-radius:20px;background:linear-gradient(135deg,#edf6ff44,#e5effe2d);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:0 8px 30px #062b5355,inset 0 1px 0 #ffffff5c}
.mac-dock-items{display:flex;align-items:end;gap:3px;min-width:0}.mac-dock-app{position:relative;display:flex;align-items:center;justify-content:center;width:var(--dock-icon);height:var(--dock-icon);flex:none;border:0;background:none;border-radius:9px;padding:0;transform-origin:center bottom;transition:transform 130ms ease;cursor:pointer;text-decoration:none}.mac-dock-app img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #0004);pointer-events:none}.mac-dock-app svg{width:90%;height:90%;filter:drop-shadow(0 2px 2px #0003)}.mac-dock-app:not(.dock-folder):not([data-app-id=trash])::after{content:'';position:absolute;width:3px;height:3px;background:#263a47bd;border-radius:50%;bottom:-6px;left:calc(50% - 1.5px)}.mac-dock-app:hover,.mac-dock-app:focus-visible{transform:translateY(-5px) scale(1.3);z-index:3}.mac-dock-app:has(+.mac-dock-app:hover),.mac-dock-app:hover+.mac-dock-app{transform:translateY(-2px) scale(1.12)}.dock-divider{margin-left:7px}.dock-divider::before{content:'';height:80%;position:absolute;left:-6px;border-left:1px solid #284c6350}.dock-folder:first-of-type{margin-left:5px}
.desktop-tooltip{position:fixed;z-index:200;max-width:min(310px,calc(100vw - 16px));padding:9px 12px;border-radius:10px;background:#f3f6facf;color:#172433;border:1px solid #ffffffaa;backdrop-filter:blur(20px);box-shadow:0 5px 24px #0003;font:12px/1.45 -apple-system,BlinkMacSystemFont,sans-serif;pointer-events:none;text-align:center}.desktop-tooltip strong,.desktop-tooltip span{display:block}.desktop-tooltip span{font-size:10px;color:#4e5e6b}.desktop-tooltip[hidden]{display:none}.desktop-wallpaper-link{position:fixed;right:24px;bottom:84px;z-index:50;background:#16344d4d;backdrop-filter:blur(15px);border:1px solid #ffffff38;border-radius:18px;padding:7px 12px;color:#fff;font:11px -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer;text-shadow:0 1px 2px #0004}.desktop-wallpaper-link:hover{background:#16344d88}
.desktop-directory{width:min(700px,calc(100vw - 30px));max-height:calc(100dvh - 80px);border:1px solid #ffffff49;border-radius:22px;background:#edf3f6f5;color:#182532;padding:24px;box-shadow:0 24px 100px #0007;font:14px/1.45 -apple-system,BlinkMacSystemFont,sans-serif;overflow:auto}.desktop-directory::backdrop{background:#071c3266;backdrop-filter:blur(6px)}.desktop-directory-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.desktop-directory h2{font-size:21px;letter-spacing:-.45px;margin:0;color:#16232f}.desktop-directory-close{border:0;border-radius:50%;width:28px;height:28px;font:23px/1 sans-serif;background:#dbe3e8;color:#344754;cursor:pointer}.desktop-directory-intro{color:#586873;margin:9px 0 18px}.desktop-app-search{width:100%;background:white;border:1px solid #bbcbd5;border-radius:9px;padding:10px 12px;font:14px inherit;color:#172b3b;margin-bottom:18px}.desktop-app-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.desktop-app-card{display:flex;align-items:center;gap:10px;background:#ffffff94;border:1px solid #d4dfe7;border-radius:12px;padding:10px;min-width:0}.desktop-app-card[hidden]{display:none}.desktop-app-icon{display:flex;flex:none;width:42px;height:42px;background:none;border:0;padding:0}.desktop-app-icon img{width:100%;height:100%;object-fit:contain}.desktop-app-info{min-width:0}.desktop-app-info a,.desktop-app-info strong{font-size:13px;font-weight:650;color:#173d59;text-decoration:none}.desktop-app-info a:hover{text-decoration:underline}.desktop-app-info small{display:block;font-size:11px;color:#5b6c78;margin-top:3px}.desktop-resources{display:flex;gap:20px;border-top:1px solid #cad6df;padding-top:18px;margin-top:20px}.desktop-resources a{color:#245b81;font-size:13px}.desktop-source-note{font-size:11px;color:#647580;line-height:1.6;margin-top:16px}.desktop-no-apps{color:#586873}.desktop-directory button:focus-visible,.desktop-directory a:focus-visible,.desktop-directory input:focus-visible,.mac-menu-bar a:focus-visible,.mac-menu-bar button:focus-visible,.mac-dock-app:focus-visible,.desktop-wallpaper-link:focus-visible{outline:2px solid #62c4ff;outline-offset:3px}
body.demo-expanded{padding:29px 0 0}body.demo-expanded>.app{max-width:none;border-radius:0}body.demo-expanded .mac-dock,body.demo-expanded .desktop-wallpaper-link{display:none}.restore-preview{position:relative;z-index:2;margin:20vh auto 0;background:#edf3f3cf;backdrop-filter:blur(25px);color:#172433;border-color:#ffffff88}.restore-preview p{color:#344b5e}.restore-preview .primary-action{background:#edf5ff;color:#17344d}
@media(max-width:1150px){body{padding:49px 27px 103px}.mac-app-menus .mac-text-menu{padding:0 5px}.mac-system-items .mac-system-link:nth-child(-n+2){display:none}.mac-clock{min-width:117px}.desktop-wallpaper-link{bottom:77px}.mac-dock{overflow-x:auto;scrollbar-width:none;padding-top:10px}.mac-dock::-webkit-scrollbar{display:none}.mac-dock-app:hover,.mac-dock-app:focus-visible,.mac-dock-app:has(+.mac-dock-app:hover),.mac-dock-app:hover+.mac-dock-app{transform:none}.app.details-open .conversation,.app.details-open .composer-note{width:100%;transform:none}}
@media(max-width:900px){body{padding:43px 16px 96px}.mac-dock{left:12px;right:12px;transform:none;max-width:none;width:auto}.mac-dock-items{width:max-content}.mac-menu-bar{padding:0 9px;gap:4px}.mac-menu-bar .mac-text-menu{display:none}.mac-clock{font-size:10px;min-width:113px}.mac-system-items .mac-system-link{display:none}.mac-system-items .mac-system-link:last-child{display:inline-flex}.desktop-wallpaper-link{right:18px;bottom:71px}.js .app.pane-open .pane{inset:0;height:100%;border-radius:12px}.desktop-directory{padding:19px}.desktop-app-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mac-dock-app{transition:none}}
.desktop-system-guides{border-top:1px solid #cad6df;margin-top:16px;padding-top:13px;color:#466172;font-size:12px}.desktop-system-guides summary{cursor:pointer;color:#466172}.desktop-system-guides a{display:inline-block;color:#245b81;margin:12px 15px 0 0}

.mac-status{flex:1}.mac-status>*{flex-shrink:0}.mac-menu-apps{flex-shrink:1}.mac-menu-app{flex:none}

/* The opening chat previews the range before the detailed walkthroughs. */
#welcome{gap:12px;padding-top:18px}#welcome>.msg.user{margin:0 0 5px;padding:9px 14px}#welcome .welcome-working{font-size:12px;color:#aaa}#welcome .welcome-working p{margin:0 0 4px}#welcome .welcome-working .topic-reminder{font-size:11px;margin:0}#welcome .welcome-showcase>p,#welcome .welcome-showcase>.quote{margin-bottom:12px}.welcome-colours{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px}.welcome-colours p{margin:0!important;line-height:1.55}.welcome-example-note{font-size:11px;color:#999;margin:5px 0 12px!important}.welcome-marker-range{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.welcome-marker-range .mk{border-radius:6px;min-width:35px}.welcome-marker-range .mk:hover{background:#ffffff12}.welcome-section>p{margin:7px 0 10px}.welcome-showcase .tbl{margin:12px 0}.welcome-showcase .tbl td,.welcome-showcase .tbl th{padding:7px 10px}.welcome-showcase .notification-example{margin:10px 0}.welcome-try{margin-top:8px}@media(max-width:650px){.welcome-colours{grid-template-columns:1fr;gap:6px}#welcome{padding-top:13px}.welcome-marker-range{gap:3px}.welcome-marker-range .mk{min-width:32px}}

#welcome .welcome-working{font-size:14px}.app:has(#welcome.active) .demo-composer:not(:focus-within) textarea{min-height:20px;height:20px}.app:has(#welcome.active) .demo-composer{padding-top:10px}.app:has(#welcome.active) .composer-note{padding-bottom:8px}
