:root{--crt-flare: rgba(100, 255, 100, .06)}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{background-color:#000;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative;overflow:hidden;background:transparent}#root:before{content:" ";display:block;position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,var(--crt-flare) 0%,rgba(0,15,0,.45) 120%);pointer-events:none;z-index:2}#root:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001f 50%,#0000001f);background-size:100% 4px;pointer-events:none;z-index:3;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.95}50%{opacity:.85}to{opacity:.95}}#root>div{width:100%;height:100%;transform-origin:center}.mac-icon{-webkit-user-select:none;user-select:none}.mac-icon-label{color:#dfe9f5;font-size:11px;text-align:center;max-width:88px;overflow:hidden;text-overflow:ellipsis}.mac-window{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:10px;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 40px #02061799}.mac-title-bar{height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;background:linear-gradient(180deg,#ffffff05,#fff0);border-top-left-radius:10px;border-top-right-radius:10px}.mac-close-btn{width:12px;height:12px;border-radius:50%;background:#ff5f57;border:none}.text-label{color:#dfe9f5;font-size:11px;display:inline-block}.text-label-input{font-size:11px;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#0000004d;color:#fff}button.mac-icon{background:transparent;border:none;padding:0}button.mac-icon:focus{outline:2px solid rgba(255,255,255,.08)}:root{--bg-1: #071022;--bg-2: #04121a;--frame-bg: rgba(255,255,255,.02);--glass: rgba(255,255,255,.04);--radius: 14px;--shadow: 0 20px 50px rgba(2,6,23,.7);--menubar-top: 12px;--menubar-height: 44px}.desktop-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;background:linear-gradient(180deg,var(--bg-1),var(--bg-2))}.desktop-frame{width:100%;max-width:1200px;height:82vh;border-radius:var(--radius);background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.04);position:relative;overflow:hidden;padding:.5rem}.desktop-frame-inner{width:100%;height:100%;position:relative;overflow:hidden;border-radius:calc(var(--radius) - 2px)}.desktop-area{position:relative;width:100%;height:100%}.desktop-icons{position:absolute;top:calc(var(--menubar-top) + var(--menubar-height) + 6px);left:12px;display:grid;grid-template-columns:84px;grid-auto-rows:auto;gap:8px;align-content:start;z-index:5;pointer-events:auto;width:auto;padding:6px 4px;box-sizing:content-box}.icon-card{width:84px;height:auto;display:flex;align-items:center;justify-content:center}.mac-icon{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px;box-sizing:border-box;border-radius:8px}.mac-icon .icon-visual{width:48px;height:48px;margin-bottom:6px}.mac-icon-label{max-width:84px;text-align:center;font-size:11px;color:#dfe9f5}.mac-icon:hover{background:#ffffff03;transform:translateY(-2px)}.mac-icon:focus{outline:none;box-shadow:0 6px 18px #02061759}.mac-icon-selected{background:#ffffff05;box-shadow:inset 0 -2px #ffffff03}.mac-icon:focus-visible,.menubar-item:focus-visible{outline:2px solid rgba(200,230,255,.15);outline-offset:2px}.mac-menubar{position:absolute;top:var(--menubar-top);left:50%;transform:translate(-50%);width:calc(100% - 52px);max-width:1100px;display:flex;align-items:center;gap:8px;padding:4px 10px;height:var(--menubar-height);background:#ffffff05;border-radius:10px;z-index:10;box-shadow:0 8px 20px #02061740}.menubar-item{background:transparent;border:none;color:#cfe8ff;font-weight:700;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px}.menubar-item:hover,.menubar-item:focus{background:#ffffff05;outline:none}.menubar-item.active,.menubar-time.active{background:#ffffff08;box-shadow:inset 0 -2px #ffffff05}.menubar-time{background:transparent;border:none;color:#cfe8ff;font-weight:700;font-size:12px;padding:4px 6px;border-radius:6px}.mac-window{overflow:hidden}.mac-scrollbar{background:transparent;color:#e9f2ff}@media(max-width:1200px){.desktop-frame{max-width:1000px;height:84vh}}@media(max-width:768px){.desktop-frame{max-width:820px;height:88vh;padding:.4rem}.desktop-icons{grid-template-columns:72px}.icon-card{width:72px}.mac-icon .icon-visual{width:48px;height:48px}.mac-icon-label{max-width:72px}}@media(max-width:480px){.desktop-frame{height:96vh;padding:.3rem}.desktop-icons{grid-template-columns:64px}.icon-card{width:64px}.mac-icon .icon-visual{width:44px;height:44px}.mac-icon-label{max-width:64px}.mac-menubar{top:8px;width:calc(100% - 32px)}}