/* Liquid Glass-inspired web material: backdrop, rounded lens rim, specular light.
   This is a browser interpretation; Glance itself uses native macOS material. */
:root{--paper:#eff5fa;--ink:#142f43;--muted:#526c80;--line:#ccdce780;--blue:#0071ef;font-family:-apple-system,BlinkMacSystemFont,'DM Sans',sans-serif}
body{position:relative;isolation:isolate;background:radial-gradient(ellipse at 5% 52%,#cfe5f580,transparent 35%),radial-gradient(ellipse at 95% 77%,#d5dff280,transparent 35%),var(--paper)}
.page-wallpaper{position:absolute;inset:0 0 auto;height:1510px;z-index:-1;background:linear-gradient(180deg,#0b293f83 0,#102d4650 35%,#eff5fa00 64%,#eff5fa 100%),url('assets/alpine-wallpaper.jpg') center top/cover no-repeat;pointer-events:none}
.wrap{max-width:1370px;padding-inline:48px}.site-header{height:108px}.site-header .brand{color:white;text-shadow:0 1px 8px #14314944}.for-mac{color:#e5f1fb}.site-header nav{border-radius:100px;padding:8px 9px 8px 25px;gap:26px;color:#f4faff;font-size:14px;background:#ffffff12;border:1px solid #ffffff6b;box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 1px #12274140,0 8px 25px #08233920;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}.site-header nav>a:hover{color:#fff}.site-header .nav-cta{border-radius:100px;background:#ffffffda;color:#22445a;border-color:#fff;box-shadow:inset 0 2px 4px #fff,0 2px 8px #132c4520}.hero{padding-top:46px;padding-bottom:54px;color:#fff}.hero .eyebrow{color:#f3faff;letter-spacing:.02em}.tiny-window{border-color:#edf9ff;box-shadow:3px -3px 0 -1px #7994aa,3px -3px 0 0 #edf9ff}h1{font-family:-apple-system,BlinkMacSystemFont,Manrope,sans-serif;font-weight:600;font-size:clamp(3.5rem,6.8vw,6rem);letter-spacing:-.065em;line-height:1.04;margin-block:27px;text-shadow:0 4px 22px #163b5052}h1>span{color:#effaff}.hero-copy{color:#f0f7fd;font-size:19px;line-height:1.7;text-shadow:0 1px 6px #183b55}.hero-actions{margin-top:30px}.hero .text-link{color:#fff;text-shadow:0 1px 7px #153550}.compatibility{color:#e1edf6;font-size:13px}.button{border-radius:100px;position:relative;padding:16px 25px;font-size:15px}.primary{border:1px solid #80c4ffb3;background:linear-gradient(165deg,#65b7ff60 0,#ffffff12 39%,#033bc52b 52%),#006af0c9;box-shadow:inset 0 2px 2px #c9e9ffaa,inset 0 -2px 3px #053c8e55,0 6px 20px #002b7329;backdrop-filter:blur(12px) saturate(1.7);-webkit-backdrop-filter:blur(12px) saturate(1.7)}.primary:hover{background-color:#0079f4d9;box-shadow:inset 0 2px 3px #d4f0ffff,inset 0 -2px 3px #043c8b44,0 10px 28px #0339793f}
.demo-heading{margin-bottom:18px;color:white;padding-inline:8px}.demo-heading h2{font-size:16px;font-weight:550}.demo-heading>span{color:#e6f3fe;font-size:11px;letter-spacing:.15em}.desktop{isolation:isolate;border-radius:29px;background:url('assets/alpine-wallpaper.jpg') center/cover;border:1px solid #ffffffb3;box-shadow:0 35px 75px -20px #153b5960,inset 0 0 0 1px #ffffff66;min-height:710px;padding-bottom:20px;overflow:hidden}.desktop-menubar{position:relative;z-index:2;background:#ffffff17;backdrop-filter:blur(15px);color:#16334e;font-size:11px;height:32px;border-bottom:1px solid #ffffff35}.liquid-surface{position:relative;border:1px solid #ffffff9c;background:linear-gradient(135deg,#ffffff50,#edf6ff17 45%,#e2f4ff29);box-shadow:inset 0 1.5px 1px #ffffffd9,inset 1.5px 0 1px #ffffff65,inset -1px -1px 1.5px #24495e4a,0 14px 35px #10304530;backdrop-filter:blur(15px) saturate(1.65) brightness(1.08);-webkit-backdrop-filter:blur(15px) saturate(1.65) brightness(1.08)}.liquid-surface::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--shine-x,22%) var(--shine-y,0%),#ffffff50,transparent 52%),linear-gradient(170deg,#ffffff28,transparent 28%,transparent 77%,#d7f1ff21);z-index:-1}.liquid-surface::after{content:'';position:absolute;inset:0;padding:7px;border-radius:inherit;pointer-events:none;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;background:linear-gradient(125deg,#fff8 0,#fff0 20%,#ffffff52 43%,#ffffff06 62%,#fff9);backdrop-filter:var(--rim-filter,blur(2px)) saturate(1.65);-webkit-backdrop-filter:blur(2px) saturate(1.65);opacity:.85;z-index:1}
.demo-command-bar{z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 64px);margin:22px auto 16px;padding:7px 9px 7px 7px;border-radius:100px;background-color:#e8f5ff4d;backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6)}.bulk-actions{display:flex;gap:5px;align-items:center}.command-button,.view-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:100px;min-height:39px;padding:8px 13px;font-size:13px;color:#16364a;font-weight:550;white-space:nowrap}.command-button:hover,.view-button:hover{background:#ffffff66;border-color:#ffffffa3}.minimise-command{background:#fff8;border-color:#ffffffa1;box-shadow:inset 0 1px 1px #fff,0 3px 7px #193a5314}.command-button:disabled,.action-popover button:disabled{opacity:.38;cursor:default}.control-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:19px;height:19px;box-shadow:inset 0 1px 1px #fff9,0 1px 3px #0002;color:#554200;font-weight:600;font-size:15px}.yellow{background:#ffd452;color:#6e5100}.green{background:#74e3a1;color:#145f31}.blue{background:#9fd5ff;color:#095faa}.red{background:#fc877e;color:#7d2118}.view-button{font-size:12px;background:#e8f4ff3d}.view-button span{font-size:16px}.glass-panel{z-index:3;margin:0 32px;padding:22px;border-radius:28px;min-height:438px;background-color:#dfeffc4a;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s,visibility .3s;transform-origin:50% 100%;will-change:auto}.glass-panel::after{padding:9px}.panel-toolbar{gap:14px;margin-bottom:16px}.panel-title{font-size:17px;color:#163246}.panel-title img{height:29px;width:29px;border-radius:8px}.search-box{border-radius:100px;background:#f6fcff67;border:1px solid #fff9;box-shadow:inset 0 1px 3px #2d668d19,0 1px 0 #fff6;padding:9px 14px;width:49%;color:#284c67}.search-box input{font-size:14px;color:#16374f}.search-box input::placeholder{color:#46687d}.search-box kbd{border-radius:5px}.window-count{font-size:12px;color:#345872}.demo-settings{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:-1px 0 17px}.demo-settings label{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:500;color:#2c5068;cursor:pointer;min-height:25px}.demo-settings input{appearance:none;-webkit-appearance:none;width:28px;height:17px;border-radius:20px;background:#4f6c8547;box-shadow:inset 0 1px 2px #17334d28;border:1px solid #fff8;position:relative;margin:0;cursor:pointer;transition:background .2s}.demo-settings input::after{content:'';position:absolute;width:12px;height:12px;left:1px;top:1px;border-radius:50%;background:linear-gradient(#fff,#f0f7ff);box-shadow:0 1px 3px #25496944;transition:transform .2s}.demo-settings input:checked{background:#087bedd9}.demo-settings input:checked::after{transform:translateX(11px)}.mosaic{gap:15px;min-height:340px;align-items:start}.app-group{border:1px solid #ffffff30;background:#e8f5fb18;border-radius:15px;padding:10px}.group-heading{gap:6px;font-size:13px;min-height:28px;color:#173a53;margin-bottom:11px}.group-heading>span:first-child{gap:7px}.app-badge{box-shadow:inset 0 1px 1px #ffffffb0,0 2px 4px #13375729}.group-count{font-size:10px;background:#fff4;color:#335c73;margin-right:auto}.group-actions{display:flex;align-items:center;gap:3px}.mini-control{border-radius:50%;width:23px;height:23px;min-width:23px;padding:0;display:grid;place-items:center;font-size:14px;box-shadow:inset 0 1px 1px #fff9,0 1px 3px #17344822}.mini-control:hover{filter:brightness(1.08)}.action-menu{position:relative;border:0;z-index:4}.action-menu[open]{z-index:20}.action-menu>summary{font-size:10px;letter-spacing:1px;line-height:1;display:grid;place-items:center;padding:0;width:27px;height:28px;border-radius:50%;color:#1f4a64;background:#ffffff20}.action-menu>summary:hover,.action-menu[open]>summary{background:#ffffff80}.action-popover{position:absolute;right:-3px;top:calc(100% + 7px);min-width:205px;padding:6px;border:1px solid #fff;border-radius:14px;background:#f0f7ffeb;box-shadow:0 9px 35px #102b5440,inset 0 1px 1px #fff;backdrop-filter:blur(25px) saturate(1.8);-webkit-backdrop-filter:blur(25px) saturate(1.8);z-index:30}.action-popover button{display:block;text-align:left;width:100%;background:transparent;padding:10px 11px;border-radius:8px;font-size:12px;white-space:nowrap;color:#1d415e}.action-popover button:hover:not(:disabled){background:#b8dcff80}.action-popover .destructive{color:#ba3735}.window-unit{position:relative;min-width:0}.window-card{width:100%;border-radius:8px}.window-card:hover{transform:translateY(-2px)}.mini-window{box-shadow:0 4px 10px #163b582b;border:1px solid #ffffffbc;border-radius:7px;aspect-ratio:1.9;background:#fff;position:relative}.window-caption{font-size:11px;color:#173e56;padding-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:23px;text-shadow:0 1px 2px #fff8}.window-caption>span{color:#3e637a}.window-tools{position:absolute;top:23px;right:5px;z-index:3;display:flex;gap:3px;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s;padding:4px;border-radius:100px;background:#f2f8ffce;border:1px solid #fff;box-shadow:0 3px 12px #15365033}.window-unit:hover .window-tools,.window-unit:focus-within .window-tools,.window-tools:has(details[open]){opacity:1;transform:none}.window-tools .mini-control{height:23px;width:23px}.window-tools .action-menu>summary{height:23px;width:23px}.window-state{position:absolute;bottom:28px;left:7px;font-size:9px;color:#1b4565;border:1px solid #fff9;border-radius:100px;background:#eff7ffe8;padding:4px 7px;pointer-events:none;box-shadow:0 2px 6px #1234}.is-minimised .mini-window,.is-minimised .tab-placeholder{filter:saturate(.35);opacity:.55;transform:scale(.94);transform-origin:center;transition:transform .35s,filter .35s,opacity .35s}.is-minimised .window-caption{opacity:.8}.is-selected .mini-window,.is-selected .tab-placeholder{outline:2px solid #0086ff;outline-offset:2px}.finder-window,.mail-window{aspect-ratio:1.63}.panel-footer{font-size:10px;color:#244d68;margin-top:18px}.panel-footer kbd{font-size:9px}.tab-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;aspect-ratio:1.9;background:#eaf6ff78;border:1px solid #ffffff94;border-radius:8px;padding:14px;color:#204c68}.tab-placeholder>span:first-child{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#b0e0ff80;border:1px solid #fff9;font-size:23px}.tab-placeholder strong{font-size:13px;font-weight:550}.tab-placeholder>span:last-child{font-size:10px;color:#416d85}.desktop-mode .glass-panel{opacity:0;transform:scale(.88) translateY(35px);visibility:hidden}.desktop-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.scene-window{position:absolute;border-radius:8px;box-shadow:0 14px 35px #102c5440;transform-origin:50% 120%;transition:transform .55s cubic-bezier(.3,.1,.2,1),opacity .35s,left .6s,top .6s,width .6s,height .6s;opacity:.85;overflow:hidden}.scene-window .mini-window{width:100%;height:100%;aspect-ratio:auto;border-radius:8px}.scene-window .mini-toolbar{height:21px}.scene-window .journal-content,.scene-window .studio-content,.scene-window .idea-content{height:calc(100% - 21px)}.scene-window .journal-content h3,.scene-window .studio-content h3,.scene-window .idea-content h3{font-size:clamp(16px,2.8vw,38px)}.scene-window.scene-active{z-index:10;opacity:1;outline:2px solid #cbe7ffc0}.scene-window.scene-minimised{opacity:0;transform:translateY(250px) scale(.04);visibility:hidden;transition:transform .6s cubic-bezier(.3,.1,.2,1),opacity .5s,visibility 0s .6s,left .6s,top .6s,width .6s,height .6s}.scene-window.scene-unavailable{opacity:0;visibility:hidden}.desktop-message{position:absolute;inset:34% 15% auto;z-index:2;text-align:center;color:white;text-shadow:0 2px 15px #073c56}.clear-desktop-symbol{font-size:31px;width:66px;height:66px;display:inline-grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#ffffff26;box-shadow:inset 0 2px 1px #fff8,0 8px 20px #1234;backdrop-filter:blur(12px)}.desktop-message h3{font-size:32px;letter-spacing:-.04em;font-weight:500;margin-top:20px}.desktop-message p{font-size:15px;line-height:1.6;margin-top:13px}.dock-zone{position:relative;z-index:7;display:flex;justify-content:center;margin-top:19px}.demo-dock{border-radius:23px;padding:7px 9px;display:flex;align-items:center;gap:6px;background-color:#e0f3ff3d;backdrop-filter:blur(14px) saturate(1.8)}.demo-dock button{display:grid;place-items:center;background:transparent;border-radius:11px;width:43px;height:44px;padding:3px;transition:transform .2s}.demo-dock button:hover,.demo-dock button:focus-visible{transform:translateY(-5px)}.demo-dock .app-badge{height:36px;width:36px;border-radius:9px;font-size:28px}.demo-dock img{border-radius:9px}.dock-divider{height:31px;width:1px;background:#ffffff73;margin-inline:4px}.dock-preview{position:absolute;bottom:calc(100% + 15px);border-radius:19px;padding:15px;width:min(480px,90%);background-color:#e8f3ff80;z-index:15}.dock-preview>strong{font-size:13px;color:#15364b;display:block;margin-bottom:10px}.dock-preview #dock-preview-content{display:flex;gap:13px}.dock-window{background:none;text-align:left;padding:0;flex:1;min-width:0}.dock-window .mini-window{height:112px;aspect-ratio:auto}.dock-window>span{font-size:11px;display:block;margin-top:7px;color:#244b63}.dock-window:hover .mini-window{outline:2px solid #007aff}.dock-preview-content p{font-size:13px}.demo-feedback{display:flex;align-items:center;gap:15px;z-index:6;margin:17px 22px 0;padding:12px 17px;border-radius:17px;background-color:#e3f3ff85;min-height:48px;font-size:12px}.demo-feedback p{flex:1;color:#153d59;line-height:1.55}.demo-feedback button{font-size:12px;min-height:30px;padding:5px 10px;border-radius:100px;background:#ffffff50;color:#214d6d;white-space:nowrap}.demo-feedback button:hover{background:#fff9}.demo-feedback #undo-action{background:#eef9ffbd;color:#0060cd}.demo-bottom{margin-top:16px;padding:15px 19px;border:1px solid #ffffff9e;border-radius:22px;background:#ecf6ff67;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff8,0 8px 20px #12344c0c}.demo-bottom>p{font-size:12px;color:#3d6079}.demo-presets{background:#bfd8ef38;border-radius:100px;border:1px solid #fff8;gap:2px;padding:4px}.demo-presets button{border-radius:100px;color:#204c6b;font-size:12px;min-height:34px;background:transparent;padding-inline:14px}.demo-presets button:hover{background:#ffffffb3;box-shadow:0 2px 6px #193a5414}.live-preview-indicator{display:none;position:absolute;top:29px;left:7px;font-size:8px;padding:4px 6px;border-radius:100px;color:#056749;background:#d0ffeeda;border:1px solid #a3f4d6}.live-enabled .live-preview-indicator{display:block}.live-reading-progress{display:none;position:absolute;left:0;bottom:0;height:4px;background:#1d8fe6;width:0}.live-enabled .live-reading-progress{display:block;animation:read-progress 8s linear infinite}@keyframes read-progress{0%{width:0}85%,100%{width:100%}}
.intro{padding-top:106px}.intro .eyebrow{font-size:11px;color:#57798f}.intro h2{font-size:clamp(2.3rem,4.5vw,4rem)}.intro h2 span{color:#7592a9}.control-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;padding-top:46px;padding-bottom:95px}.control-story{padding:30px 28px 29px;border-radius:28px;background:linear-gradient(145deg,#ffffffc7,#e7f2fc7d);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 10px 35px #47789c0e;position:relative}.control-story:nth-child(2){background:linear-gradient(145deg,#ffffffb3,#e0f2f090)}.control-story:nth-child(3){background:linear-gradient(145deg,#ffffffbd,#dfeafa99)}.story-control{display:grid;place-items:center;width:53px;height:53px;box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 3px #35618030,0 6px 14px #517e941f;border:1px solid #fff8;border-radius:50%;font-size:33px;font-weight:300;margin-bottom:25px}.control-story .eyebrow{font-size:9px;letter-spacing:.14em;color:#5b7a91}.control-story h3{font-size:28px;line-height:1.2;letter-spacing:-.04em;font-weight:600;margin:17px 0}.control-story p{font-size:15px;line-height:1.8;color:#557086}.control-story button{background:transparent;padding:0;margin-top:24px;text-align:left;color:#076eca;font-size:13px}.feature-catalog{padding-bottom:95px}.catalog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding-bottom:35px;border-bottom:1px solid var(--line)}.catalog-heading .eyebrow{font-size:10px;color:#608094;margin-bottom:20px}.catalog-heading h2{font-size:42px}.catalog-heading>p{font-size:16px;line-height:1.75;color:var(--muted);padding-bottom:3px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:40px}.catalog-grid article{padding-block:32px;border-bottom:1px solid var(--line)}.catalog-icon{font-size:30px;height:46px;display:block;color:#5684a4}.catalog-grid h3{font-size:21px;font-weight:600;letter-spacing:-.04em;margin-bottom:14px}.catalog-grid p{font-size:15px;line-height:1.8;color:#536f85}.catalog-detail{display:block;margin-top:19px;font-size:12px;line-height:1.7;color:#648498}.catalog-grid button{background:none;color:#006acb;text-align:left;font-size:13px;margin-top:19px;padding:0}.shortcut-section{border:1px solid #fff8;border-radius:32px;padding-block:60px;background:linear-gradient(125deg,#ffffff90,#d9eaff57);box-shadow:inset 0 1px 1px #fff,0 12px 35px #496b8e0b}.shortcut-section .gesture-copy{font-size:14px!important;color:#58768b}.shortcut-section h2{font-size:45px}.key{border:1px solid #fff9;background:linear-gradient(140deg,#ffffffc9,#e6f3ff45);box-shadow:inset 0 2px 2px #fff,inset 0 -5px 12px #b5d4ec55,0 5px 0 #b9d0e297,0 8px 1px #aac8ddb5,0 24px 28px -9px #59789130;border-radius:24px;backdrop-filter:blur(9px)}.key-composition>p{bottom:-5px;font-size:12px!important}.details-strip{padding-top:40px;padding-bottom:20px}.details-strip p{font-size:12px}.details-strip strong{font-size:14px}.faq-section{padding-top:85px}.faq-list{border-top-color:#c6d9e4}.faq-list details{border-bottom-color:#c6d9e4}.closing{border-radius:36px;padding-top:65px;margin-top:10px;background:linear-gradient(#14394b44,#163f5766),url('assets/alpine-wallpaper.jpg') center 68%/cover;color:white;box-shadow:inset 0 1px 0 #fff7,0 15px 50px #18416122}.closing h2 span{color:#eef8ff}.closing .eyebrow,.closing>p:not(.eyebrow){color:#e8f5ff}.closing h2{text-shadow:0 3px 13px #12345055}.closing>img{box-shadow:0 10px 28px #102b5666}.site-footer{margin-top:37px;border:0}.site-footer .brand{color:#24465e}dialog{background:linear-gradient(145deg,#f3faffdf,#e3f1fbd9);border:1px solid #fff;border-radius:28px;box-shadow:inset 0 2px 2px #fff,0 30px 120px #15304e66;backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6)}dialog::backdrop{background:#0e304658;backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1)}.dialog-close{border:1px solid #fff9;box-shadow:inset 0 1px 1px #fff;background:#f5fbff70}.dialog-actions{display:flex;gap:10px}.dialog-actions .button{flex:1;gap:10px;font-size:13px}.dialog-done{width:auto;background:#ffffff78;border:1px solid #fff9}.empty-state{padding-block:110px;color:#254e6b}.noscript-note{padding:15px;font-size:14px;text-align:center}
@media(min-width:1300px){.mini-window{aspect-ratio:1.95}.finder-window,.mail-window{aspect-ratio:1.72}.journal-content h3{font-size:29px}.note-check{margin-top:8px}}
@media(max-width:1100px){.wrap{padding-inline:30px}.group-heading{flex-wrap:wrap;gap:5px}.group-actions{margin-left:auto}.group-heading>span:first-child{font-size:12px}.group-count{display:none}.mini-control{width:20px;height:20px;min-width:20px;font-size:12px}.group-actions{gap:2px}.group-actions .action-menu>summary{width:20px;height:22px}.glass-panel{padding:18px;margin-inline:22px}.demo-command-bar{width:calc(100% - 44px)}.mosaic{gap:10px}.app-group{padding:8px}.window-caption{font-size:10px}.control-stories{gap:15px}.control-story{padding:25px 22px}.control-story h3{font-size:25px}.control-story p{font-size:14px}.catalog-grid{column-gap:28px}.demo-bottom{flex-direction:column;gap:12px}.demo-presets button{font-size:12px}.page-wallpaper{height:1470px}.shortcut-section h2{font-size:38px}.catalog-heading h2{font-size:38px}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-header{height:85px}.site-header nav{padding:5px;gap:0}.site-header nav>a:not(.nav-cta){display:none}.site-header .nav-cta{font-size:12px}.site-header .for-mac{display:none}.hero{padding-top:35px;padding-bottom:42px}.hero h1{font-size:clamp(3.2rem,9vw,4.7rem)}.hero-copy{font-size:16px;max-width:430px}.hero-actions{flex-direction:column;gap:19px}.hero .eyebrow{font-size:12px}.page-wallpaper{height:1530px;background-size:auto 1530px}.demo-section{padding-inline:10px}.demo-heading{padding-inline:8px}.demo-heading h2{font-size:14px}.demo-heading>span{font-size:9px}.desktop{border-radius:24px;padding-bottom:15px;min-height:840px}.desktop-menubar{font-size:9px;height:27px}.demo-command-bar{margin-top:14px;margin-bottom:13px;width:calc(100% - 24px);gap:4px;padding:6px;border-radius:22px;flex-wrap:wrap}.bulk-actions{width:100%;justify-content:space-between;gap:0}.command-button{font-size:12px;min-height:36px;padding:7px 10px;gap:6px}.control-dot{width:17px;height:17px}.view-button{width:100%;justify-content:center;font-size:11px;min-height:28px;padding:4px 8px;border-top:1px solid #fff4;border-radius:13px}.glass-panel{margin-inline:12px;padding:13px;border-radius:22px;min-height:540px}.panel-toolbar{flex-wrap:wrap;margin-bottom:8px;gap:8px}.panel-title{font-size:14px}.panel-title img{width:23px;height:23px}.window-count{font-size:11px;order:1;margin-left:auto}.search-box{order:2;width:100%;margin-top:3px;padding:7px 12px}.search-box input{font-size:16px}.demo-settings{gap:8px 15px;margin-bottom:12px}.demo-settings label{font-size:10px;gap:5px}.demo-settings input{width:26px;height:16px}.demo-settings input::after{height:11px;width:11px}.demo-settings input:checked::after{transform:translateX(10px)}.mosaic{grid-template-columns:1fr 1fr;gap:10px;min-height:0}.safari-group,.notes-group{grid-row:span 1}.group-heading{gap:3px;margin-bottom:9px}.group-heading>span:first-child{font-size:11px;gap:5px}.group-heading .app-badge{height:18px;width:18px;font-size:14px}.group-actions{gap:2px}.group-actions>.mini-control{width:18px;height:18px;min-width:18px;font-size:11px}.group-actions .action-menu>summary{height:22px;width:20px;letter-spacing:0}.group-actions .action-menu .action-popover{right:-7px;min-width:185px}.safari-group .group-actions .action-popover,.finder-group .group-actions .action-popover{right:auto;left:-90px}.app-group{padding:7px;border-radius:12px}.mini-window{aspect-ratio:1.45;border-radius:6px}.finder-window,.mail-window{aspect-ratio:1.45}.mini-toolbar{height:16px}.journal-content h3{font-size:23px}.studio-content h3{font-size:20px}.window-tools{top:19px;right:3px;padding:3px;gap:2px}.window-tools .mini-control{width:22px;height:22px;min-width:22px}.window-tools .action-menu>summary{width:22px;height:22px}.window-tools .action-popover{min-width:155px;right:-7px}.window-caption{font-size:9px;padding-top:6px;min-height:19px}.window-state{bottom:24px;left:4px;font-size:7px;padding:3px 5px}.panel-footer{font-size:8px;justify-content:center;margin-top:13px}.panel-footer>span:last-child{display:none}.tab-placeholder{aspect-ratio:1.45;padding:10px;gap:7px}.tab-placeholder strong{font-size:10px}.tab-placeholder>span:last-child{font-size:8px}.tab-placeholder>span:first-child{height:24px;width:24px;font-size:17px}.desktop-scene .scene-window{border-radius:5px}.scene-window .journal-content h3,.scene-window .studio-content h3,.scene-window .idea-content h3{font-size:22px}.scene-window .mini-toolbar{font-size:6px}.dock-zone{margin-top:16px}.demo-dock{border-radius:20px;padding:5px 6px;gap:3px}.demo-dock button{width:38px;height:40px}.demo-dock .app-badge{height:32px;width:32px;font-size:25px}.demo-dock img{width:33px;height:33px}.demo-feedback{margin:13px 12px 0;padding:10px 12px;gap:9px;flex-wrap:wrap;font-size:11px;border-radius:17px}.demo-feedback p{flex-basis:100%}.demo-feedback button{font-size:11px}.demo-feedback #reset-demo{margin-left:auto}.demo-bottom{margin:13px 4px 0;padding:13px 8px;border-radius:20px}.demo-bottom>p{font-size:10px;text-align:center}.demo-presets{border-radius:17px;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:340px;gap:2px}.demo-presets button{min-height:35px;padding:5px 8px;font-size:11px}.desktop-message{inset:37% 8% auto}.desktop-message h3{font-size:26px}.desktop-message p{font-size:13px}.desktop-message .clear-desktop-symbol{width:56px;height:56px;font-size:25px}.intro{padding-top:65px}.intro h2{font-size:35px}.intro .eyebrow{font-size:9px}.control-stories{grid-template-columns:1fr;padding-top:32px;padding-bottom:58px;gap:15px}.control-story{padding:25px;border-radius:25px;display:grid;grid-template-columns:1fr 54px;gap:0 13px}.story-control{grid-column:2;grid-row:1 / span 2;margin:0}.control-story>.eyebrow{grid-column:1;grid-row:1;align-self:end;font-size:8px}.control-story h3{grid-column:1;grid-row:2;font-size:26px;margin:15px 0}.control-story p,.control-story button{grid-column:1 / -1}.control-story p{font-size:15px}.control-story button{margin-top:19px;font-size:13px}.catalog-heading{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:25px}.catalog-heading h2{font-size:34px}.catalog-heading>p{font-size:15px}.catalog-heading .eyebrow{font-size:9px;margin-bottom:16px}.catalog-grid{grid-template-columns:1fr 1fr;gap:0 24px}.catalog-grid article{padding-block:25px}.catalog-grid h3{font-size:18px;line-height:1.3}.catalog-grid p{font-size:14px;line-height:1.75}.catalog-detail{font-size:11px}.catalog-grid button{font-size:12px;line-height:1.7}.catalog-icon{font-size:26px;height:41px}.feature-catalog{padding-bottom:55px}.shortcut-section{margin-inline:12px;padding:35px 24px;border-radius:27px;grid-template-columns:1fr;gap:35px}.shortcut-section h2{font-size:35px}.shortcut-section p:not(.eyebrow){font-size:15px;margin-block:20px}.key-composition{height:215px}.details-strip{gap:23px;padding-block:35px;grid-template-columns:1fr}.details-strip p{font-size:13px}.details-strip strong{font-size:15px}.faq-section{padding-top:34px;grid-template-columns:1fr;gap:27px}.closing{margin:10px 12px 0;padding:45px 22px 65px}.closing h2{font-size:39px}.closing>p:not(.eyebrow){font-size:14px}.closing .launch-note{font-size:11px!important}.site-footer{padding-inline:23px;margin-top:12px}.dialog-actions{flex-direction:column}.dialog-actions .button{min-height:43px}.dock-window .mini-window{height:118px}.live-preview-indicator{top:24px;font-size:7px;left:4px}.empty-state{padding:90px 15px}.page-wallpaper{mask-image:linear-gradient(#000 80%,transparent)}
}
@media(max-width:420px){.group-heading{min-height:42px;align-content:start}.group-heading>span:first-child{flex-basis:100%}.group-actions{margin-left:0}.group-actions>.mini-control{width:21px;height:21px;min-width:21px;font-size:12px}.group-actions .action-menu>summary{width:22px;height:22px}.catalog-grid{grid-template-columns:1fr}.catalog-grid article{position:relative;padding-left:40px}.catalog-icon{position:absolute;left:0;top:24px}.catalog-grid h3{font-size:20px}.catalog-grid p{font-size:15px}.desktop{min-height:910px}.mini-window{aspect-ratio:1.24}.finder-window,.mail-window{aspect-ratio:1.3}.journal-content h3{font-size:22px}.studio-content h3{font-size:18px}.mini-toolbar>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-content h3{font-size:10px}.window-caption{font-size:8px}.demo-settings{gap:6px 10px}.demo-settings label{font-size:9px}.command-button{font-size:11px;padding-inline:8px}.command-button .control-dot{width:15px;height:15px;font-size:12px}.scene-window .journal-content,.scene-window .studio-content,.scene-window .idea-content{padding:12px 8px}.scene-window .journal-content h3,.scene-window .studio-content h3,.scene-window .idea-content h3{font-size:19px}.scene-window .mini-toolbar>span:last-child{display:none}.window-tools{opacity:1;top:4px;transform:none;background:#f2f8ffe0}.window-tools .mini-control{height:20px;width:20px;min-width:20px}.window-tools .action-menu>summary{height:20px;width:20px}.window-tools .action-menu .action-popover{font-size:11px;min-width:150px}.notes-group .window-tools .action-popover,.mail-group .window-tools .action-popover{right:0}.safari-group .window-tools .action-popover,.finder-group .window-tools .action-popover{right:auto;left:-65px}}
@media(hover:none){.window-tools{opacity:1;transform:none}.window-tools .mini-control{min-width:24px;height:24px}.group-actions>.mini-control{min-width:24px;height:24px}.group-actions .action-menu>summary{min-width:24px;min-height:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-window,.glass-panel,.liquid-surface,.demo-dock button{transition:none!important}.live-reading-progress{animation:none!important;width:65%!important}}
@media(prefers-reduced-transparency:reduce){.liquid-surface,.site-header nav,.demo-bottom,dialog,.search-box{background:#e8f1f9!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.liquid-surface::before,.liquid-surface::after{display:none}.site-header nav>a{color:#23425b}.page-wallpaper{filter:none}.hero,.closing{background-color:#183e56}.demo-settings label,.group-heading,.window-caption{color:#17354c}.primary{background:#0065df!important;backdrop-filter:none!important}.action-popover,.window-tools{background:#f3f8ff!important}}
@media(forced-colors:active){.page-wallpaper{display:none}.hero,.hero h1,.hero-copy,.hero .text-link,.hero .eyebrow,.compatibility,.demo-heading,.site-header .brand,.site-header .for-mac{color:CanvasText}.liquid-surface,.control-story,.button,.mini-window,.action-popover,.search-box{border:1px solid ButtonText}.demo-settings input{appearance:auto}.demo-settings input::after{display:none}}