/* Native compact widgets follow the measured 1.1 SwiftUI layout in NotchWidgets.swift. */
.day-tour{background:#fff;overflow:hidden;padding-top:108px;padding-bottom:82px}
.tour-heading{display:flex;justify-content:space-between;gap:55px;align-items:flex-end;margin-bottom:48px}
.tour-heading h2,.wn-heading h2{font-size:clamp(38px,4.2vw,60px);line-height:1.04;letter-spacing:-2.5px;font-weight:650;margin:18px 0 0}
.tour-heading h2 span{color:#86868b}.tour-heading>p{max-width:290px;color:#727278;font-size:17px;line-height:1.6;padding-bottom:3px;margin:0}
.tour-tabs{display:flex;border-bottom:1px solid #dedee3;gap:35px;overflow:auto;scrollbar-width:none}
.tour-tabs button{appearance:none;border:0;background:none;padding:0 0 19px;white-space:nowrap;font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#6e6e73;position:relative;cursor:pointer}
.tour-tabs button span{font-size:11px;font-weight:500;margin-right:8px;font-variant-numeric:tabular-nums;color:#6e6e73}
.tour-tabs button[aria-selected=true]{color:#1d1d1f}.tour-tabs button[aria-selected=true]::after{content:"";position:absolute;height:2px;bottom:0;left:0;right:0;background:#1d1d1f}
.tour-stage{margin-top:32px;border-radius:26px;background:#f5f5f7;overflow:hidden}
.tour-panel{display:grid;grid-template-columns:235px minmax(0,1fr);align-items:center;gap:34px;padding:50px 38px;min-height:356px}
.tour-panel[hidden]{display:none}.tour-copy>i{display:block;color:#85858d;width:25px;height:25px;margin-bottom:18px}.tour-copy>i svg{width:100%;height:100%}
.tour-copy h3{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:0 0 15px;font-weight:650}.tour-copy p{font-size:14px;line-height:1.6;color:#66666d;margin:0 0 21px}
.tour-try{border:0;background:none;padding:0;cursor:pointer;color:#0066cc;text-align:left;font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tour-try span{margin-left:5px}
.tour-panel figure{margin:0;min-width:0;filter:drop-shadow(0 18px 18px #0002)}.tour-panel figure img{display:block;width:100%;height:auto;mask:url('/assets/tour/notch-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/tour/notch-mask.svg') center/100% 100% no-repeat}
.tour-panel figcaption{display:flex;gap:14px;align-items:center;justify-content:center;font-size:9px;font-weight:650;letter-spacing:1.3px;color:#66666d;margin-top:24px}.tour-panel figcaption span{font-size:11px;letter-spacing:0;font-weight:400;color:#66666d}
.tour-more{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:30px}.tour-more p{font-size:13px;color:#6e6e73;margin:0}.tour-more>div{display:flex;gap:25px;align-items:center}.tour-more button,.tour-more a{display:flex;align-items:center;gap:6px;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:0;padding:0;background:none;color:#55555c;text-decoration:none;cursor:pointer}.tour-more i,.tour-more svg{width:14px;height:14px}.tour-more span{color:#919198}
.widget-lab{background:#0b0c0e;color:#f5f5f7;padding-top:108px;padding-bottom:65px;overflow:hidden}.wn-heading{text-align:center;margin-bottom:48px}.wn-heading .eyebrow{color:#93aab9}.wn-heading h2{margin-top:17px}.wn-heading h2 span{color:#9c9ea5}.wn-heading p{color:#95969e;font-size:18px;line-height:1.55;margin:23px 0 0}
.wn-desktop{height:242px;position:relative;border-radius:18px;isolation:isolate;background:#22405a;overflow:hidden;box-shadow:0 0 0 1px #ffffff18}
.wn-desktop::before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/wallpaper-1280.webp') center 43%/cover;filter:grayscale(1) brightness(.63)}
.wn-desktop::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#3876a354,#122a4899 75%,#0b182fbb)}



.wn-notch{position:absolute;top:0;left:50%;width:185px;height:32px;background:#000;transform:translateX(-50%) scale(var(--wn-scale,2));transform-origin:center top;z-index:2;color:#ffffffd9}
.wn-camera{width:185px;height:32px;background:#000}.wn-leading,.wn-trailing{position:absolute;top:0;height:32px;display:flex;align-items:center;background:#000;white-space:nowrap;transition:width .32s cubic-bezier(.2,.8,.2,1)}
.wn-leading{right:100%;border-radius:0 0 0 14px;padding-left:14px}.wn-trailing{left:100%;border-radius:0 0 14px 0;padding-right:14px}
.wn-leading::before,.wn-trailing::after{content:"";position:absolute;top:0;width:5px;height:5px;background:radial-gradient(circle at 0 100%,transparent 5px,#000 5.3px);left:-5px}.wn-trailing::after{left:auto;right:-5px;transform:scaleX(-1)}
.wn-leading>.wn-value{margin-right:12px}.wn-trailing>.wn-value{margin-left:12px}.wn-leading:has(.wn-media-cell[hidden])>.wn-value{margin-right:0}.wn-trailing:has(.wn-media-cell[hidden])>.wn-value{margin-left:0}
.wn-value{display:inline-flex;align-items:center;gap:4px;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:500;line-height:14px;color:#ffffffd9;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}
.wn-glyph{display:inline-block;flex:none;width:var(--gw,13px);height:var(--gh,12px);background:currentColor;mask:var(--glyph) center/contain no-repeat;-webkit-mask:var(--glyph) center/contain no-repeat;color:#ffffffb3}
.wn-charging{color:#30d158}.wn-value-focus{color:#a4a6ff}.wn-value-focus .wn-glyph{color:inherit}.wn-value-weather .wn-glyph{color:#ffffffd9}.wn-value-moon .wn-glyph,.wn-value-shelf .wn-glyph{color:#ffffffd9}.wn-value-moon,.wn-value-shelf{color:#ffffff99}.wn-value-wifi{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wn-media-cell{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px}.wn-media-cell[hidden]{display:none}.wn-art{width:20px;height:20px;object-fit:cover;border-radius:4px}
.wn-spectrum{display:flex;align-items:center;justify-content:space-between;height:14px;width:18px;color:#abae25}.wn-spectrum i{width:2.5px;height:var(--bar-height);border-radius:1.5px;background:currentColor;animation:wn-spectrum .75s ease-in-out infinite alternate;animation-delay:var(--delay);animation-play-state:paused}.wn-in-view .wn-spectrum i{animation-play-state:running}
@keyframes wn-spectrum{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.wn-value-event,.wn-value-music{gap:5px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wn-event-mark{width:2.5px;height:14px;border-radius:1.5px;background:#ad91db;flex:none}.wn-twoline{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:122px;gap:0;line-height:10px;font-variant-numeric:normal}.wn-twoline b{font-size:10px;line-height:11px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#ffffffe6}.wn-twoline small{font-size:9px;line-height:10px;font-weight:400;color:#ffffff80}.wn-value-music img{width:15px;height:15px;border-radius:3px}.wn-value-event .wn-twoline{max-width:118px}
.wn-toolbar{display:flex;align-items:center;justify-content:space-between;margin:25px 0 28px;gap:20px}.wn-side-control{display:flex;padding:4px;border:1px solid #ffffff13;border-radius:25px;background:#17181b}.wn-side-control button{font:500 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:0;border-radius:22px;padding:11px 22px;color:#a9a9b0;background:none;cursor:pointer}.wn-side-control button[aria-pressed=true]{background:#eeeff1;color:#191a1e;box-shadow:0 1px 3px #0004}.wn-options{display:flex;align-items:center;gap:26px}.wn-music-switch{display:flex;align-items:center;gap:9px;font-size:12px;color:#bcbdc3;cursor:pointer;position:relative}.wn-music-switch input{position:absolute;opacity:0;width:32px;height:22px;left:0;top:0;margin:0}.wn-toggle{pointer-events:none;width:30px;height:18px;border-radius:12px;background:#44464d;position:relative;transition:background .2s}.wn-toggle::after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s}.wn-music-switch input:checked+.wn-toggle{background:#35a65b}.wn-music-switch input:checked+.wn-toggle::after{transform:translateX(12px)}.wn-music-switch input:focus-visible+.wn-toggle{outline:2px solid #93bdfc;outline-offset:4px}.wn-reset{background:none;border:0;padding:6px 0;color:#9698a1;font:400 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.wn-reset span{font-size:17px;margin-left:5px}
.wn-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.wn-choice{flex:0 0 calc((100% - 60px)/7);min-width:0;height:104px;border:1px solid #ffffff0e;border-radius:14px;background:linear-gradient(140deg,#1b1c20,#15161a);color:#a2a3ad;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:14px 6px 12px;transition:border-color .2s,background .2s,transform .2s}.wn-choice:hover{border-color:#ffffff40;background:#212228;transform:translateY(-2px)}.wn-choice[aria-pressed=true]{border-color:#b4becf88;background:linear-gradient(140deg,#282b33,#1b1e25);box-shadow:inset 0 0 0 1px #b4becf18}.wn-choice-name{font:450 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.1px}.wn-choice[aria-pressed=true] .wn-choice-name{color:#eceef5}.wn-card-reading{height:22px;display:flex;align-items:center;justify-content:center;max-width:100%}.wn-card-reading>.wn-value{transform:scale(1.12)}.wn-choice[data-wn-widget=date] .wn-card-reading>.wn-value{font-size:9px;transform:none}.wn-choice[data-wn-widget=event] .wn-card-reading>.wn-value,.wn-choice[data-wn-widget=music] .wn-card-reading>.wn-value{transform:scale(.87)}.wn-placement{position:absolute;top:8px;right:8px;font:600 8px/14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-width:14px;padding:0 3px;border-radius:4px;background:#ffffff0b;color:#a1abbc}.wn-placement:empty{display:none}
.wn-detail{text-align:center;margin:30px auto 0;max-width:650px;min-height:57px}.wn-detail strong{font-size:13px;font-weight:600;color:#e4e5ea}.wn-detail p{font-size:13px;line-height:1.6;color:#989aa4;margin:6px 0 0}.wn-footnote{text-align:center;color:#676a75;font-size:10px;line-height:1.6;margin:14px 0 0}.wn-footnote a{color:#969caa;text-underline-offset:3px}.wn-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:50px;padding-top:30px;border-top:1px solid #ffffff12}.wn-benefits p{display:flex;gap:12px;font-size:12px;line-height:1.6;color:#777a86;margin:0}.wn-benefits i,.wn-benefits svg{width:20px;height:20px;flex-shrink:0;color:#afb3c0}.wn-benefits strong{display:block;color:#b8bbc5;font-weight:500}
.day-tour button:focus-visible,.widget-lab button:focus-visible,.day-tour a:focus-visible{outline:2px solid #629cee;outline-offset:5px}
@media(min-width:1450px){.tour-panel{gap:42px;padding:56px 44px}}
@media(max-width:1000px){.tour-heading{gap:30px}.tour-heading>p{max-width:240px;font-size:15px}.tour-heading h2,.wn-heading h2{letter-spacing:-1.8px}.tour-panel{grid-template-columns:205px minmax(0,1fr);padding:34px 25px;gap:24px;min-height:330px}.tour-copy h3{font-size:27px}.tour-panel figcaption span{display:none}.tour-more{align-items:flex-start;flex-direction:column;gap:15px}.wn-choice{flex-basis:calc((100% - 40px)/5)}.wn-choice[data-wn-widget=event] .wn-card-reading>.wn-value,.wn-choice[data-wn-widget=music] .wn-card-reading>.wn-value{transform:scale(.85)}.wn-benefits{gap:20px}}
@media(max-width:700px){.day-tour{padding-top:68px;padding-bottom:54px}.tour-heading{display:block;margin-bottom:30px}.tour-heading>p{max-width:360px;margin-top:20px;font-size:15px}.tour-heading h2,.wn-heading h2{font-size:39px;letter-spacing:-1.7px}.tour-tabs{gap:26px;margin-right:-20px;padding-right:20px}.tour-tabs button{font-size:12px;padding-bottom:15px}.tour-tabs button span{font-size:9px;margin-right:5px}.tour-stage{margin-top:24px;border-radius:20px}.tour-panel{grid-template-columns:1fr;gap:33px;padding:28px 24px;min-height:445px}.tour-copy>i{margin-bottom:13px;width:21px;height:21px}.tour-copy h3{font-size:29px}.tour-copy h3 br{display:none}.tour-copy p{max-width:360px;margin-bottom:14px}.tour-panel figure{align-self:end;margin:0 -8px}.tour-panel figcaption{font-size:8px;margin-top:17px}.tour-panel figcaption span{display:inline;font-size:9px}.tour-more>div{gap:18px;flex-wrap:wrap}.tour-more button,.tour-more a{font-size:11px}.tour-more p{font-size:12px}.widget-lab{padding-top:68px;padding-bottom:40px}.wn-heading{margin-bottom:32px}.wn-heading p{font-size:15px}.wn-desktop{height:195px;border-radius:12px}.wn-toolbar{margin:22px 0;gap:10px;align-items:flex-start}.wn-side-control button{padding:10px 13px;font-size:11px}.wn-options{gap:12px;align-items:flex-end;flex-direction:column}.wn-music-switch{font-size:11px;margin-top:8px}.wn-reset{font-size:10px}.wn-reset span{font-size:13px}.wn-picker{gap:8px}.wn-choice{flex-basis:calc((100% - 16px)/3);height:98px;gap:16px;border-radius:11px}.wn-choice[data-wn-widget=event] .wn-card-reading>.wn-value,.wn-choice[data-wn-widget=music] .wn-card-reading>.wn-value{transform:scale(.74)}.wn-choice[data-wn-widget=date] .wn-card-reading>.wn-value{font-size:7.6px}.wn-choice-name{font-size:10px}.wn-placement{font-size:7px;top:6px;right:6px}.wn-detail{min-height:77px;margin-top:26px}.wn-detail p{font-size:12px}.wn-footnote{font-size:9px;max-width:330px;margin:10px auto 0}.wn-benefits{grid-template-columns:1fr;gap:20px;max-width:310px;margin:30px auto 0;padding-top:24px}.wn-benefits p{font-size:11px}.wn-benefits strong{display:inline;margin-right:3px}}
@media(prefers-reduced-motion:reduce){.wn-spectrum i{animation:none!important}.wn-leading,.wn-trailing,.wn-choice,.wn-toggle,.wn-toggle::after{transition:none}.wn-choice:hover{transform:none}}

/* A light page surround keeps the native dark playground part of the same story. */
.widget-lab{background:linear-gradient(180deg,#fff 0%,#f5f5f7 25%,#f5f5f7 72%,#fff 100%);color:#1d1d1f;padding-top:64px;padding-bottom:50px}
.wn-heading .eyebrow{color:#727c8b}.wn-heading h2 span{color:#86868b}.wn-heading p{color:#777780}
.wn-workbench{padding:22px 22px 26px;border-radius:32px;background:linear-gradient(155deg,#1e242c 0%,#121417 45%,#101114 100%);box-shadow:0 22px 65px #18233612,0 2px 5px #18233608;color:#f5f5f7;isolation:isolate}
.wn-workbench .wn-desktop{box-shadow:0 0 0 1px #ffffff0c}.wn-workbench .wn-toolbar{margin-top:23px}.wn-workbench .wn-footnote{margin-bottom:0}
.wn-benefits{margin-top:35px;padding-top:25px;border-color:#dadde3}.wn-benefits p{color:#81858e}.wn-benefits strong{color:#525762}.wn-benefits i,.wn-benefits svg{color:#76808d}
@media(max-width:700px){.widget-lab{padding-top:40px;padding-bottom:30px}.wn-workbench{padding:12px 12px 22px;border-radius:23px}.wn-workbench .wn-desktop{border-radius:13px}.wn-workbench .wn-toolbar{margin-top:19px}.wn-workbench .wn-side-control button{padding-inline:11px}.wn-workbench .wn-detail{margin-inline:5px}.wn-benefits{margin-top:28px;padding-top:22px}}