.mac-screen-shell:before{content:"";position:absolute;inset:10% 6% -4% 6%;z-index:-1;border-radius:999px;background:radial-gradient(60% 55% at 50% 55%,rgba(120,80,220,.32),transparent 70%);filter:blur(60px);pointer-events:none}.mac-screen{--bezel:9px;position:relative;padding:var(--bezel);border-radius:30px;background:#000;box-shadow:0 0 0 1.5px #b8bbc2,inset 0 0 0 1px rgba(255,255,255,.07),0 30px 60px -30px rgba(24,16,52,.5),0 70px 120px -50px rgba(70,40,140,.4)}[data-theme=dark] .mac-screen{box-shadow:0 0 0 1.5px #3a3c42,inset 0 0 0 1px rgba(255,255,255,.07),0 40px 90px -30px rgba(0,0,0,.9)}.mac-screen .mac-display{position:relative;isolation:isolate;overflow:hidden;height:clamp(470px,50vw,560px);border-radius:21px;background:#1c1245;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,sans-serif}.mac-screen:after{content:"";position:absolute;top:calc(var(--bezel) - 1px);left:var(--bezel);right:var(--bezel);z-index:2;height:2.5px;background:#000;pointer-events:none}.mac-wall{position:absolute;inset:-24px;z-index:0;transition:filter .5s var(--ease-out,ease),scale .6s var(--ease-out,ease)}.mac-wall.is-blurred{filter:blur(12px) saturate(1.15);scale:1.06}.lock-screen{cursor:pointer;background:linear-gradient(180deg,rgba(14,8,40,.18),rgba(14,8,40,.04) 45%,rgba(14,8,40,.3));-webkit-tap-highlight-color:transparent}.lock-screen:focus-visible{box-shadow:inset 0 0 0 3px rgba(255,255,255,.55);border-radius:inherit}.lock-ink{color:rgba(236,210,255,.86);text-shadow:0 1px 12px rgba(40,10,90,.18)}.lock-clock{margin-top:2px;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-weight:700;font-size:clamp(64px,9.2vw,112px);line-height:.98;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.lock-widget{width:min(320px,70%);padding:10px 14px 10px 10px;border-radius:18px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.2),0 12px 30px -14px rgba(10,4,30,.6)}.lock-bar{display:block;width:3px;height:14px;border-radius:2px;transform-origin:bottom;animation:lock-eq 1s ease-in-out infinite alternate}@keyframes lock-eq{0%{transform:scaleY(.28)}to{transform:scaleY(1)}}.lock-shimmer{display:inline-block;background-image:linear-gradient(100deg,rgba(236,210,255,.6),rgba(236,210,255,.6) 38%,#ffffff 50%,rgba(236,210,255,.6) 62%,rgba(236,210,255,.6));background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:shimmer-sweep 3.2s linear infinite;transition:transform .25s var(--ease-out,ease)}.lock-screen:hover .lock-shimmer{transform:translateY(-1px)}.lock-screen:active .lock-shimmer{transform:scale(.97)}.menu-pill{display:inline-flex;align-items:center;gap:13px;height:25px;padding-inline:11px;border-radius:9px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18);color:rgba(255,255,255,.95);font-size:12px;font-weight:500;letter-spacing:-.005em;white-space:nowrap}.hardware-cutout{position:absolute;top:0;left:50%;z-index:5;transform-origin:top center}.hardware-cutout-lens{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-3.5px 0 0 -2.5px;border-radius:999px;background:radial-gradient(circle at 38% 34%,#26303e 0,#0b0f16 55%,#020305 100%);box-shadow:0 0 0 1px #050608}.mac-screen .island-glass{background:#000}.mac-screen [data-variant=notch] .island-rim{background:linear-gradient(180deg,transparent,rgba(255,255,255,.035));-webkit-mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000);mask:linear-gradient(#000,#000) content-box exclude,linear-gradient(#000,#000);padding:0 .8px .8px}.mac-screen [data-variant=notch] .island-surface{will-change:clip-path}.mac-screen .island-shadow[data-variant=notch],.mac-screen .island-shadow[data-variant=notch]:hover{filter:drop-shadow(0 6px 14px rgba(0,0,0,.22))}.mac-screen .native-island-host .island-glass{background:#000}@media (max-width:639px){.hardware-cutout{transform:scale(.74)}.mac-screen{--bezel:6px;padding:var(--bezel);border-radius:24px}.mac-screen .mac-display{height:500px;border-radius:18px}}@media (prefers-reduced-motion:reduce){.lock-shimmer,.mac-wall{transition:none}.lock-bar,.lock-shimmer{animation:none}.lock-shimmer{color:rgba(236,210,255,.9)}}