.mac-wrapper{perspective:1400px;width:520px;height:500px;display:flex;align-items:center;justify-content:center}.mac-container{position:relative;width:460px;transform-style:preserve-3d;animation:macFloat 6s ease-in-out infinite}.mac-body{position:relative;width:360px;height:400px;margin:0 auto;transform-style:preserve-3d;transform:perspective(900px) rotateX(-2deg) rotateY(-4deg)}.mac-front{position:relative;width:100%;height:100%;background:linear-gradient(170deg,#f8f5f0,#f0ebe4 40%,#e8e3dc);border-radius:18px 18px 16px 16px;border:1px solid rgba(0,47,167,.08);box-shadow:-3px -3px 8px #fffc,4px 4px 12px #0000000f,0 8px 32px #002fa71a,0 2px 8px #002fa70f,inset -1px -1px 2px #0000000a,inset 1px 1px 2px #fff9;overflow:hidden}.mac-screen-bezel{position:relative;width:300px;height:225px;margin:16px auto 0;background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border-radius:10px;box-shadow:inset 0 2px 6px #0009,inset 0 -1px 2px #ffffff0d,0 1px #ffffff1a;overflow:hidden}.mac-screen-bevel{position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 20px #0000004d;pointer-events:none;z-index:3}.mac-screen{position:absolute;inset:8px;background:#080808;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;z-index:2}.mac-screen-glare{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 40%,rgba(0,47,167,.02) 70%,transparent 100%);pointer-events:none;z-index:4;border-radius:10px}.mac-menubar{display:flex;align-items:center;justify-content:space-between;height:20px;padding:0 8px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mac-menubar-left{display:flex;align-items:center;gap:10px}.mac-menubar-apple{font-size:12px;color:#fff;font-weight:700;cursor:pointer}.mac-menubar-item{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:9px;color:#ffffff8c;cursor:pointer;padding:0 3px;letter-spacing:.02em}.mac-menubar-item.active{color:#fff;background:#ffffff1a}.mac-menubar-right{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:9px;color:#ffffff73}.mac-desktop{flex:1;position:relative}.mac-desktop-icons{position:absolute;inset:0;pointer-events:none}.mac-icon{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.mac-icon-svg{opacity:.8}.mac-icon-label{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:7px;text-align:center;white-space:nowrap}.mac-icon-label.white{color:#ffffffa6}.mac-icon-label.orange{color:#ff7a00}.mac-window{position:absolute;top:22px;left:50%;transform:translate(-50%);width:260px;background:#111;border:1px solid rgba(255,255,255,.15);border-radius:4px;box-shadow:0 2px 12px #0006;opacity:0;animation:windowAppear .6s ease-out 1.5s forwards}@keyframes windowAppear{0%{opacity:0;transform:translate(-50%) scale(.95) translateY(6px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}.mac-window-titlebar{display:flex;align-items:center;height:18px;padding:0 6px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border-bottom:1px solid rgba(255,255,255,.1);gap:6px}.mac-window-controls{display:flex;align-items:center;gap:4px}.mac-window-btn{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;cursor:pointer}.mac-window-btn.close{border-color:#ff7a00;background:#ff7a0033}.mac-window-btn.collapse,.mac-window-btn.zoom{border-color:#ffffff40}.mac-window-title{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:9px;color:#fff9;flex:1;text-align:center;letter-spacing:.05em}.mac-window-body{padding:6px 10px 8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:9px;line-height:1.5;color:#ffffffe0;word-break:break-word}.mac-window-body::-webkit-scrollbar{width:3px}.mac-window-body::-webkit-scrollbar-track{background:transparent}.mac-window-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.mac-cursor{color:#ff7a00;font-weight:700;animation:cursorBlink .6s step-end infinite;margin-left:1px}.mac-cursor.blink{animation:cursorBlink .6s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.mac-desktop-footer{position:absolute;bottom:0;left:0;right:0;height:16px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:7px;color:#ffffff40;border-top:1px solid rgba(255,255,255,.08)}.mac-bottom-area{position:absolute;left:0;right:0;bottom:0;height:130px;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.mac-vent{display:flex;gap:5px;margin-bottom:10px}.mac-vent-slot{width:14px;height:4px;background:#002fa714;border-radius:2px;border:1px solid rgba(0,47,167,.05)}.mac-brand-area{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:6px}.mac-apple-logo{opacity:.5}.mac-brand-text{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10px;color:#002fa759;letter-spacing:.15em;text-transform:uppercase}.mac-floppy-area{display:flex;align-items:center;gap:8px}.mac-floppy-slot{width:60px;height:12px;background:#1a1a1a;border-radius:2px;border:1px solid rgba(0,0,0,.3);overflow:hidden;position:relative}.mac-floppy-inner{position:absolute;left:6px;top:3px;width:30px;height:5px;background:#002fa726;border-radius:1px}.mac-floppy-led{width:4px;height:4px;border-radius:50%;background:#002fa74d;box-shadow:0 0 4px #002fa733}.mac-led-panel{position:absolute;right:-48px;top:90px;width:40px;background:#0a0a0a;border:1px solid rgba(0,47,167,.15);border-radius:3px;overflow:hidden;transform:perspective(900px) rotateY(4deg);box-shadow:2px 2px 8px #00000026}.mac-led-header{background:#ffffff0f;color:#ffffff80;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:7px;text-align:center;padding:3px 0;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.08)}.mac-led-screen{padding:6px 6px 5px;display:flex;flex-direction:column;gap:2px}.mac-led-line{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:7px;color:#ffffffa6;letter-spacing:.05em;line-height:1.5}.mac-led-status{display:flex;align-items:center;gap:3px;margin-top:2px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:6px;color:#ffffff59;letter-spacing:.05em}.mac-led-dot{width:4px;height:4px;border-radius:50%;background:#ff7a00;box-shadow:0 0 4px #ff7a0066;animation:ledPulse 2s ease-in-out infinite}@keyframes ledPulse{0%,to{opacity:1}50%{opacity:.3}}.mac-bottom-edge{position:absolute;bottom:-8px;left:8px;right:8px;height:8px;background:linear-gradient(180deg,#e8e3dc,#ddd8d0);border-radius:0 0 12px 12px;box-shadow:0 -1px #00000005}.mac-keyboard{position:relative;width:420px;margin:12px auto 0;transform:perspective(900px) rotateX(3deg);opacity:0;animation:keyboardSlideIn .8s ease-out 2s forwards}@keyframes keyboardSlideIn{0%{opacity:0;transform:perspective(900px) rotateX(6deg) translateY(20px)}to{opacity:1;transform:perspective(900px) rotateX(3deg) translateY(0)}}.mac-keyboard-body{background:linear-gradient(180deg,#f0ebe4,#e8e3dc);border-radius:8px;padding:10px 12px 8px;border:1px solid rgba(0,47,167,.08);box-shadow:0 4px 16px #002fa70f,0 1px 2px #0000000a,inset 0 1px #fff9}.mac-key-row{display:flex;gap:4px;margin-bottom:4px;justify-content:center}.mac-key-row:last-child{margin-bottom:0}.mac-key{display:flex;align-items:center;justify-content:center;height:26px;min-width:26px;background:linear-gradient(180deg,#fff,#f5f2ed);border:1px solid rgba(0,47,167,.08);border-radius:3px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:7px;color:#002fa773;box-shadow:0 1px #0000000a,0 1px 2px #002fa70a,inset 0 1px #fffc,inset 0 -1px #00000005;cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .08s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.mac-key.pressed{transform:translateY(2px);background:linear-gradient(180deg,#ede8e0,#f0ebe4);box-shadow:0 0 #0000000a,0 1px #002fa705,inset 0 2px 3px #0000000a}.mac-key.ripple:after{content:"";position:absolute;inset:-4px;border-radius:5px;border:1.5px solid rgba(0,47,167,.2);animation:keyRipple .4s ease-out forwards;pointer-events:none}@keyframes keyRipple{0%{transform:scale(.8);opacity:1}to{transform:scale(1.3);opacity:0}}.mac-key-w12{min-width:36px}.mac-key-w14{min-width:38px}.mac-key-w15{min-width:40px}.mac-key-w18{min-width:44px}.mac-key-w22{min-width:52px}.mac-key-w23{min-width:54px}.mac-key-w70,.mac-key[data-key=space]{min-width:160px}.mac-shadow{width:340px;height:24px;background:radial-gradient(ellipse at center,rgba(0,47,167,.06) 0%,transparent 70%);margin:2px auto 0;border-radius:50%;filter:blur(6px);transform:perspective(900px) rotateX(8deg)}@keyframes macFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 768px){.mac-wrapper{width:100%;height:auto;perspective:800px}.mac-container{width:100%;max-width:360px}.mac-body{width:300px;height:340px}.mac-screen-bezel{width:250px;height:190px}.mac-screen{inset:6px}.mac-window{width:220px;top:44px}.mac-window-body{font-size:8px;padding:10px;min-height:56px}.mac-menubar{height:18px}.mac-menubar-item{font-size:7px}.mac-bottom-area{height:100px}.mac-vent-slot{width:10px;height:3px}.mac-led-panel{right:-36px;top:70px;width:32px}.mac-led-line{font-size:6px}.mac-keyboard{width:340px}.mac-keyboard-body{padding:8px 10px 6px}.mac-key{height:22px;min-width:22px;font-size:6px}.mac-key-w70,.mac-key[data-key=space]{min-width:120px}.mac-key-w18{min-width:36px}.mac-key-w22{min-width:42px}.mac-key-w23{min-width:44px}.mac-shadow{width:280px}}@media (max-width: 768px){.mac-wrapper{width:100%!important;height:auto!important}.mac-container{max-width:340px!important}}