@charset "UTF-8";
:root{--ink:#191919;--chrome:#d4d4d4;--desktop:#9998be;--red:#9d171b;--beige:#c6c3b3;--sans:Geneva,Verdana,Arial,sans-serif;--serif:"Times New Roman",Times,serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#2e302d;background-image:radial-gradient(ellipse at 50% 35%,#62645b 0,#41433c 44%,#252725 100%);font-family:var(--sans);font-size:13px;min-height:100svh}button,a,input{font:inherit}a{color:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #343ec8;outline-offset:4px}button{touch-action:manipulation}button svg,a svg{flex-shrink:0}svg{display:block}h1,h2,p{margin:0}[hidden]{display:none!important}
.scene{width:min(1290px,calc(100% - 72px));margin:34px auto 0;position:relative;padding-bottom:34px}.monitor{position:relative;padding:38px 39px 0;border-radius:34px 34px 22px 22px;background:linear-gradient(112deg,#e2dfd0 0%,#ccc9b9 10%,#c4c0af 80%,#a5a291 100%);border:1px solid #969483;box-shadow:inset 2px 3px 2px #f4f0de,inset -4px -5px 5px #8f8d7e,0 28px 70px #0007,5px 7px 0 #262920}.monitor:before{content:"";position:absolute;inset:10px;border:1px solid #c2bfae;border-radius:27px 27px 16px 16px;pointer-events:none}.bezel{padding:14px;border-radius:19px;background:#a6a395;box-shadow:inset 5px 6px 8px #747469,inset -4px -5px 6px #eee9d9,0 1px 0 #dedaC8}.screen{background:var(--desktop);border:3px solid #373a33;border-radius:8px;overflow:hidden;position:relative;box-shadow:inset 0 0 20px #0006}.screen:after{content:"";pointer-events:none;z-index:8;position:absolute;inset:0;border-radius:5px;box-shadow:inset 0 0 20px #27273140}.scanlines:before{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:repeating-linear-gradient(transparent 0px,transparent 2px,#00000007 2px,#00000007 3px)}
.menu-bar{display:flex;align-items:center;gap:0;height:29px;padding:0 13px;background:#eee;border-bottom:2px solid #111;box-shadow:inset 0 -1px #fff;position:relative;z-index:12;font-size:12px}.apple-menu{margin-right:15px}.menu-name{font-weight:bold;margin-right:15px}.menu{position:relative;height:100%;display:flex;align-items:center}.menu>button{border:0;background:none;padding:4px 10px;height:100%;font-size:12px}.menu>button[aria-expanded=true]{background:#111;color:#fff}.menu-panel{position:absolute;top:28px;left:0;min-width:190px;background:#eee;border:1px solid #111;box-shadow:3px 3px #1118;padding:4px 0}.menu-panel button,.menu-panel a{display:block;width:100%;border:0;background:none;color:#111;text-align:left;text-decoration:none;padding:8px 15px;font-size:12px}.menu-panel button:hover,.menu-panel a:hover{color:white;background:#161776}.menu-spacer{flex:1}.clock{font-size:11px;white-space:nowrap}.finder-mini{margin-left:18px}
.desktop{min-height:658px;position:relative;padding:27px 97px 22px 23px;background-image:repeating-linear-gradient(90deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 2px)}.desktop-icons{position:absolute;right:9px;top:29px;width:72px;display:flex;align-items:center;flex-direction:column;gap:28px}.desktop-icon{border:0;background:none;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:7px;width:74px;padding:0;text-align:center;cursor:pointer}.desktop-icon svg{width:35px;height:35px;filter:drop-shadow(1px 2px 0 #424063)}.desktop-icon span{padding:1px 3px;background:#eee;font-size:10px;line-height:1.3}.desktop-icon:hover span{color:white;background:#1e237c}.trash-icon{position:absolute;bottom:31px;right:8px}.system-strip{position:absolute;bottom:4px;left:7px;display:flex;border:1px solid #444;background:#ccc;box-shadow:inset 1px 1px #fff}.system-strip span{width:22px;height:18px;display:flex;align-items:center;justify-content:center;border-right:1px solid #777;font-size:11px}.system-strip span:last-child{border:0}
.window{background:var(--chrome);border:1px solid #111;box-shadow:1px 1px 0 white,3px 3px 0 #464357;padding:4px;position:relative;z-index:2;min-width:0}.titlebar{height:25px;display:flex;align-items:center;gap:8px;padding:0 5px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 2px,#777 2px,#777 3px,transparent 3px,transparent 5px);position:relative}.window-control{width:13px;height:13px;display:block;flex-shrink:0;background:#ddd;border:1px solid #777;box-shadow:inset 1px 1px white,inset -1px -1px #aaa;padding:0}.titlebar-title{font-size:12px;letter-spacing:.1px;background:var(--chrome);font-weight:bold;padding:2px 9px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.titlebar .window-control:last-child{margin-left:auto;box-shadow:inset 2px 2px white,inset -3px -3px #aaa}.browser-tools{display:flex;align-items:center;padding:5px 8px 6px;border:1px solid #888;border-bottom:1px solid #fff;gap:18px;box-shadow:inset 1px 1px #fff;margin-top:2px;background:#d7d7d7}.tool-button{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;text-decoration:none;min-width:31px;padding:1px}.tool-button svg{width:20px;height:20px}.tool-button:hover{background:#eeeeee;outline:1px solid #999}.toolbar-separator{height:28px;border-left:1px solid #888;border-right:1px solid #eee}.browser-brand{margin-left:auto;font-family:var(--serif);font-style:italic;font-size:27px;font-weight:bold;letter-spacing:-3px;color:#4e5294;text-shadow:1px 1px white;padding-right:5px}.address-row{height:30px;display:flex;align-items:center;padding:4px 6px;gap:8px;border-left:1px solid #888;border-right:1px solid #888;font-size:10px}.address-field{background:white;box-shadow:inset 1px 1px #333,inset -1px -1px #eee;border:1px solid #999;flex:1;height:21px;display:flex;align-items:center;padding:0 7px;gap:6px;overflow:hidden;white-space:nowrap;color:#444;font-family:monospace;font-size:11px}.address-field span:last-child{overflow:hidden;text-overflow:ellipsis}.content-frame{border:1px solid #222;background:white;position:relative;display:flex;min-height:494px}.sidebar{width:145px;flex-shrink:0;background:#000;color:white;padding:27px 14px 15px;display:flex;flex-direction:column;align-items:stretch;border-right:1px solid #333}.side-brand{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--serif);font-size:21px;font-weight:bold;line-height:.97;gap:10px;margin-bottom:31px}.side-brand svg{width:40px;height:47px;filter:drop-shadow(1px 2px 1px #42010180)}.side-nav{display:grid;gap:6px}.side-nav a{text-decoration:none;font-size:11px;font-weight:bold;padding:9px 5px;display:flex;align-items:center;gap:6px}.side-nav a.active{border:1px solid #777;box-shadow:inset 1px 1px #aaa,inset -1px -1px #111;background:#252525}.side-nav a:not(.active):hover{text-decoration:underline}.nav-arrow{font-size:8px;width:9px}.side-rule{height:3px;background:#6d0910;box-shadow:0 1px #d86a6a;margin:24px 2px 16px}.side-note{text-align:center;font-size:10px;line-height:1.8;color:#f0d4d3}.side-note strong{color:#fff;font-weight:bold}.side-stamp{margin-top:auto;padding-top:39px;text-align:center;font-family:monospace;font-size:9px;line-height:1.5;color:#e3b8b8}.side-stamp .tiny-rainbow{width:30px;height:5px;margin:9px auto 0;background:linear-gradient(90deg,#6db744 0 16.6%,#f9d437 16.6% 33.3%,#ed8a27 33.3% 50%,#dd493e 50% 66.6%,#ac639b 66.6% 83.3%,#63b8cc 83.3%)}
.page{flex:1;min-width:0;padding:25px 30px 15px;background:#fffefa}.page-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:bold;letter-spacing:1.8px;text-transform:uppercase;color:#777265;margin-bottom:20px}.page-count{font-family:monospace;color:#777;letter-spacing:1px;font-size:10px;white-space:nowrap}.hero{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:19px}.hero h1{font-family:var(--serif);font-weight:normal;font-size:clamp(39px,4.1vw,55px);line-height:1;letter-spacing:-2.3px;color:#191919}.hero p{font-family:var(--serif);font-size:19px;line-height:1.35;margin-top:11px;max-width:360px}.happy-mac{width:89px;height:97px;flex-shrink:0;transform:rotate(-5deg);margin-right:6px}.rainbow-rule{height:5px;width:100%;background:linear-gradient(to right,#68a44a 0 16.666%,#f2cc43 16.666% 33.333%,#e59140 33.333% 50%,#c84b4c 50% 66.666%,#975ca2 66.666% 83.333%,#4a9db5 83.333%);border-bottom:1px solid #b7b2a0;margin-bottom:21px}.section-heading{display:flex;align-items:center;gap:7px;font-family:var(--serif);font-size:17px;font-weight:bold;margin:0 0 5px}.section-heading .triangle{font-family:var(--sans);font-size:11px}.instructions{list-style:none;margin:0 0 20px;padding:0}.instructions li{display:flex;gap:14px;padding:11px 0 10px;border-bottom:1px solid #d8d5ca;align-items:flex-start}.step-number{display:flex;width:27px;height:27px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #76746b;background:#eeeae0;box-shadow:inset 1px 1px white,inset -1px -1px #bebbae;font-family:var(--serif);font-size:18px;font-weight:bold;margin-top:1px}.step-copy h3{font-size:12px;margin:0 0 4px;font-weight:bold}.step-copy p{font-family:var(--serif);font-size:15px;line-height:1.35;color:#4d4c46;max-width:530px}.step-copy strong{font-weight:bold;color:#30302c}.action-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mac-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#e1e1e1;padding:9px 20px;min-height:39px;border:1px solid #151515;border-radius:3px;box-shadow:inset 2px 2px white,inset -2px -2px #999,1px 1px 0 #0002;text-decoration:none;font-size:12px;font-weight:bold;line-height:1.2}.mac-button:hover{background:#efefef}.mac-button:active{box-shadow:inset 2px 2px #888,inset -2px -2px #eee;transform:translateY(1px)}.mac-button.primary{outline:2px solid #333;outline-offset:2px;background:#deddeb;margin:3px;min-width:181px}.mac-button.primary:hover{background:#eeedf6}.mac-button svg{width:17px;height:17px}.action-note{font-family:var(--serif);font-size:13px;color:#676258;line-height:1.4}.action-note span{font-family:var(--sans);font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;color:#565080;display:block;margin-bottom:2px}.preview-note{font-size:10px;color:#787368;line-height:1.6;margin-top:13px}.page-footer{margin-top:20px;padding-top:10px;border-top:1px solid #bfbbae;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#777267}.link-button{border:0;background:none;text-decoration:underline;padding:0;color:#49487b;font-size:inherit}.page-footer .little-flower{font-size:14px;color:#9d171b;vertical-align:middle;margin-right:4px}.fake-scroll{flex:0 0 15px;width:15px;border-left:1px solid #333;background:repeating-linear-gradient(135deg,#d7d7d7 0 1px,#eee 1px 2px);position:relative}.scroll-arrow{height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;background:#ddd;box-shadow:inset 1px 1px white,inset -1px -1px #999;border-bottom:1px solid #555}.scroll-arrow:last-child{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #555;border-bottom:0}.scroll-thumb{height:83px;background:#b1afd3;box-shadow:inset 1px 1px #eee,inset -1px -1px #6a6795;border-top:1px solid #656178;border-bottom:1px solid #656178;display:flex;align-items:center;justify-content:center}.scroll-thumb:after{content:"";width:7px;height:14px;background:repeating-linear-gradient(#77759b 0 1px,transparent 1px 3px)}.statusbar{height:20px;display:flex;align-items:center;font-size:9px;padding:3px 3px 0;gap:6px;color:#333}.status-light{width:7px;height:7px;border:1px solid #526746;background:#a4bc73;box-shadow:inset 1px 1px #e0ecc7}.statusbar-right{margin-left:auto;display:flex;gap:8px;align-items:center}.resize-grip{width:12px;height:12px;background:repeating-linear-gradient(135deg,transparent 0 2px,#777 2px 3px,#eee 3px 4px);clip-path:polygon(100% 0,100% 100%,0 100%)}
.monitor-chin{height:79px;display:flex;align-items:center;padding:0 16px;position:relative;gap:14px}.monitor-chin .rainbow-apple{width:26px;height:30px;opacity:.82}.monitor-name{font-family:Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.7px;color:#777969;text-shadow:0 1px #e3dfcf}.model-name{font-size:9px;font-weight:normal;letter-spacing:.4px;display:block;margin-top:3px;color:#929080}.power-assembly{margin-left:auto;display:flex;gap:13px;align-items:center}.vent-slots{width:71px;height:18px;background:repeating-linear-gradient(90deg,#858578 0 2px,#d7d4c3 2px 6px);border-radius:3px;opacity:.55;margin-right:12px}.power-led{width:6px;height:6px;border-radius:50%;background:#a5c375;border:1px solid #697151;box-shadow:0 0 5px #b0ce7e88}.power-button{width:29px;height:29px;border-radius:50%;border:1px solid #918f7f;background:#c4c1b0;box-shadow:inset 1px 1px #f0eddc,1px 2px 2px #858678;display:grid;place-items:center;padding:0}.power-button svg{width:12px;height:12px;color:#7b7d6e}.stand{position:relative;width:220px;height:34px;margin:0 auto;background:linear-gradient(90deg,#878a7c,#c0bdac 30%,#c6c2b0 60%,#888a7c);clip-path:polygon(9% 0,91% 0,95% 100%,5% 100%);z-index:-1}.stand-base{width:310px;height:15px;background:linear-gradient(#c8c4b4,#939587);border-radius:50% 50% 25% 25%;margin:-6px auto 0;box-shadow:0 11px 16px #0007;border-bottom:2px solid #686d61}.outside-caption{text-align:center;font-size:9px;letter-spacing:2.6px;color:#aaa99c;text-transform:uppercase;margin-top:22px}
.result-hero .hero{margin-bottom:17px}.success-mac{transform:rotate(3deg)}.sample-banner{display:flex;align-items:center;gap:8px;background:#efeee4;border:1px solid #c7c3b1;padding:8px 10px;font-size:10px;line-height:1.4;margin-bottom:21px}.sample-badge{background:#686180;color:white;font-family:monospace;letter-spacing:1px;padding:2px 5px;font-size:9px;flex-shrink:0}.udid-label{font-family:var(--serif);font-size:17px;font-weight:bold;letter-spacing:normal;margin-bottom:8px}.udid-well{display:flex;align-items:center;justify-content:space-between;background:#eee;box-shadow:inset 2px 2px #a6a393,inset -1px -1px white;border:1px solid #5e5e54;padding:21px 15px;gap:10px;margin-bottom:16px}.udid-value{font-family:"Courier New",monospace;font-weight:bold;font-size:clamp(13px,1.7vw,20px);color:#292439;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;letter-spacing:.4px;user-select:all}.udid-well svg{width:26px;height:29px;flex-shrink:0}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.result-actions .mac-button{font-size:11px;padding:10px 15px;min-width:0}.success-note{display:flex;align-items:flex-start;gap:10px;padding:16px 0 12px;border-top:1px solid #d4d0c3;margin-top:20px;font-family:var(--serif);font-size:15px;line-height:1.45;color:#555247}.success-note svg{width:25px;height:27px;flex-shrink:0;margin-top:2px}.success-note strong{font-size:16px;color:#24241f;display:block;margin-bottom:3px}.result-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:10px;margin-top:12px}.back-link{font-size:11px;color:#4f4b7c}.copy-message{font-size:10px;color:#42653b;min-height:14px;margin-top:-8px}.result.page .page-footer{margin-top:20px}
dialog{border:1px solid #111;padding:4px;background:#d4d4d4;box-shadow:5px 5px 0 #1118;width:min(460px,calc(100% - 34px));color:#222}dialog::backdrop{background:#1c1b2e66}.dialog-title{display:flex;justify-content:center;padding:0 9px;background:repeating-linear-gradient(transparent 0 2px,#888 2px 3px,transparent 3px 5px);text-align:center;font-size:12px;font-weight:bold}.dialog-title span{display:flex;align-items:center;background:#d4d4d4;padding:4px 10px}.dialog-content{background:#f9f8ed;padding:23px;margin-top:5px;border:1px solid #777;font-family:var(--serif);font-size:17px;line-height:1.5}.dialog-content h2{font-size:26px;font-weight:normal;margin-bottom:12px}.dialog-content p+p{margin-top:12px}.dialog-actions{display:flex;justify-content:center;padding:14px 6px 8px;gap:9px}.sleep-overlay{position:absolute;inset:0;z-index:20;background:#151711;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#c9ceb9;border:0;width:100%;font-family:var(--serif);font-size:24px}.sleep-overlay span{font-family:var(--sans);font-size:10px;color:#858c74}.screen.is-asleep+.monitor-chin .power-led{opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.scene{margin-top:45px}.desktop{min-height:693px;padding-top:32px}.page{padding-top:28px;padding-bottom:22px}.instructions li{padding:14px 0 13px}.page-footer{margin-top:24px}.content-frame{min-height:525px}}
@media(max-width:1100px){.scene{width:calc(100% - 36px);margin-top:22px}.monitor{padding:29px 25px 0}.bezel{padding:11px}.desktop{padding:20px 78px 24px 16px;min-height:630px}.desktop-icons{right:1px;width:68px}.desktop-icon{width:66px}.desktop-icon span{font-size:9px}.trash-icon{right:1px}.sidebar{width:120px;padding:23px 10px 13px}.side-brand{font-size:20px}.page{padding:22px 23px 15px}.hero h1{font-size:43px}.hero p{font-size:18px}.happy-mac{width:72px;height:84px}.monitor-chin{height:66px}.browser-tools{gap:14px}.page-eyebrow{font-size:8px;letter-spacing:1.4px}.udid-value{font-size:16px}}
@media(max-width:800px){.scene{width:calc(100% - 22px);margin-top:16px}.monitor{padding:22px 18px 0;border-radius:25px 25px 18px 18px}.bezel{padding:9px;border-radius:14px}.desktop{padding:17px 12px 26px;min-height:590px}.desktop-icons,.trash-icon{display:none}.sidebar{width:113px}.menu-bar{padding:0 9px}.menu-name{margin-right:8px}.menu>button{padding:4px 8px}.page{padding:22px 20px 16px}.hero h1{font-size:39px;letter-spacing:-1.6px}.happy-mac{width:65px;height:75px;margin-right:0}.monitor-chin{height:60px;padding:0 5px}.monitor-name{font-size:11px}.monitor-chin .rainbow-apple{width:22px;height:26px}.vent-slots{width:47px}.hero p{font-size:17px}.page-footer{font-size:8px}.action-row{gap:12px}.udid-value{font-size:15px}.result-actions{gap:7px}.result-actions .mac-button{font-size:10px;padding:9px 11px}}
@media(max-width:600px){body{background:radial-gradient(ellipse at 50% 20%,#57594e,#2c2e28)}.scene{width:calc(100% - 14px);margin:9px auto 0;padding-bottom:20px}.monitor{padding:17px 9px 0;border-radius:22px 22px 15px 15px}.monitor:before{inset:6px;border-radius:18px 18px 12px 12px}.bezel{padding:7px;border-radius:11px}.screen{border-width:2px;border-radius:6px}.menu-bar{height:26px;font-size:10px;padding:0 7px}.apple-menu{margin-right:8px}.apple-menu svg{width:12px!important;height:15px!important}.menu-name{font-size:10px;margin-right:5px}.menu>button{font-size:10px;padding:3px 6px}.clock{font-size:9px}.finder-mini{display:none}.menu-panel{top:25px}.desktop{padding:12px 7px 25px;min-height:0}.window{padding:3px}.titlebar{height:22px}.titlebar-title{font-size:10px}.window-control{width:11px;height:11px}.browser-tools{gap:14px;padding:4px 6px}.tool-button{font-size:8px;gap:1px;min-width:24px}.tool-button svg{width:17px;height:17px}.toolbar-separator{height:22px}.browser-brand{font-size:23px}.address-row{height:25px;padding:3px 4px;gap:5px;font-size:9px}.address-field{height:18px;font-size:9px}.content-frame{display:block;min-height:0}.sidebar{width:100%;border-right:0;border-bottom:1px solid #333;flex-direction:row;align-items:center;justify-content:space-between;padding:7px 10px;gap:5px}.side-brand{flex-direction:row;gap:10px;font-family:var(--serif);font-size:14px;line-height:1;margin:0;text-align:left;white-space:nowrap}.side-brand br{display:none}.side-brand svg{width:16px;height:20px}.side-nav{display:flex;gap:4px}.side-nav a{font-size:9px;padding:6px;gap:3px}.nav-arrow{font-size:7px;width:7px}.side-rule,.side-note,.side-stamp{display:none}.page{padding:20px 17px 15px}.page-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:19px;gap:4px}.page-count{font-size:9px}.hero{gap:10px;margin-bottom:18px}.hero h1{font-size:37px;letter-spacing:-1.7px}.hero p{font-size:17px;line-height:1.3;margin-top:9px}.happy-mac{width:58px;height:72px;align-self:center;margin-right:0}.rainbow-rule{height:4px;margin-bottom:18px}.section-heading{font-size:16px;margin-bottom:2px}.instructions li{gap:11px;padding:12px 0}.step-number{width:24px;height:25px;font-size:17px}.step-copy h3{font-size:11px;line-height:1.35}.step-copy p{font-size:15px;line-height:1.4}.instructions{margin-bottom:18px}.action-row{gap:14px;align-items:flex-start;flex-direction:column}.mac-button.primary{min-width:174px;min-height:41px;font-size:12px}.action-note{font-size:13px}.action-note span{display:inline;margin-right:6px;font-size:8px}.preview-note{font-size:9px;line-height:1.5;margin-top:11px}.page-footer{margin-top:17px;padding-top:9px;flex-wrap:wrap;gap:6px;line-height:1.5;font-size:8px}.fake-scroll{display:none}.statusbar{font-size:8px;height:19px}.statusbar-right{gap:5px}.monitor-chin{height:55px;padding:0 9px;gap:9px}.monitor-name{font-size:10px;letter-spacing:1px}.model-name{font-size:7px;margin-top:3px}.monitor-chin .rainbow-apple{width:20px;height:24px}.vent-slots{display:none}.power-assembly{gap:9px}.power-button{width:25px;height:25px}.power-led{width:5px;height:5px}.stand{height:26px;width:146px}.stand-base{width:222px;height:11px;margin-top:-5px}.outside-caption{font-size:7px;letter-spacing:2px;margin-top:17px}.sample-banner{font-size:9px;align-items:flex-start;padding:8px;gap:7px;margin-bottom:20px}.sample-badge{font-size:8px;margin-top:1px}.udid-well{padding:18px 10px}.udid-value{font-size:14px;line-height:1.7;letter-spacing:.1px}.udid-well svg{width:21px;height:25px}.result-actions{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:16px}.result-actions .mac-button{font-size:11px;min-height:39px}.result-actions .primary{font-size:11px}.success-note{font-size:15px;margin-top:16px;padding-top:15px}.success-note strong{font-size:16px}.result-bottom{font-size:9px;align-items:flex-start}.result.page{min-height:520px}.result.page .hero h1{font-size:35px}.result.page .hero p{font-size:17px}.system-strip span{height:16px;width:20px}.dialog-content{padding:18px;font-size:16px}.dialog-actions .mac-button{font-size:11px}}
@media(max-width:370px){.scene{width:calc(100% - 8px)}.monitor{padding-left:6px;padding-right:6px}.bezel{padding:5px}.desktop{padding-left:5px;padding-right:5px}.page{padding-left:13px;padding-right:13px}.menu-name{font-size:9px}.menu>button{font-size:9px;padding-left:5px;padding-right:5px}.hero h1{font-size:34px}.hero p{font-size:16px}.happy-mac{width:49px}.side-brand{font-size:13px}.side-nav a{font-size:8px;padding:6px 4px}.udid-value{font-size:13px}.monitor-name{font-size:9px}}
.scene{isolation:isolate}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* The monitor is the viewport frame; content scrolls inside its screen. */
html,body{width:100%;height:100%;overflow:hidden}
html,body{background:#000000}
#app{height:100%}
.scene{width:100%;height:100vh;height:100dvh;margin:0;padding:0}
.monitor{height:100%;padding:20px 22px 0;border-radius:0;display:flex;flex-direction:column;box-shadow:inset 2px 3px 2px #f4f0de,inset -4px -5px 5px #8f8d7e}
.monitor:before{inset:7px;border-radius:10px}
.bezel{flex:1;min-height:0;display:flex;padding:11px}
.screen{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.menu-bar{flex-shrink:0}
.desktop{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#77769a #d3d2dc}
.window{flex:1 0 auto;display:flex;flex-direction:column}
.content-frame{flex:1}
.titlebar,.browser-tools,.address-row,.statusbar{flex-shrink:0}
.monitor-chin{height:52px;flex-shrink:0}
@media(max-width:800px){.monitor{padding:13px 13px 0}.bezel{padding:8px}.monitor-chin{height:47px}}
@media(max-width:600px){.monitor{padding:9px 6px 0}.monitor:before{inset:3px;border-radius:7px}.bezel{padding:5px}.monitor-chin{height:42px}.desktop{padding:10px 5px 24px}.window{flex-shrink:0}}

/* Maximize the utility within the monitor on every screen size. */
.desktop{padding:0;background:var(--chrome);background-image:none}
.desktop-icons,.trash-icon,.system-strip{display:none}
.window{width:100%;margin:0;box-shadow:none}

/* Keep the striped title bar without the left and right square controls. */
.titlebar .window-control{display:none}

/* Classic black Mac arrow with a white edge, for desktop mice only. */
@media (hover:hover) and (pointer:fine){
  html,body,body *,body *::before,body *::after{cursor:url('/classic-mac-cursor.svg?v=2') 1 1,auto!important}
}

/* Use the mobile-style top navigation on desktop and tablet as well. */
@media(min-width:601px){
  .content-frame{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .sidebar{grid-column:1/-1;width:100%;border-right:0;border-bottom:1px solid #333;flex-direction:row;align-items:center;justify-content:space-between;padding:9px 17px;gap:12px}
  .side-brand{flex-direction:row;gap:13px;font-size:18px;line-height:1;margin:0;text-align:left;white-space:nowrap}
  .side-brand br{display:none}
  .side-brand svg{width:22px;height:26px}
  .side-nav{display:flex;gap:7px}
  .side-nav a{padding:8px 12px;font-size:11px;gap:5px}
  .side-rule,.side-note,.side-stamp{display:none}
  .page{grid-column:1;grid-row:2}
  .fake-scroll{grid-column:2;grid-row:2}
}

/* Flat white Apple logo. */
.side-brand .apple-flat{display:block;flex-shrink:0}
.side-brand .apple-flat svg{filter:none}
.side-brand .apple-flat svg path{fill:#fff}

/* Compact instructions with a green completion check. */
.instructions li{align-items:center}
.instructions .step-copy h3{margin:0;line-height:1.4}
.step-number.step-complete{border:0;background:none;box-shadow:none}
.step-complete svg{width:25px;height:25px}

/* Match the former Finder label and align File with its old position. */
.menu-bar .menu>button{font-weight:bold}
.apple-menu + .menu>button{padding-left:0}

/* Neutral beveled history arrows, with grey inactive labels. */
.browser-tools .history-button:disabled{opacity:1;color:#aaa;text-shadow:0 1px #eee;background:transparent;outline:none}
.browser-tools .history-button:not(:disabled){color:var(--ink);--history-fill:#3b2d37;--history-edge:#000;--history-highlight:#766c72}

/* Break every title-bar stripe around the title at all viewport sizes. */
.titlebar-title{top:0;bottom:0;display:flex;align-items:center}

/* Keep the complete toolbar visible on narrow phones. */
.tool-button .lb-toolbar-logo{display:block;width:20px;height:20px;object-fit:contain}
@media(max-width:600px){
  .browser-tools{gap:clamp(3px,1.4vw,8px)}
  .tool-button .lb-toolbar-logo{width:17px;height:17px}
}

/* Center the profile download action on phones. */
@media(max-width:600px){.page .action-row{align-items:center}}

/* Match the clock to the File menu on desktop and mobile. */
.menu-bar .clock{font-family:var(--sans);font-size:12px;font-weight:bold}
@media(max-width:600px){.menu-bar .clock{font-size:10px}}

/* Balance the download button on touch phones, without pushing it down in narrow desktop windows. */
@media(max-width:600px) and (hover:none) and (pointer:coarse){
  .content-frame:has(.welcome-page){display:flex;flex-direction:column}
  .content-frame:has(.welcome-page)>.sidebar{flex-shrink:0}
  .welcome-page{display:flex;flex-direction:column;padding-bottom:0}
  .welcome-page> :not(.action-row){flex-shrink:0}
  .welcome-page .instructions{margin-bottom:0}
  .welcome-page .action-row{flex:1 0 auto;justify-content:center;align-items:center;padding:18px 0}
  .welcome-page .preview-note:not([hidden]){margin:0 0 15px}
}

/* Original button shape with the reference light gray. */
#get-udid,#copy-udid{border-radius:3px;background:#dedede}
#get-udid:hover,#copy-udid:hover{background:#e8e8e8}

/* Align the Apple center with the center of the heading's capital D. */
.sidebar{padding-left:calc(30px + clamp(39px,4.1vw,55px) * .361 - 11px)}
@media(min-width:601px) and (max-width:800px){.sidebar{padding-left:23px}}
@media(max-width:600px){.sidebar{padding-left:22px}}


/* Enlarge the Apple artwork without moving its center or neighboring text. */
.side-brand .apple-flat{position:relative;width:22px;height:26px}
.side-brand .apple-flat svg{position:absolute;width:24px;height:24px;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:600px){.side-brand .apple-flat{width:16px;height:20px}}

/* Optically center the label on the Apple body below its leaf. */
.side-brand>span:last-child{position:relative;top:2px}
@media(min-width:601px){
  .side-brand .apple-flat svg{width:30px;height:30px}
  .side-brand>span:last-child{top:3px}
}

/* Remove the decorative outline around the monitor casing. */
.monitor:before{display:none}

/* Match the Instructions heading on phones as well. */
@media(max-width:600px){.udid-label{font-size:16px}}

/* Match the desktop Download button dimensions. */
@media(min-width:601px){
  .result-actions #copy-udid{min-width:181px;min-height:39px;padding:9px 20px;font-size:12px}
}

/* Compact, centered UDID box on mobile. */
@media(max-width:600px){
  .udid-well{justify-content:center;padding:14px 10px}
  .udid-value{width:100%;text-align:center}
  .udid-well svg{display:none}
}

/* Compact desktop UDID box, preserving left alignment. */
@media(min-width:601px){
  .udid-well{padding:17px 15px;width:fit-content;max-width:100%}
  .udid-well svg{display:none}
}

/* Classic Apple System Profiler result panel. */
.system-profiler{width:min(100%,640px);background:#dedede;border:1px solid #555;box-shadow:inset 1px 1px #fff,inset -1px -1px #888;margin:0 0 20px;padding:3px;font-family:var(--sans)}
.profiler-title{text-align:center;font-size:14px;font-weight:bold;color:#000;padding:3px 8px 6px}
.profiler-body{border:1px solid #666;background:#eee;box-shadow:inset 1px 1px #fff;padding:12px 16px 20px}
.profiler-body h2{font-family:var(--serif);font-size:27px;font-weight:normal;margin:0 0 16px}
.profiler-icon{width:42px;margin:0 0 8px 12px}
.profiler-icon svg{width:42px;height:42px}
.profiler-fields{margin:0;font-size:14px;line-height:1.5}
.profiler-fields>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;padding:8px 0}
.profiler-fields>div:nth-child(2){border-bottom:3px solid #aaa;padding-bottom:14px;margin-bottom:6px}
.profiler-fields>div:nth-child(4){border-bottom:1px dotted #777;padding-bottom:14px;margin-bottom:6px}
.profiler-fields dt{text-align:left;font-weight:bold}
.profiler-fields dd{margin:0;overflow-wrap:anywhere;user-select:text}
#profiler-udid-value{user-select:all}
@media(max-width:600px){
 .system-profiler{width:100%}
 .profiler-title{font-size:12px}
 .profiler-body{padding:10px 10px 16px}
 .profiler-body h2{font-size:23px;margin-bottom:12px}
 .profiler-icon{width:34px;margin-left:5px}
 .profiler-icon svg{width:34px;height:34px}
 .profiler-fields{font-size:12px}
 .profiler-fields>div{grid-template-columns:59px minmax(0,1fr);gap:7px}
 .profiler-fields #profiler-udid-value{text-align:center;font-size:11px}
}

/* Center the mobile profiler contents as one aligned group. */
@media(max-width:600px){
  .profiler-body h2{text-align:center}
  .profiler-icon{display:none}
  .profiler-fields{width:fit-content;max-width:100%;margin:0 auto}
  .profiler-fields dd,.profiler-fields #profiler-udid-value{text-align:left}
}

/* Enlarge only the main mobile UDID, preserving its existing line height. */
@media(max-width:600px){.udid-well .udid-value{font-size:15.5px;line-height:23.8px}}
@media(max-width:370px){.udid-well .udid-value{line-height:22.1px}}

/* Keep the homepage brand link visually identical. */
.side-brand{text-decoration:none;color:inherit}
.side-brand:focus-visible{outline:2px solid #fff;outline-offset:4px}

/* Center the error details as an aligned group on desktop only. */
@media(min-width:601px){
  .error-state .profiler-fields{width:fit-content;max-width:100%;margin:0 auto}
}

/* Use the mobile profiler layout on the desktop error page too. */
@media(min-width:601px){
 .error-state .profiler-title{font-size:12px}
 .error-state .profiler-body{padding:10px 10px 16px}
 .error-state .profiler-body h2{text-align:center;font-size:23px;margin-bottom:12px}
 .error-state .profiler-icon{display:none}
 .error-state .profiler-fields{font-size:12px}
 .error-state .profiler-fields>div{grid-template-columns:59px minmax(0,1fr);gap:7px}
 .error-state .profiler-fields dd{text-align:left}
 .error-state #profiler-udid-value{font-size:11px}
}

/* Preserve the stacked result flow except for desktop errors. */
.result-details-layout,.udid-summary{display:contents}
@media(min-width:601px){
 .error-state .result-details-layout{display:grid;grid-template-columns:181px minmax(0,640px);gap:24px;align-items:start}
 .error-state .udid-summary{display:block;min-width:0}
 .error-state .udid-well{width:181px;height:39px;padding:0 15px}
 .error-state .system-profiler{width:100%;min-width:0}
}

/* Center the desktop error panels and align the UDID controls midway beside the profiler. */
@media(min-width:601px){
 .error-state .result-details-layout{width:100%;max-width:845px;margin:0 auto 20px;align-items:center}
 .error-state .udid-summary{text-align:center}
 .error-state .udid-well{justify-content:center}
 .error-state .udid-value{text-align:center}
 .error-state .result-actions{margin-bottom:0}
 .error-state .copy-message:empty{display:none}
 .error-state .system-profiler{margin-bottom:0}
}

/* Center the stacked desktop error controls to match the reference. */
@media(min-width:601px){
 .error-state .result-details-layout{display:block;width:100%;max-width:524px;margin:0 auto 20px}
 .error-state .udid-summary{text-align:left}
 .error-state .udid-well{width:100%;height:54px}
 .error-state .result-actions{display:flex;margin-bottom:24px}
 .error-state .result-actions #copy-udid{width:100%;height:39px}
 .error-state .system-profiler{width:100%}
}

/* Give the desktop error instructions room for two balanced lines. */
@media(min-width:601px){
 .error-state .hero>div{width:100%}
 .error-state #result-intro{max-width:680px;text-wrap:balance}
}


.browser-requirement{font-family:var(--serif);font-size:16px;line-height:1.4;background:#eee;border:1px solid #aaa;padding:12px 14px;margin:0 0 18px}

/* Desktop handoff, using the site's classic Mac colors and typography. */
.welcome-page.desktop-handoff{display:flex;align-items:center;justify-content:center;padding:30px 20px;min-height:460px}
.desktop-handoff> :not(.iphone-handoff){display:none!important}
.iphone-handoff{width:320px;max-width:100%;background:#dedede;border:1px solid #555;box-shadow:inset 1px 1px #fff,inset -1px -1px #888;padding:3px;text-align:center}
.handoff-title{font-family:var(--sans);font-size:12px;font-weight:bold;padding:5px 8px 8px}
.handoff-body{background:#eee;border:1px solid #666;box-shadow:inset 1px 1px #fff;padding:22px 24px}
.handoff-warning{display:block;color:#b48611;font-size:25px;margin-bottom:12px}
.handoff-body h1{font-family:var(--serif);font-size:26px;font-weight:normal;line-height:1.15;margin:0 0 16px}
.handoff-body p{font-family:var(--serif);font-size:18px;line-height:1.4;margin:0 0 18px}
.handoff-body img{display:block;margin:0 auto 16px;background:#fff;max-width:100%;height:auto;image-rendering:pixelated}
.handoff-body .handoff-caption{font-size:13px;margin:0}

/* Classic Mac dialog frame, matching the View Options reference. */
.iphone-handoff{padding:3px;background:#dedede;border:1px solid #111;box-shadow:inset 1px 1px #fff,inset -1px -1px #777,2px 2px 0 #111}
.handoff-title{height:21px;padding:0 4px;display:flex;align-items:center;justify-content:center;border:1px solid #888;box-shadow:inset 1px 1px #fff;background:repeating-linear-gradient(to bottom,#dedede 0px,#dedede 1px,#888 1px,#888 2px,#fff 2px,#fff 3px);font-size:12px;line-height:19px}
.handoff-title span{align-self:stretch;display:flex;align-items:center;background:#dedede;padding:0 5px;font-weight:bold}
.handoff-body{background:#dedede;border:0;box-shadow:none;padding:24px 24px 20px}

.handoff-warning{display:flex;justify-content:center;align-items:center}
.handoff-warning svg{display:block;flex-shrink:0;width:37.5px;height:37.5px}

/* LarpBazaar's subtle screen brightness flicker. */
.screen.scanlines:after{background:#000;box-shadow:none;animation:crt-flicker 1.7s steps(1,end) infinite}
@keyframes crt-flicker{
  0%,100%{opacity:.015}7%{opacity:.043}12%{opacity:.023}19%{opacity:.05}
  23%{opacity:.027}31%{opacity:.037}39%{opacity:.015}43%{opacity:.047}
  48%{opacity:.02}56%{opacity:.033}64%{opacity:.05}69%{opacity:.023}
  78%{opacity:.04}83%{opacity:.02}91%{opacity:.037}96%{opacity:.027}
}
@media(prefers-reduced-motion:reduce){.screen.scanlines:after{animation:none;opacity:.023}}

/* Simplified monitor badge and illuminated power indicator. */
.monitor-name{transform:none;align-self:center;line-height:1}
.power-led{background:#91ef55;border-color:#5c8b35;box-shadow:0 0 3px #b7ff80,0 0 7px #8bea55cc,0 0 12px #77d84177}
.power-button:active{box-shadow:inset 1px 2px 3px #858678;transform:translateY(1px)}

.instructions .step-number:not(.step-complete){background:#eee}

/* Match dialog confirmations to the Download button. */
.dialog-actions .mac-button.primary{background:#dedede}
.dialog-actions .mac-button.primary:hover{background:#e8e8e8}

/* Leave the Attention title clear all the way through the striped header. */
.handoff-title{border:0;box-shadow:none}

/* Keep long help content scrollable with the title and OK button visible. */
#info-dialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
#info-dialog .dialog-title,#info-dialog .dialog-actions{flex-shrink:0}
#info-dialog .dialog-content{min-height:0;overflow-y:auto}
.dialog-content p+h2{margin-top:28px}

/* Help articles use the main browser window and normal document scrolling. */
.information-page{font-family:var(--serif);font-size:17px;line-height:1.5;padding:28px 30px 32px}
.information-page h1{font-size:32px;font-weight:normal;line-height:1.2;margin:0 0 20px}
.information-page h2{font-size:26px;font-weight:normal;line-height:1.25;margin:30px 0 12px}
.information-page p+p{margin-top:14px}
@media(max-width:600px){.information-page{padding:22px 17px 26px;font-size:16px}.information-page h1{font-size:28px}.information-page h2{font-size:24px}}