/* Screenshot-led home layout and a Space Black MacBook Pro presentation. */
.product-stage{max-width:1250px;padding:0 62px;margin-top:46px;scroll-margin-top:82px}
.showcase-switcher{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 27px;position:relative;z-index:3}
.showcase-switcher button{font-family:inherit;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.showcase-switcher button:hover{transform:translateY(-2px)}
.showcase-music{gap:11px;padding:12px 22px 12px 15px;border-radius:17px;background:linear-gradient(145deg,#168bff,#0064db);color:white;box-shadow:0 5px 18px #0071e330,inset 0 1px 0 #ffffff30;min-width:224px;text-align:left}
.showcase-music>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.showcase-music b{font-size:15px;font-weight:600;line-height:18px;letter-spacing:-.2px}
.showcase-music small{font-size:10px;line-height:13px;color:#ffffffc9;max-width:165px;overflow:hidden;text-overflow:ellipsis}
.showcase-play{width:34px;height:34px;border-radius:50%;background:#ffffff24;display:grid;place-items:center;flex-shrink:0;font-size:13px}
.showcase-play .fn-symbol{--symbol-size:12px}
.showcase-weather{gap:8px;padding:14px 18px;border-radius:16px;font-size:13px;font-weight:500;color:#6e6e73;background:#e9e9ec}
.showcase-weather[aria-pressed=true]{color:#1d1d1f;background:#fff;box-shadow:0 2px 12px #00000009,inset 0 0 0 1px #0000000b}
.showcase-weather svg{width:18px;height:18px}
.showcase-playlist{max-width:750px;margin:-7px auto 24px;position:relative;z-index:3}
.showcase-playlist[hidden]{display:none}
.fn-song-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.fn-song{display:flex;align-items:center;gap:10px;border:1px solid #dddde3;background:#ffffffbf;padding:9px;border-radius:13px;text-align:left;font-family:inherit;min-width:0;color:#1d1d1f;cursor:pointer;transition:background .2s,border-color .2s}
.fn-song[aria-pressed=true]{background:#fff;border-color:#0071e3;box-shadow:0 0 0 1px #0071e3}
.fn-song img{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}
.fn-song>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}
.fn-song b{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fn-song small{font-size:9px;color:#86868b;white-space:nowrap}
.fn-song-number{font-size:10px;color:#a6a6aa;font-variant-numeric:tabular-nums;margin-right:3px}
.fn-song.is-playing .fn-song-number{color:#0071e3}
.showcase-listening{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:13px;color:#86868b;font:400 10px/14px -apple-system,sans-serif}
.showcase-listening label{display:flex;gap:5px;align-items:center}
.showcase-listening label svg{width:13px;height:13px}
.showcase-listening input{width:94px;accent-color:#7c7c83;height:12px}
.showcase-listening button{margin-left:12px;border:0;background:none;color:#6e6e73;font:inherit;cursor:pointer}
.showcase-listening button:hover{color:#0071e3}
.laptop{max-width:1000px;padding-bottom:28px;filter:drop-shadow(0 25px 28px #17223118)}
.laptop:after{content:'';position:absolute;inset:auto 6% -11px;height:17px;background:#242a35;border-radius:50%;filter:blur(17px);opacity:.24;z-index:-1;pointer-events:none}
.laptop-screen{height:auto;aspect-ratio:1.54;border:10px solid #141517;border-bottom-width:19px;border-radius:24px 24px 9px 9px;box-shadow:0 0 0 1px #8a8c8e,0 0 0 2px #292b2e,0 3px 0 2px #44464a,inset 0 0 0 1px #ffffff12;background:#15191e;isolation:isolate}
.laptop-screen:after{content:'';position:absolute;inset:0;border-radius:12px 12px 0 0;box-shadow:inset 0 0 1px 1px #ffffff12;pointer-events:none;z-index:5}
.laptop-hinge{position:absolute;bottom:25px;left:8%;right:8%;height:4px;background:linear-gradient(90deg,#191a1c,#070708 20%,#070708 80%,#191a1c);border-radius:3px;z-index:1}
.laptop-base{height:19px;width:calc(100% + 94px);left:-47px;bottom:9px;background:linear-gradient(90deg,#17191c,#53565b 1.2%,#272a2e 3%,#393c40 12%,#44474b 50%,#393c40 88%,#272a2e 97%,#53565b 98.8%,#17191c);border-radius:2px 2px 28px 28px / 2px 2px 13px 13px;box-shadow:inset 0 1px 0 #8f9195,inset 0 -5px 4px #141619,0 3px 2px #13141726;z-index:2}
.laptop-base span{width:14%;height:8px;background:linear-gradient(#17181b,#282b2f);border:0;border-radius:0 0 9px 9px;box-shadow:inset 0 -1px 0 #66686c,0 1px 0 #1a1b1e}
.desktop-wallpaper{background-position:center 53%}
.desktop-menu{height:28px;padding:0 17px;background:#171d2720;font-size:11px;text-shadow:0 1px 2px #0007;backdrop-filter:blur(20px)}
.desktop-menu>span{gap:17px}.desktop-apple{font-size:17px;line-height:18px}
.desktop-dock{bottom:13px;gap:3px;padding:5px 8px;border-radius:17px;background:#dee1e431;border:1px solid #ffffff50;box-shadow:0 2px 15px #0003,inset 0 0 0 1px #ffffff0c;backdrop-filter:blur(25px)}
.desktop-dock img{width:43px;height:43px;object-fit:contain;border-radius:0;filter:drop-shadow(0 2px 1px #0002)}
.desktop-dock img.dock-funnotch{width:34px;height:34px;border-radius:9px;margin:4px}
.desktop-dock>.dock-separator{height:33px;width:1px;background:#ffffff38;border-radius:0;margin:0 4px;box-shadow:none}
.desktop-file{top:auto;bottom:122px;right:25px;opacity:.95}
/* The reference's scrubber spans the player column; transport is centered within it. */
.fn-home-main:has(.fn-calendar):not(:has(.fn-mirror)) .fn-media-center{margin-left:0;width:100%}
.fn-notch .fn-album{background:var(--album-cover,url('/assets/preview-artwork.png')) center/cover!important;overflow:visible}
.fn-album:after{display:none!important}
.fn-playing-badge{position:absolute;bottom:-3px;right:-4px;width:17px;height:17px;border-radius:5px;border:1.5px solid #000;background:linear-gradient(#ff5069,#fa214c);display:grid;place-items:center;color:white}
.fn-playing-badge .fn-symbol{--symbol-size:9px}
.fn-closed .fn-playing-badge{display:none}
.fn-home-cell>.fn-recent-panel{padding:6px 7px;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.fn-recent-panel>.fn-label{font:600 8px/9px -apple-system,sans-serif;letter-spacing:.5px;color:#666;padding:0;background:none;min-height:0}
.fn-recent-thumbnails{display:flex;gap:4px;height:22px;align-items:center}
.fn-recent-thumbnails button{width:22px;height:22px;border:1px solid #ffffff2b;border-radius:4px;overflow:hidden;background:#1c1c1e;padding:0;transition:transform .15s}
.fn-recent-thumbnails button:hover{transform:scale(1.12)}
.fn-recent-thumbnails img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.fn-recent-thumbnails>span{font-size:9px;color:#777}
.fn-recent-thumbnails .fn-symbol{--symbol-size:12px}
.fn-home-cell>.fn-chatgpt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#8c8c8c;font-size:9px;font-weight:500;line-height:11px}
.fn-chatgpt img{height:24px;width:24px;object-fit:contain}
.fn-chatgpt:hover{background:#ffffff16!important;color:#fff}
.fn-native-agenda{overflow:hidden}
.fn-ref-battery{display:inline-flex;position:relative;width:25px;height:12px;border:1.3px solid #737373;border-radius:3px;align-items:center;justify-content:center;vertical-align:middle}
.fn-ref-battery:after{content:'';position:absolute;right:-3px;width:1.5px;height:4px;border-radius:0 1px 1px 0;background:#737373}
.fn-ref-battery-fill{position:absolute;left:1.4px;top:1.3px;bottom:1.3px;width:79%;background:#30d158;border-radius:1px}
.fn-ref-battery>.fn-symbol{--symbol-size:10px!important;color:#000;position:relative;z-index:1}
.fn-credit-tracks{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.fn-credit-tracks>a{display:flex;gap:12px;align-items:center;color:#eee;text-decoration:none}
.fn-credit-tracks img{border-radius:7px}
.fn-credit-tracks span{display:flex;flex-direction:column;gap:5px}
.fn-credit-tracks small{font-size:11px;color:#999}
.music-attribution{margin-top:20px;font-size:11px;line-height:1.6;color:#6b6b72}
.music-attribution a{color:#6e6e73;text-decoration:underline}
@media(max-width:900px){.product-stage{padding:0 42px}.laptop-screen{border-width:8px;border-bottom-width:15px;border-radius:20px 20px 7px 7px}.laptop-base{width:calc(100% + 58px);left:-29px;height:16px}.desktop-menu{font-size:9px;padding:0 11px}.desktop-menu>span{gap:12px}.desktop-dock img{width:36px;height:36px}.desktop-dock img.dock-funnotch{width:29px;height:29px}.desktop-dock{gap:2px;border-radius:14px}.desktop-file{right:17px;bottom:94px}}
@media(max-width:600px){.product-stage{padding:0 20px;margin-top:30px;scroll-margin-top:76px}.showcase-switcher{gap:8px;margin-bottom:23px}.showcase-music{min-width:0;padding:10px 13px;gap:8px;border-radius:14px}.showcase-music b{font-size:12px;line-height:16px}.showcase-music small{font-size:9px}.showcase-play{width:28px;height:28px}.showcase-weather{font-size:11px;padding:13px 11px;gap:5px;border-radius:13px}.showcase-weather svg{width:15px;height:15px}.showcase-playlist{margin-top:-5px}.fn-song-list{gap:6px}.fn-song{padding:6px;flex-direction:column;align-items:flex-start;gap:6px;border-radius:10px}.fn-song img{width:31px;height:31px}.fn-song>span:nth-child(2){width:100%;gap:3px}.fn-song b{font-size:9px}.fn-song small{font-size:8px}.fn-song-number{display:none}.laptop{padding-bottom:22px}.laptop-screen{aspect-ratio:1.54;min-height:208px;border:5px solid #151618;border-bottom-width:10px;border-radius:13px 13px 5px 5px}.laptop-screen:after{border-radius:7px 7px 0 0}.laptop-base{left:-11px;width:calc(100% + 22px);height:11px;bottom:10px;border-radius:1px 1px 14px 14px / 1px 1px 7px 7px}.laptop-base span{height:5px;width:17%}.laptop-hinge{bottom:20px;height:3px}.desktop-menu{height:15px;padding:0 7px;font-size:6px}.desktop-menu>span{gap:8px}.desktop-menu svg{width:8px;height:8px}.desktop-apple{font-size:11px}.desktop-dock{padding:3px 5px;bottom:7px;border-radius:10px;gap:1px}.desktop-dock img{width:25px;height:25px}.desktop-dock img.dock-funnotch{width:20px;height:20px;margin:2px}.desktop-dock>.dock-separator{height:21px;margin:0 3px}.desktop-file{right:10px;bottom:58px}.desktop-file>span{font-size:21px}.desktop-file small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.showcase-switcher button,.fn-song,.fn-recent-thumbnails button{transition:none}}

.fn-agenda-row .event-title{font-weight:600}.fn-week button{font-weight:600}