:root{color-scheme:dark;--bg:#0b0e13;--text:#eef2f7;--muted:#a2adbd;--accent:#abc9ff;--line:#27303e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1160px;margin:auto;padding-left:36px;padding-right:36px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:23px;font-weight:650;letter-spacing:-.5px}nav{display:flex;gap:28px;align-items:center;font-size:14px;color:var(--muted)}nav a:hover,.text-link:hover,footer a:hover{color:var(--text)}nav button{border:1px solid var(--line);color:var(--text);background:transparent;border-radius:7px;padding:4px 10px;font-size:14px;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:60px;padding-bottom:115px}.eyebrow{font-size:13px;letter-spacing:2px;color:var(--accent);font-weight:600;margin:0 0 24px}h1{font-size:clamp(42px,5.5vw,72px);line-height:1.18;letter-spacing:-3px;margin:0 0 28px}.accent{color:var(--accent)}.intro{font-size:18px;color:var(--muted);margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 25px;border-radius:11px;font-weight:600;font-size:15px}.primary{background:#e9f0ff;color:#101a2c;transition:background .15s,transform .15s}.primary:hover{background:white;transform:translateY(-2px)}.meta{color:var(--muted);font-size:13px;margin-top:15px}.product{position:relative;isolation:isolate}.product:before{content:"";position:absolute;z-index:-1;inset:-60px -30px;background:radial-gradient(ellipse,#19324888,transparent 70%)}.product>img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 22px 60px #0008;border:1px solid #ffffff20}.menu-line{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:12px;color:#bec9d6;padding:7px 14px;margin:0 4px 11px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff05}.menu-line span:first-child{margin-right:auto;font-weight:600}.menu-symbol{color:white;background:#ffffff1a;border-radius:5px;padding:0 7px}.product-caption{font-size:13px;text-align:center;color:var(--muted);margin:16px 0 0}.feature-section{padding-bottom:100px}.section-heading{margin-bottom:38px}h2{font-size:clamp(27px,3vw,38px);line-height:1.3;letter-spacing:-1px;margin:0 0 20px}.section-heading .eyebrow{margin-bottom:14px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.feature-grid article{border-top:1px solid var(--line);padding-top:24px}.number{color:var(--muted);font-size:12px;letter-spacing:1px}h3{font-size:20px;line-height:1.4;letter-spacing:-.3px;margin:19px 0 13px}.feature-grid p{font-size:15px;color:var(--muted);margin-bottom:25px}.mini-controls{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:center;color:#dce5f3}.bar{height:9px;border-radius:20px;background:#ffffff12;overflow:hidden}.bar i{display:block;width:65%;height:100%;background:#e9f0ff;border-radius:20px}.bar.short i{width:35%}.mini-player{display:flex;gap:28px;font-size:22px;color:#dce5f3}.mini-stats{display:flex;gap:18px;font-size:13px;color:var(--muted)}.mini-stats b{font-size:19px;display:block;color:var(--text);font-weight:550}.mini-tags{display:flex;flex-wrap:wrap;gap:6px}.mini-tags span{border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:12px;color:#ccd6e4}.download-section{display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:center;padding-top:65px;padding-bottom:70px;border-top:1px solid var(--line)}.download-section>div>p:not(.eyebrow){color:var(--muted);max-width:470px}.download-box{padding:30px;text-align:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#171f2e,#10151d)}.download-box img{display:block;margin:auto}.download-box h3{margin:13px 0 8px}.download-box .compatibility{font-size:13px;margin:0 0 20px}.download-box .button{width:100%}#release-status{font-size:13px;margin:14px 0 8px}.text-link{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.faq{max-width:850px;padding-top:45px;padding-bottom:85px}.faq h2{font-size:28px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:550;padding-right:12px}.faq details p{color:var(--muted);font-size:15px;max-width:650px;margin-bottom:4px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:28px;padding-bottom:32px}footer .brand{font-size:17px}footer p{color:var(--muted);font-size:12px}footer a{text-decoration:underline;text-underline-offset:3px}.brand{text-decoration:none}@media(max-width:1000px){.hero{gap:35px}.feature-grid{grid-template-columns:1fr 1fr;gap:32px}.download-section{gap:40px}.wrap{padding-left:28px;padding-right:28px}}@media(max-width:700px){.nav{height:80px}nav{gap:17px}.wrap{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:45px;padding-top:36px;padding-bottom:75px}h1{font-size:51px;letter-spacing:-2px}.product{max-width:440px;width:100%;margin:auto}.product:before{inset:0}.feature-grid{grid-template-columns:1fr}.feature-section{padding-bottom:65px}.download-section{grid-template-columns:1fr;gap:25px;padding-top:45px}.download-box{max-width:420px;width:100%;margin:auto}.faq{padding-top:10px;padding-bottom:60px}footer{display:block}footer p{margin-top:15px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary{transition:none}.primary:hover{transform:none}}

.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}.feature-icon{display:block;width:28px;height:28px;filter:invert(1);opacity:.85;margin-bottom:15px}.preview-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.preview-tabs button{color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:7px;padding:6px 12px;font-size:14px;cursor:pointer;min-height:38px}.preview-tabs button[aria-pressed=true]{background:#e9f0ff;color:#101a2c;border-color:#e9f0ff}.module-preview{display:block;width:100%;height:auto;border-radius:10px;background:#1e1e1e;border:1px solid var(--line);margin-top:15px}.feature-grid .demo-note{font-size:12px;margin:10px 0 0}.feature-grid article p{max-width:470px}.product>img{object-fit:contain;background:#1e1e1e}.mini-controls{max-width:320px}.mini-tags{margin-top:25px}@media(max-width:700px){.feature-grid{grid-template-columns:1fr}}

.mini-controls img{width:20px;height:20px;filter:invert(1);opacity:.85}

.story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:75px;position:relative;align-items:start}.story-copy{min-width:0}.hero{display:block;padding-top:60px;padding-bottom:75px;min-height:620px}.hero-copy{max-width:510px}.feature-section{padding-bottom:30px}.feature-grid{display:block}.feature-grid article{padding-top:30px;padding-bottom:90px;min-height:360px}.feature-grid h3{font-size:29px}.feature-grid p{font-size:17px}.feature-grid .quiet-label{font-size:13px;color:var(--accent)}.download-section{display:block;padding-top:65px;padding-bottom:55px}.download-box{margin-top:28px;max-width:360px}.faq{padding-bottom:80px}.sticky-preview{position:sticky;top:110px;padding-top:60px;align-self:start}.preview-context{text-align:center;font-size:16px;font-weight:550;color:var(--accent);margin:22px 0 0}.product-caption{font-size:12px}.product{width:100%}.product:before{inset:-40px -20px}.product>img{width:100%;height:auto;transition:opacity .15s}.story-step{scroll-margin-top:130px}.feature-grid article:last-child{padding-bottom:55px}@media(max-width:1000px){.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:30px}h1{font-size:48px}.feature-grid h3{font-size:25px}}@media(max-width:700px){.story-layout{display:flex;flex-direction:column;gap:0}.sticky-preview{order:-1;top:0;width:100%;padding:14px 0 8px;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.sticky-preview .product{max-width:250px;margin:auto}.menu-line{display:none}.product-caption{display:none}.preview-context{font-size:12px;margin:6px 0 0}.product>img{max-height:245px;object-fit:contain;border:0;box-shadow:none;background:transparent}.product:before{display:none}.hero{min-height:0;padding-top:40px;padding-bottom:65px}.story-copy{width:100%}.feature-grid article{min-height:300px;padding-bottom:65px}.story-step{scroll-margin-top:280px}.faq h2{font-size:26px}}

.download-section.wrap{display:grid;grid-template-columns:1fr 360px;gap:80px;padding-top:65px;padding-bottom:70px}.download-section.wrap .download-box{margin-top:0}.faq.wrap{padding-top:45px}@media(max-width:700px){.download-section.wrap{grid-template-columns:1fr;gap:25px}.download-section.wrap .download-box{max-width:420px;margin:auto}}

.demo-settings{max-width:440px;padding:0 16px;margin:25px 0;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;font-size:15px;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row select{font:inherit;min-width:180px;max-width:65%;color:var(--text);background:#202a39;border:1px solid #39485c;border-radius:7px;padding:7px 28px 7px 10px;cursor:pointer}.setting-row select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.live-panel{display:flex;flex-direction:column;gap:clamp(4px,.5vw,6.5px);padding:clamp(4px,.5vw,6.5px);background:#292929;border:1px solid #666;border-radius:16px;box-shadow:0 22px 60px #0008}.live-panel img{display:block;width:100%;height:auto;min-width:0}.live-panel img[hidden]{display:none}.live-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(4px,.5vw,6.5px)}@media(max-width:700px){.sticky-preview .product{max-width:250px}.live-panel{gap:3.5px;padding:3.5px;border-radius:10px}.live-cards{gap:3.5px}.setting-row{font-size:14px}.setting-row select{min-width:140px}.demo-settings{padding:0 12px}}

/* A single menu bar, followed by a preview that scrolls into its docking point. */
.mac-menu{height:38px;border-bottom:1px solid #ffffff18;background:linear-gradient(#ffffff12,#ffffff08);backdrop-filter:blur(20px)}.mac-menu-inner{height:100%;display:flex;align-items:center;gap:26px;max-width:none}.menu-brand{display:flex;align-items:center;gap:8px;font-size:14px}.menu-brand img{border-radius:5px}.mac-menu nav{gap:22px;flex:1;color:#e0e6f0}.menu-status{display:flex;align-items:center;gap:16px;font-size:13px;color:#e0e6f0}.menu-status>img{filter:invert(1)}.menu-status button{font-size:12px;padding:1px 7px;border:1px solid #ffffff20;background:#ffffff08;color:white;border-radius:4px;cursor:pointer}.story-layout{padding-top:60px}.hero{padding-top:0}.sticky-preview{top:12px;padding-top:0}.product-caption{margin-top:14px}.live-panel{container-type:inline-size;background:linear-gradient(135deg,#3d4145e8,#282a2ee8);color:#f2f3f5;gap:6px;padding:6px;border:1px solid #85888b;border-radius:17px;box-shadow:0 16px 50px #0008}.ui-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.45cqw}.ui-surface{background:#ffffff04;border:1px solid #ffffff32;border-radius:2.9cqw;overflow:hidden}.ui-card-row{display:flex;align-items:center;gap:1.45cqw;height:14.49cqw;padding:0 1.45cqw;min-width:0}.ui-icon-box{display:flex;align-items:center;justify-content:center;flex:0 0 8.7cqw;width:8.7cqw;height:8.7cqw}.live-panel .ui-icon{display:inline-block;width:5.08cqw;height:5.08cqw;flex:none;filter:invert(1);object-fit:contain}.ui-text{display:flex;flex-direction:column;gap:.72cqw;min-width:0;flex:1;line-height:1.2;text-align:left}.ui-text strong{font-size:4.35cqw;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-text>span{font-size:3.62cqw;color:#e1e2e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-panel .ui-chevron{width:4.35cqw;height:4.35cqw;opacity:.85}.ui-divider{height:1px;background:#ffffff45;margin:0 2.17cqw}.ui-slider-row{display:flex;align-items:center;gap:1.45cqw;height:9.42cqw;padding:0 1.45cqw}.ui-slider-track{position:relative;flex:1;height:5.07cqw;border-radius:9px;background:#ffffff26;border:1px solid #ffffff26}.ui-slider-fill{height:100%;border-radius:9px;background:#f0f1f2}.ui-slider-knob{position:absolute;top:50%;width:6.1cqw;height:6.1cqw;border-radius:50%;background:white;box-shadow:0 1px 4px #0006;transform:translate(-50%,-50%)}#ui-player{height:28.99cqw}.ui-player-meta{display:flex;align-items:center;gap:1.45cqw;height:13.04cqw;padding:1.45cqw 1.45cqw 0}.ui-cover{flex:0 0 11.6cqw;height:11.6cqw;display:flex;align-items:center;justify-content:center;background:#506075;border-radius:1.1cqw}.ui-cover .ui-icon{width:6.5cqw;height:6.5cqw}.ui-seek{position:relative;margin:2.2cqw 2.17cqw 0;height:1.45cqw}.ui-progress{height:1.8cqw;border-radius:20px;background:#ffffff26;overflow:hidden;flex:1;min-width:0}.ui-progress i{display:block;height:100%;background:#f0f1f2;border-radius:20px}.ui-seek-knob{position:absolute;left:38%;top:50%;width:5.07cqw;height:5.07cqw;background:#b8b8b8;border-radius:50%;transform:translate(-50%,-50%)}.ui-player-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;height:11.23cqw;padding:0 2.17cqw;font-size:3.62cqw;color:#ddd;font-variant-numeric:tabular-nums}.ui-player-bottom .ui-play-controls{position:absolute;left:50%;transform:translateX(-50%)}.ui-play-controls{display:flex;gap:1.45cqw;flex-shrink:0}.ui-play-controls>span,.ui-play-toggle{width:8.7cqw;height:8.7cqw;display:flex;align-items:center;justify-content:center}.ui-play-toggle{background:none;color:white;border:0;padding:0;cursor:pointer;border-radius:1cqw}.ui-play-toggle:hover{background:#ffffff12}.ui-play-controls .ui-icon{width:6.5cqw;height:6.5cqw}.ui-player-row{display:flex;align-items:center;gap:1.45cqw;height:14.49cqw;padding:0 1.45cqw}.ui-source{display:flex;align-items:center;justify-content:center;width:8.7cqw;height:8.7cqw;flex:0 0 8.7cqw;border-radius:1.45cqw}.ui-music{background:#ed4965}.ui-browser{background:#526e92}.ui-strip{height:8.7cqw;display:flex;align-items:center;gap:1.45cqw;padding:0 1.45cqw;font-size:3.62cqw;white-space:nowrap}.ui-strip[hidden]{display:none}.ui-strip>span:not(.ui-icon-box){color:#ddd}.ui-system-values{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1.45cqw;font-size:3.62cqw}.ui-system-values strong{font-weight:600}.ui-footer{display:flex;gap:1.45cqw}.ui-footer-item{width:8.7cqw;height:8.7cqw;display:flex;align-items:center;justify-content:center;flex:1}.ui-footer-wide{width:18.84cqw;height:8.7cqw;display:flex;gap:1.1cqw;align-items:center;justify-content:center;flex:2.17;font-size:3.62cqw;font-weight:600;white-space:nowrap}.preview-context{font-size:14px}.product:before{inset:-35px -15px}@media(max-width:700px){.mac-menu-inner{gap:15px;padding-left:12px;padding-right:12px}.mac-menu nav{gap:12px;font-size:13px}.menu-status{gap:9px}.menu-status>img{display:none}.menu-status>span{display:none}.story-layout{padding-top:24px}.sticky-preview{top:0;padding:6px 0 8px}.live-panel{gap:3px;padding:4px;border-radius:10px}.hero{padding-top:35px}.preview-context{margin-top:6px;font-size:12px}}

/* Native menu bar and exported app symbols. */
.mac-menu{position:sticky;top:0;z-index:20;height:40px;background:#1c2029e8;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff10}.mac-menu-inner{gap:22px;padding-left:18px;padding-right:18px}.menu-brand{font-size:16px}.menu-apple{display:flex;align-items:center}.mac-menu nav{font-size:15px;gap:24px}.menu-status{gap:18px;font-size:15px}.menu-status button{border:0;background:none;padding:3px;font-size:15px;color:#ddd}.menu-status time{white-space:nowrap;font-variant-numeric:tabular-nums}#menu-glance{display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:7px;width:40px;height:36px}#menu-glance svg{width:34px;height:34px}.sticky-preview{top:52px}html{scroll-padding-top:60px}.live-panel .native-icon{filter:none;width:8.7cqw;height:8.7cqw}.live-panel .provider-icon{width:6.52cqw;height:6.52cqw}.live-panel .ui-chevron{width:8.7cqw;height:8.7cqw;margin-left:-2.17cqw;margin-right:-2.17cqw}.ui-play-controls .native-icon{width:8.7cqw;height:8.7cqw}.ui-cover .native-icon{width:8.7cqw;height:8.7cqw}.setting-row input[type=checkbox]{appearance:auto;width:18px;height:18px;accent-color:#abc9ff;cursor:pointer}.range-field{display:flex;align-items:center;gap:10px;min-width:0}.range-field input{width:125px;max-width:100%;accent-color:#e9f0ff;cursor:pointer}.range-field output{width:43px;text-align:right;font-variant-numeric:tabular-nums;font-size:14px}#help{scroll-margin-top:60px}@media(max-width:700px){.mac-menu-inner{gap:10px;padding:0 10px}.mac-menu nav{gap:12px;font-size:14px}.menu-brand{font-size:14px}.menu-status{gap:8px}.menu-status time{font-size:12px;max-width:90px;overflow:hidden;text-overflow:clip}.menu-status #menu-glance{width:34px}.menu-apple{display:none}.sticky-preview{top:40px}.range-field input{width:100px}.setting-row{gap:8px}.setting-row select{min-width:120px}.demo-settings{max-width:100%}}

.live-panel .ui-app-icon{width:8.7cqw;height:8.7cqw;object-fit:contain}.ui-source{background:transparent}

.live-panel .provider-claude{width:5.08cqw;height:5.08cqw}

@media(max-width:700px){.menu-status time{max-width:none}.clock-date{display:none}}

#ui-main{display:flex;flex-direction:column;gap:6px}#ui-main[hidden],#ui-detail[hidden]{display:none}.ui-card-row,.ui-footer-item,.ui-footer-wide{font-family:inherit;color:inherit;cursor:pointer}.ui-card-row{width:100%;border:0;background:transparent;text-align:left}.ui-card-row:hover,.ui-footer-item:hover,.ui-footer-wide:hover,.ui-strip:hover{background:#ffffff12}.ui-detail-arrow{display:flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;cursor:pointer;color:inherit}.ui-slider-track .ui-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.ui-slider-track:focus-within{outline:2px solid #abc9ff;outline-offset:3px}.ui-strip{cursor:pointer}.detail-header{display:flex;align-items:center;gap:3cqw;font-size:5.1cqw;padding:1.5cqw 2cqw 4cqw}.detail-header button{border:0;background:none;color:#ddd;font-size:8cqw;padding:0 2cqw;cursor:pointer}.detail-content{padding:0 2cqw 3cqw;font-size:4.2cqw;min-height:55cqw}.detail-content h4{margin:4cqw 0 2cqw;font-size:4.35cqw}.detail-content hr{border:0;border-top:1px solid #ffffff35;margin:4cqw 0}.detail-value{display:flex;align-items:center;justify-content:space-between;gap:3cqw;margin:3cqw 0}.detail-value strong{font-weight:550}.detail-button,.demo-open{border:1px solid #ffffff25;border-radius:6px;background:#ffffff18;color:inherit;padding:5px 10px;cursor:pointer}.detail-button{font-size:4cqw;margin:1cqw 2cqw 1cqw 0}.detail-button:hover,.demo-open:hover{background:#ffffff2b}.detail-range{display:grid;gap:4cqw}.detail-range input{width:100%;accent-color:#f2f3f5}.detail-range output{text-align:right}.detail-value input[type=number]{max-width:28cqw;font:inherit;color:inherit;background:#ffffff10;border:1px solid #ffffff30;border-radius:5px;padding:4px}.detail-value input[type=checkbox]{width:4.5cqw;height:4.5cqw;accent-color:#abc9ff}.detail-progress{height:2cqw;border-radius:20px;background:#ffffff26;overflow:hidden}.detail-progress i{display:block;height:100%;background:#f2f3f5}.weather-current{display:flex;gap:3cqw;align-items:center;font-size:12cqw;font-weight:600}.timer-display{text-align:center;font-size:12cqw;font-variant-numeric:tabular-nums;margin:5cqw 0}.timer-presets{display:flex;justify-content:center;flex-wrap:wrap;gap:2cqw}.detail-note{color:#ddd}.led-preview{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px}#magsafe-dot{width:10px;height:10px;border-radius:50%;background:#f2b900;box-shadow:0 0 8px #f2b90066}#magsafe-dot.off{background:#68707d;box-shadow:none}.demo-open{font-size:15px}.menu-apple img{border-radius:5px}.timer-alert{animation:timer-flash .3s steps(1,end) infinite}@keyframes timer-flash{50%{opacity:.05}}@media(prefers-reduced-motion:reduce){.timer-alert{animation:none;background:#ffffff45}}

.setting-row input[type=checkbox],.detail-value input[type=checkbox]{accent-color:#0a84ff}
.setting-row input[type=checkbox],.detail-value input[type=checkbox]{appearance:none;border:1px solid #ffffff55;border-radius:3px;background:#ffffff10;flex-shrink:0;cursor:pointer}.setting-row input[type=checkbox]:checked,.detail-value input[type=checkbox]:checked{border-color:#0a84ff;background:#0a84ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.3 8.2 6.6 11.4 12.7 4.5' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
/* Detail layouts mirror the native SwiftUI views. */
.detail-content{min-height:0;padding:0 2.9cqw 1.45cqw;font-size:4.7cqw;display:flex;flex-direction:column;gap:4.35cqw}.detail-header{padding:0 2.9cqw 4.35cqw;gap:1.45cqw;font-size:4.7cqw;line-height:1.2}.detail-header strong{flex:1}.detail-header>button:first-child{font-size:7cqw;width:4.35cqw;padding:0}.detail-header .detail-refresh{font-size:5.8cqw}.detail-header .location{font-size:3.62cqw;color:#ccc}.detail-content h4{font-size:4.35cqw;font-weight:600;margin:0}.detail-content p,.detail-value{margin:0}.detail-value{font-size:4.35cqw;line-height:1.25}.detail-value>span:first-child{color:#ccc}.detail-note{font-size:3.62cqw;line-height:1.35}.detail-link{display:block;align-self:flex-start;border:0;background:none;color:inherit;font:inherit;font-size:4.35cqw;text-align:left;padding:0;cursor:pointer}.detail-content hr{width:100%;margin:0}.battery-source{display:flex;align-items:center;gap:2.9cqw;font-size:4.7cqw}.detail-button{align-self:flex-start;font-size:4.35cqw;padding:1cqw 2.17cqw;margin:0;border-radius:1.45cqw}.detail-progress{height:1.8cqw;min-height:1.8cqw}.usage-window{display:flex;flex-direction:column;gap:1.81cqw}.detail-updated{display:flex;justify-content:space-between;align-items:center;font-size:3.62cqw;color:#ccc}.detail-refresh{background:none;border:0;color:inherit;cursor:pointer;font-size:5.8cqw;padding:0}.network-row,.device-row{display:flex;align-items:center;gap:2.9cqw;min-height:8.7cqw;font-size:4.7cqw}.device-row{border:0;background:none;color:inherit;width:100%;padding:0;text-align:left;cursor:pointer}.device-row>span:first-of-type,.network-row>span:first-of-type{flex:1}.device-row small{font-size:3.62cqw;color:#ccc}.output-row{display:flex;align-items:center;gap:3.62cqw;background:none;border:0;padding:0;color:inherit;font-size:4.7cqw;width:100%;cursor:pointer;text-align:left}.output-row>span:nth-child(2){flex:1}.output-row small{font-size:3.62cqw;color:#ccc}.output-icon{width:8.7cqw;height:8.7cqw;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff20;overflow:hidden}.output-icon.selected,.feature-circle.selected{background:#0a84ff}.display-features{display:flex;justify-content:space-between;gap:1.45cqw}.display-features button{display:flex;flex:1;flex-direction:column;align-items:center;gap:1.8cqw;background:none;color:inherit;border:0;padding:0;font-size:3.62cqw;cursor:pointer}.feature-circle{display:flex;align-items:center;justify-content:center;width:14.49cqw;height:14.49cqw;border-radius:50%;background:#ffffff14}.feature-circle .ui-icon{width:12.4cqw;height:12.4cqw}.display-features small{font-size:3.62cqw;color:#ccc}.display-name{font-size:3.62cqw;color:#ccc}.detail-range{gap:1.45cqw}.detail-range>span,.detail-range>output{display:none}.detail-range input{height:7cqw}.weather-current{font-size:10.14cqw;gap:4.35cqw}.weather-current .native-icon{width:17.4cqw;height:17.4cqw}.weather-high-low{display:flex;flex-direction:column;font-size:3.62cqw;font-weight:400;gap:1cqw}.hourly-forecast{display:flex;gap:4.35cqw;overflow:auto}.hourly-forecast>div{display:flex;flex-direction:column;align-items:center;gap:2.17cqw;font-size:3.62cqw;min-width:13cqw}.hourly-forecast small{font-size:3.62cqw;color:#ccc}.native-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:2.9cqw}.native-presets button{border:1px solid #ffffff20;border-radius:2.9cqw;background:#ffffff07;color:inherit;padding:3.62cqw 0;font-size:4.35cqw;cursor:pointer}.timer-custom{display:flex;align-items:center;gap:2.9cqw;font-size:4.35cqw}.timer-custom input{width:20.3cqw;background:#ffffff10;border:1px solid #ffffff25;color:inherit;border-radius:4px;font:inherit;padding:1cqw}.timer-custom button{margin-left:auto}.timer-display{font-size:13.04cqw;font-weight:300;margin:0;text-align:center}.timer-state{font-size:4.35cqw;text-align:center;color:#ccc}.timer-state:empty{display:none}.timer-presets{gap:2.9cqw}

.detail-header>button:first-child{width:8.7cqw;display:flex;justify-content:center;margin-left:-2.17cqw}.detail-refresh{display:flex;align-items:center;justify-content:center}

#ui-player[hidden]{display:none}.ui-footer>span{cursor:default}.ui-footer>span:hover{background:#ffffff04}.live-panel .ui-artwork{width:100%;height:100%;object-fit:cover;border-radius:1.1cqw}

.setting-row .mac-native-select{display:none}.mac-select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:180px;max-width:65%;padding:4px 4px 4px 10px;border:1px solid #ffffff25;border-radius:6px;background:linear-gradient(#55585d,#414348);box-shadow:0 1px 2px #0005,inset 0 1px #ffffff14;color:#f5f5f5;font:inherit;font-size:14px;cursor:pointer}.mac-select-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mac-select-button i{position:relative;flex:none;width:18px;height:20px;background:#0a84ff;border-radius:4px}.mac-select-button i:before,.mac-select-button i:after{content:'';position:absolute;left:6px;width:5px;height:5px;border-top:1.5px solid white;border-left:1.5px solid white;transform:rotate(45deg);top:5px}.mac-select-button i:after{transform:rotate(225deg);top:9px}.mac-select-button:focus-visible{outline:3px solid #0a84ff80;outline-offset:2px}.mac-select-menu{position:fixed;z-index:100;max-width:calc(100vw - 16px);padding:5px;border:1px solid #ffffff30;border-radius:7px;background:#303136f5;backdrop-filter:blur(28px);box-shadow:0 8px 25px #0007;color:#fff;font:14px -apple-system,BlinkMacSystemFont,sans-serif}.mac-select-menu[hidden]{display:none}.mac-select-menu button{position:relative;display:block;width:100%;padding:5px 12px 5px 25px;border:0;border-radius:4px;background:none;text-align:left;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.mac-select-menu button[aria-selected=true]:before{content:'✓';position:absolute;left:7px}.mac-select-menu button:hover,.mac-select-menu button:focus-visible{outline:none;background:#0a84ff}.mac-select-menu button:disabled{color:#ffffff55;cursor:default;background:none}@media(max-width:700px){.mac-select-button{min-width:120px;font-size:13px}}

.screenshot-gallery{padding-top:72px;padding-bottom:48px}.screenshot-gallery[hidden]{display:none}.screenshot-gallery h2{margin-bottom:30px}.gallery-stage{position:relative}.gallery-window{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#ffffff04}.gallery-slides{display:flex;transition:transform .25s ease}.gallery-slide{flex:0 0 100%;width:100%;min-width:0;height:520px;display:flex;align-items:center;justify-content:center;padding:32px 70px}.gallery-slide img{display:block;width:100%;height:100%;object-fit:contain}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff30;background:#30333cda;color:white;cursor:pointer;backdrop-filter:blur(12px)}.gallery-arrow[hidden]{display:none}.gallery-prev{left:16px}.gallery-next{right:16px}.gallery-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.gallery-arrow:hover{background:#525967}.gallery-arrow:focus-visible,.gallery-thumbnail:focus-visible{outline:3px solid #0a84ff;outline-offset:3px}.gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px;margin:14px 0;color:var(--muted)}.gallery-meta p{margin:0}.gallery-counter{font-variant-numeric:tabular-nums}.gallery-thumbnails{position:relative;display:flex;gap:10px;overflow-x:auto;padding:4px 4px 12px;scrollbar-width:thin}.gallery-thumbnail{flex:0 0 112px;width:112px;height:76px;padding:6px;border-radius:9px;border:2px solid transparent;background:#ffffff06;cursor:pointer}.gallery-thumbnail[aria-current=true]{border-color:#0a84ff;background:#0a84ff1a}.gallery-thumbnail img{width:100%;height:100%;display:block;object-fit:contain}.gallery-thumbnail:hover{background:#ffffff10}@media(max-width:700px){.screenshot-gallery{padding-top:36px}.gallery-slide{height:340px;padding:24px 45px}.gallery-window{border-radius:12px}.gallery-arrow{width:32px;height:32px}.gallery-prev{left:6px}.gallery-next{right:6px}.gallery-thumbnail{flex-basis:90px;width:90px;height:64px}}@media(prefers-reduced-motion:reduce){.gallery-slides{transition:none}}

.gallery-thumbnail:first-child{margin-left:auto}.gallery-thumbnail:last-child{margin-right:auto}

.gallery-prev{left:calc(50% - var(--gallery-image-half,228px) - 52px)}.gallery-next{right:calc(50% - var(--gallery-image-half,228px) - 52px)}@media(max-width:700px){.gallery-prev{left:calc(50% - var(--gallery-image-half,146px) - 38px)}.gallery-next{right:calc(50% - var(--gallery-image-half,146px) - 38px)}}

/* Keep the menu's status cluster in the same column as the live preview. */
.mac-menu-inner{max-width:1160px;padding-left:36px;padding-right:36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:75px}
.menu-navigation{display:flex;align-items:center;gap:22px;min-width:0}
.menu-status{justify-content:flex-end;min-width:0}
@media(max-width:1000px){.mac-menu-inner{padding-left:28px;padding-right:28px;grid-template-columns:minmax(0,1fr) minmax(0,380px);column-gap:30px}.menu-navigation{gap:12px}.mac-menu nav{gap:12px;font-size:14px}}
@media(max-width:700px){.mac-menu-inner{display:flex;padding:0 10px;gap:10px}.menu-navigation{display:contents}.menu-status{margin-left:auto}}

.ui-wifi-muted{opacity:.3}

.live-panel .network-state-icon{filter:none}