:root{--menu-bar-height:23px;font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif;color:#222;font-size:13px;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #6298e8;outline-offset:3px}button:disabled{opacity:.4}a{color:#2874af}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden],.demo-item[hidden]{display:none!important}
.desktop{width:100%;height:100%;height:100dvh;position:relative;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;background:#747474}.wallpaper{position:absolute;inset:0;background:#777 url('./assets/snow-leopard/wallpaper.jpg') center center/cover no-repeat;pointer-events:none}
.menu-bar{height:var(--menu-bar-height);position:absolute;inset:0 0 auto;z-index:45;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#fffefbd9,#e1e2e3e8 48%,#c8cbced9 49%,#dddededb);border-bottom:1px solid #5559;box-shadow:0 1px 4px #0003;text-shadow:0 1px #ffffff9c;font-size:13px;white-space:nowrap}.menu-left,.menu-right{height:100%;display:flex;align-items:center;gap:19px}.menu-left{padding-left:19px}.menu-right{gap:13px;padding-right:17px}.menu-left strong{font-weight:700}.apple{width:15px;height:18px;fill:#171717;filter:drop-shadow(0 1px 0 #fff8)}.menu-bar button{background:none;border:0;padding:1px 5px;font-size:11px;text-shadow:inherit}.menu-bar button:hover{background:linear-gradient(#5c9bee,#1a60c9);color:white;text-shadow:0 1px #0005}.battery{width:22px;height:10px;position:relative;border:1px solid #292929;border-radius:1px;box-shadow:0 1px #fff7}.battery:before{content:'';position:absolute;inset:1px 3px 1px 1px;background:#313131}.battery:after{content:'';position:absolute;width:2px;height:4px;right:-3px;top:2px;background:#313131}.menu-wifi{font-size:20px;line-height:1;transform:rotate(-45deg)}.spotlight,.search-glass{width:10px;height:10px;display:inline-block;border:2px solid #333;border-radius:50%;position:relative}.spotlight:after,.search-glass:after{content:'';width:5px;height:2px;position:absolute;right:-5px;bottom:-2px;background:#333;transform:rotate(45deg)}
.notch{position:absolute;z-index:80;width:154px;height:var(--menu-bar-height);top:0;left:50%;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#111114;box-shadow:inset 0 -1px 0 #303034}.notch-lens{position:absolute;right:23px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#202731;box-shadow:inset 0 0 1px #435568}.notch-cue{position:absolute;z-index:3;top:44px;left:50%;transform:translateX(-50%);font-size:11px;color:white;text-shadow:0 1px 3px #000,0 1px 6px #0008;opacity:.9;transition:opacity .2s;white-space:nowrap}
.demo-item{position:absolute;touch-action:none;will-change:transform}.demo-window{width:760px;max-width:calc(100vw - 48px);border:1px solid #555;border-radius:5px 5px 2px 2px;box-shadow:0 22px 50px #0007,0 3px 13px #0006;background:#ededed;z-index:10;overflow:hidden;transform-origin:top left}.browser-title{display:flex;align-items:center;justify-content:center;width:100%;height:24px;padding:0;border:0;border-top:1px solid #ffffffc9;border-radius:4px 4px 0 0;background:linear-gradient(#e7e7e7,#c2c2c2);color:#292929;text-shadow:0 1px #fff9;position:relative;cursor:grab;touch-action:none;font-size:13px}.browser-title:active{cursor:grabbing}.traffic-lights{position:absolute;left:8px;top:5px;display:flex;gap:8px}.traffic-lights i{display:block;width:12px;height:12px;border-radius:50%;border:1px solid #9b423d;background:radial-gradient(ellipse at 50% 15%,#ffffffc9 0 16%,transparent 40%),radial-gradient(ellipse at 50% 110%,#ffb5b3,transparent 55%),linear-gradient(#f55b50,#ce3631);box-shadow:0 1px 0 #fff8,inset 0 0 2px #6b222b7a}.traffic-lights i:nth-child(2){border-color:#b28b32;background:radial-gradient(ellipse at 50% 15%,#fffbc6 0 16%,transparent 40%),radial-gradient(ellipse at 50% 110%,#fff5aa,transparent 55%),linear-gradient(#f6ce59,#d59e27)}.traffic-lights i:nth-child(3){border-color:#548640;background:radial-gradient(ellipse at 50% 15%,#ffffffad 0 16%,transparent 40%),radial-gradient(ellipse at 50% 110%,#c2ffa6,transparent 55%),linear-gradient(#9dd773,#63a647)}.toolbar-toggle{position:absolute;right:9px;top:7px;width:20px;height:8px;border:1px solid #888;border-radius:8px;background:linear-gradient(#9e9e9e,#f4f4f4);box-shadow:0 1px #fff8}.safari-toolbar{height:36px;display:flex;gap:8px;align-items:center;padding:3px 9px 5px;background:linear-gradient(#c4c4c4,#b1b1b1);border-bottom:1px solid #888}.back-forward{display:flex;border:1px solid #686868;border-radius:4px;background:linear-gradient(#f6f6f6,#b7b7b7);box-shadow:0 1px #fff6;color:#444;font-size:12px;height:23px}.back-forward span{padding:3px 8px;line-height:15px}.back-forward span+span{border-left:1px solid #999;color:#888}.toolbar-plus{display:grid;place-items:center;font-size:21px;line-height:20px;width:26px;height:23px;border:1px solid #777;border-radius:4px;background:linear-gradient(#f4f4f4,#b8b8b8);box-shadow:0 1px #fff5;font-family:Arial}.address{height:23px;background:linear-gradient(#f3f3f3 0,#fff 35%);border:1px solid #6d6d6d;border-radius:4px;box-shadow:inset 0 1px 2px #0002,0 1px #fff7;display:flex;align-items:center;padding:0 5px;flex:1;min-width:0;gap:5px;font:12px Arial,sans-serif}.address>span:not(.reload){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address img{width:13px;height:13px}.reload{margin-left:auto;font-size:19px;line-height:1;color:#707070}.search-field{height:23px;width:156px;background:linear-gradient(#f3f3f3,#fff 35%);border:1px solid #707070;border-radius:12px;box-shadow:inset 0 1px 2px #0002,0 1px #fff7;color:#888;font-size:11px;display:flex;align-items:center;gap:8px;padding:0 9px}.search-glass{width:9px;height:9px;border-width:1.5px;border-color:#777}.search-glass:after{background:#777;width:4px;height:1.5px}
.bookmarks-bar{height:23px;display:flex;align-items:center;gap:18px;overflow:hidden;padding:0 10px;background:linear-gradient(#cfcfcf,#bcbcbc);font-size:11px;color:#303030;text-shadow:0 1px #fff7;white-space:nowrap;border-bottom:1px solid #999}.book-icon,.top-sites{font-size:18px;line-height:1}.book-icon{margin-right:-10px}.bookmark-overflow{margin-left:auto;font-size:16px}.safari-tabs{height:25px;display:flex;background:linear-gradient(#a6a6a6,#bcbcbc);border-bottom:1px solid #777;padding-left:7px;box-shadow:inset 0 1px 2px #0002}.safari-tab{display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap;overflow:hidden;flex:1;min-width:0;max-width:150px;padding:0 6px;border-right:1px solid #8e8e8e;color:#444;text-shadow:0 1px #fff7;box-shadow:1px 0 #ddd6}.safari-tab.selected{background:linear-gradient(#e5e5e5,#eee);color:#222;position:relative;border:1px solid #8c8c8c;border-bottom:0;border-radius:5px 5px 0 0;margin-top:-1px;box-shadow:inset 0 1px #fff;margin-right:1px;min-width:130px}.safari-tab i{font:12px Arial;color:#737373;font-style:normal}.safari-tab img{width:11px;height:11px}.safari-tab b{font-size:11px}.tab-youtube,.tab-gmail{color:#b82d29}.tab-wiki{font-family:Georgia}.tab-flickr{background:linear-gradient(90deg,#1767b9 50%,#f23b8e 50%);color:transparent;background-clip:text}.tab-twitter{color:#378cb4}.tabs-overflow{width:22px;display:grid;place-items:center;font-size:15px}
.browser-page{background:#fff;min-height:328px;display:grid;place-items:center;padding:34px 42px 29px;user-select:text;-webkit-user-select:text}.site-copy{max-width:550px;text-align:center}.site-copy h1{font-family:Helvetica,Arial,sans-serif;font-size:39px;line-height:1.08;letter-spacing:-1.3px;margin:0 0 21px;font-weight:700;color:#292929}.site-copy p{font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;margin:0 auto 14px;max-width:490px;color:#444}.site-copy .parenthetical{font-size:12px;color:#777}.site-copy a:not(.download-button){text-decoration:none}.download-button{display:inline-flex;gap:7px;align-items:center;justify-content:center;border-radius:5px;padding:9px 19px;background:linear-gradient(#6aace8,#347bc5 48%,#2068b4 51%,#3b88d0);border:1px solid #175a9a;color:white;text-shadow:0 -1px #174d7e;text-decoration:none;box-shadow:inset 0 1px 0 #b3d7f6,0 1px 3px #0002;font-size:13px;font-weight:700;margin-top:4px}.download-button:hover{background:linear-gradient(#7bbbf3,#3c8bd7 48%,#287bc9 51%,#4598e3)}.download-button:active{background:linear-gradient(#185694,#3b83c7)}.download-button svg{width:17px;height:17px;fill:white;filter:drop-shadow(0 -1px #18568c)}.site-copy small{display:block;font-size:9px;color:#999;margin-top:9px}.safari-status{height:19px;background:linear-gradient(#d5d5d5,#b9b9b9);border-top:1px solid #888;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#555;padding-left:8px;text-shadow:0 1px #fff7}.resize-grip{font-size:15px;margin-right:2px;color:#8b8b8b;line-height:1}
.fake-file{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px;width:104px;z-index:8;cursor:grab;touch-action:none}.file-icon{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 2px 2px #0005);pointer-events:none}.fake-file>span{color:white;padding:2px 4px;border-radius:3px;font-size:11px;line-height:1.2;max-width:100%;text-shadow:0 1px 2px #000,1px 1px 3px #000;white-space:nowrap}.fake-file:hover>span,.fake-file:focus-visible>span,.fake-file.dragging>span{background:#3866a2}.fake-file:focus-visible{outline:none}.fake-file:focus-visible .file-icon{background:#ffffff35;outline:1px solid #ffffff80;border-radius:4px}.demo-item.dragging{z-index:48;cursor:grabbing}.demo-window.dragging{box-shadow:0 25px 56px #0008,0 3px 13px #0006}.window-fragment{position:absolute;pointer-events:none;z-index:55;will-change:transform;backface-visibility:visible}.window-fragment .demo-window{box-shadow:none;max-width:none}.window-fragment a,.window-fragment button{pointer-events:none}#monster-canvas{position:absolute;inset:0;z-index:65;width:100%;height:100%;pointer-events:none}
.dock{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:72px;display:flex;align-items:flex-start;gap:7px;padding:0 24px 10px;z-index:30;filter:drop-shadow(0 2px 5px #0007)}.dock-shelf{position:absolute;inset:19px -7px 0;background:linear-gradient(#f5f5f56b,#bbbfc882 47%,#f5f5f5b5 51%,#8d929bab 91%,#444c59d9 92%,#cbd0d7d1);clip-path:polygon(7% 0,93% 0,100% 91%,100% 100%,0 100%,0 91%);border-bottom:1px solid #eef5ff;box-shadow:inset 0 1px #fff8;z-index:-1}.dock-item{border:0;padding:0;background:none;display:block;width:51px;height:58px;position:relative;cursor:pointer;transition:transform .12s;transform-origin:center bottom}.dock-item:hover{transform:translateY(-5px) scale(1.1)}.dock-item img{width:51px;height:51px;object-fit:contain;pointer-events:none;-webkit-box-reflect:below -1px linear-gradient(transparent 65%,#ffffff30);filter:drop-shadow(0 1px 1px #0004)}.dock-light{position:absolute;bottom:-2px;left:22px;width:7px;height:3px;border-radius:50%;background:#d7efff;box-shadow:0 0 4px 1px #adcaff}.dock-divider{width:2px;height:43px;margin:14px 6px 0;background:#42484b60;box-shadow:1px 0 #eef5ff60;transform:rotate(14deg)}
@media(min-width:1500px){.demo-window{width:800px}.browser-page{padding:42px 55px 36px}.site-copy h1{font-size:43px}.site-copy p{font-size:15px}.site-copy{max-width:570px}.site-copy p{max-width:520px}}
@media(max-width:1050px){.menu-left{gap:13px}.menu-left span:nth-last-child(-n+3){display:none}.menu-right{gap:11px}.menu-right time{font-size:11px}.demo-window{width:690px}.search-field{width:125px}.bookmarks-bar{gap:15px}.safari-tab{font-size:8px;padding-inline:4px}.safari-tab.selected{min-width:110px}.site-copy h1{font-size:36px}.browser-page{padding:29px 32px 24px;min-height:315px}}
@media(max-width:700px){.menu-left span{display:none}.menu-left{gap:15px;padding-left:12px}.menu-right .battery,.menu-right .menu-wifi,.menu-right time{display:none}.menu-right{padding-right:12px;gap:12px}.menu-bar button{font-size:10px}.notch{width:122px}.notch-cue{top:38px;font-size:10px}.demo-window{width:calc(100vw - 30px);max-width:none}.safari-toolbar{gap:5px;padding-inline:6px}.back-forward span{padding-inline:5px}.toolbar-plus{display:none}.search-field{width:83px;font-size:10px}.address{font-size:10px}.bookmarks-bar{height:22px;gap:13px;font-size:9px}.bookmarks-bar>span:nth-last-child(-n+4){display:none}.safari-tabs{height:24px;padding-left:3px}.safari-tab{font-size:8px;gap:2px;padding:0 3px}.safari-tab.selected{min-width:92px}.safari-tab:nth-last-child(-n+4){display:none}.safari-tab i{display:none}.browser-page{padding:25px 22px 23px;min-height:0}.site-copy h1{font-size:29px;letter-spacing:-.8px;margin-bottom:18px}.site-copy p{font-size:12px;line-height:1.5;max-width:400px;margin-bottom:13px}.site-copy .parenthetical{font-size:10px}.download-button{font-size:12px;padding:8px 15px}.site-copy small{font-size:8px}.fake-file{width:92px}.file-icon{width:44px;height:44px}.fake-file>span{font-size:10px}.dock{height:61px}.dock-item{width:43px;height:49px}.dock-item img{width:43px;height:43px}.dock-light{left:18px}.dock-divider{height:35px;margin-top:12px}.dock-shelf{top:15px}}
@media(max-height:620px) and (min-width:701px){.browser-page{padding:20px 35px 18px;min-height:0}.site-copy h1{font-size:32px;margin-bottom:12px}.site-copy p{font-size:12px;margin-bottom:10px}.site-copy .parenthetical{font-size:11px}.dock{height:57px}.dock-item,.dock-item img{width:42px;height:42px}.dock-light{bottom:-7px}.notch-cue{display:none}}
@media(max-height:700px) and (max-width:700px){.browser-page{padding:19px 20px 16px}.site-copy h1{font-size:26px;margin-bottom:14px}.site-copy p{font-size:11px;margin-bottom:11px}.site-copy small{margin-top:7px}.file-icon{width:39px;height:39px}.notch-cue{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.dock-decoration{cursor:default;pointer-events:none}@media(max-width:700px){.dock-decoration{display:none}}