@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{min-height:100vh;margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}*{box-sizing:border-box}body{margin:0;font-family:Geneva,Charcoal,Arial,sans-serif;font-size:12px;background:linear-gradient(135deg,#4a90c8,#5ba3d8,#4a90c8);min-height:100vh;overflow-x:hidden}.mac-window{background:#ddd;border:1px solid #000;border-radius:8px;box-shadow:3px 3px 10px #0006;overflow:hidden}.mac-window-header{background:linear-gradient(180deg,#e8e8e8,#d0d0d0 45%,#b8b8b8 55%,#a0a0a0);background-size:100% 6px;background-repeat:repeat-x;padding:6px 8px;border-bottom:1px solid #888;display:flex;align-items:center;justify-content:space-between;cursor:move;font-weight:700;font-size:12px}.mac-window-header-active{background:repeating-linear-gradient(90deg,#4a90c8,#5ba3d8,#4a90c8 2px);color:#fff}.mac-window-title{flex:1;text-align:center;font-weight:700}.mac-window-close{width:12px;height:12px;border-radius:2px;border:1px solid #666;background:#ddd;cursor:pointer;position:relative}.mac-window-close:hover{background:#ccc}.mac-window-content{background:#ddd;padding:12px}.mac-button{background:linear-gradient(180deg,#f5f5f5,#e0e0e0,#d0d0d0);border:2px outset #999;border-radius:4px;padding:6px 16px;font-family:Geneva,Charcoal,Arial,sans-serif;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px #0003}.mac-button:hover{background:linear-gradient(180deg,#fff,#e8e8e8,#d8d8d8)}.mac-button:active{background:linear-gradient(180deg,silver,#d0d0d0,#e0e0e0);border:2px inset #999;box-shadow:inset 0 1px 2px #0003}.mac-button:disabled{opacity:.5;cursor:not-allowed}.mac-button-primary{background:linear-gradient(180deg,#6ba3d8,#4a90c8,#3a80b8);border:2px outset #3a80b8;color:#fff}.mac-button-primary:hover{background:linear-gradient(180deg,#7bb3e8,#5ba3d8,#4a90c8)}.mac-input{border:2px inset #999;padding:4px 8px;background:#fff;font-family:Geneva,Charcoal,Arial,sans-serif;font-size:12px;border-radius:2px}.mac-input:focus{outline:2px solid #4a90c8;outline-offset:-1px}.mac-groupbox{border:2px groove #999;border-radius:6px;padding:16px 12px 12px;margin:12px 0;position:relative;background:#e8e8e8}.mac-groupbox-label{position:absolute;top:-8px;left:12px;background:#ddd;padding:0 8px;font-weight:700;font-size:11px}.mac-table{width:100%;border-collapse:collapse;border:2px groove #999;background:#fff}.mac-table th{background:linear-gradient(180deg,#f0f0f0,#d8d8d8);border:1px solid #aaa;padding:6px;font-weight:700;text-align:left}.mac-table td{border:1px solid #ccc;padding:4px}.mac-table tr:nth-child(2n){background:#f8f8f8}.mac-table tr:hover{background:#e8f0f8}.mac-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:linear-gradient(180deg,#f5f5f5,#e0e0e0);border:1px solid #999;border-radius:12px;font-size:11px;box-shadow:0 1px 2px #0000001a}.mac-tag-close{cursor:pointer;color:#c00;font-weight:700;font-size:14px;line-height:1;padding:0 2px}.mac-tag-close:hover{color:red}.mac-modal-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.mac-card{background:linear-gradient(180deg,#f0f0f0,#e0e0e0);border:2px outset #999;border-radius:6px;padding:12px;cursor:pointer;transition:all .1s;box-shadow:0 2px 4px #0003}.mac-card:hover{background:linear-gradient(180deg,#f8f8f8,#e8e8e8);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.mac-card:active{transform:translateY(0);box-shadow:0 1px 2px #0003}.mac-card-revealed{background:linear-gradient(135deg,#6ba3d8,#4a90c8);border:2px solid #3a80b8;color:#fff;box-shadow:inset 0 2px 4px #0003}.mac-card-revealed:hover{background:linear-gradient(135deg,#7bb3e8,#5ba3d8)}.home-container{margin:0!important;padding:0!important}.navbar{position:sticky;top:0;z-index:100;width:100%;margin:0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.p-4{padding:16px}.text-center{text-align:center}.font-bold{font-weight:700}.w-full{width:100%}@media(max-width:768px){body{overflow-x:hidden;overflow-y:auto!important;padding:0!important;margin:0!important}[style*="minHeight: '100vh'"][style*="padding: '20px'"]{padding:0!important}.home-container{min-height:100vh!important;display:flex!important;flex-direction:column!important}.navbar{position:sticky!important;top:0!important;z-index:100!important}.hero-section{padding:20px 10px!important}.hero-section .mac-window{width:95%!important;max-width:350px!important}.apps-section{padding:30px 20px!important}.apps-section .desktop-icons{display:grid!important;grid-template-columns:repeat(2,90px)!important;gap:25px 20px!important;justify-content:center!important}.desktop-icons a{width:90px!important}.desktop-icons a>div:first-child{width:80px!important;height:80px!important}.desktop-icons a>div:first-child img{width:70px!important;height:70px!important;-o-object-fit:cover!important;object-fit:cover!important}.desktop-icons a>div:last-child{font-size:12px!important}.footer-section{padding:30px 20px!important}.trash-icon{width:80px!important}.trash-icon>div:first-child{width:60px!important;height:60px!important;font-size:45px!important}.trash-icon>div:last-child{font-size:12px!important}.mac-window[style*="width: 400px"]{width:90%!important;max-width:300px!important}.mac-window-content{padding:12px 10px!important}.mac-window[style*="width: 400px"] h1{font-size:18px!important;margin-bottom:5px!important}.mac-window[style*="width: 400px"] [style*="marginBottom: '20px'"]{margin-bottom:10px!important}.mac-window[style*="width: 400px"] [style*="marginBottom: '20px'"] img{width:45px!important;height:45px!important}.mac-window[style*="width: 400px"] p[style*="fontSize: '12px'"]{font-size:10px!important;margin-bottom:8px!important}.mac-window[style*="width: 400px"] [style*="border: '2px groove #999'"]{padding:10px!important;font-size:10px!important}.mac-window[style*="width: 400px"] [style*="border: '2px groove #999'"] img{width:14px!important;height:14px!important}.mac-window[style*="width: 400px"] [style*="border: '2px groove #999'"] span[style*="fontSize: '18px'"]{font-size:14px!important}.mac-window[style*="width: 400px"] [style*="border: '2px groove #999'"] p{margin-bottom:4px!important}[style*="bottom: 20px"][style*="right: 20px"]{position:relative!important;bottom:auto!important;right:auto!important;left:auto!important;transform:none!important;width:70px!important;margin:20px auto!important;order:3!important}[style*="bottom: 20px"][style*="right: 20px"]>div:first-child{width:70px!important;height:70px!important;font-size:50px!important}[style*="bottom: 20px"][style*="right: 20px"]>div:last-child{font-size:11px!important}}@media(max-width:768px){[style*="width: 450px"][style*="height: 450px"]{width:320px!important;height:320px!important}canvas[width="450"]{width:320px!important;height:320px!important}[style*="borderTop: '50px solid #c00'"]{border-left-width:18px!important;border-right-width:18px!important;border-top-width:36px!important}}@media(max-width:480px){[style*="height: 28px"]{font-size:10px!important;gap:10px!important;padding:0 6px!important}[style*="height: 28px"] img{height:16px!important}.desktop-icons{bottom:50px!important;gap:10px!important}.desktop-icons a{width:60px!important}.desktop-icons a>div:first-child{width:50px!important;height:50px!important;font-size:30px!important}.desktop-icons a>div:last-child{font-size:10px!important;padding:2px 4px!important}.mac-window[style*="width: 400px"] h1{font-size:20px!important}.mac-window[style*="width: 400px"] [style*="fontSize: '64px'"]{font-size:48px!important}[style*="width: 450px"][style*="height: 450px"]{width:280px!important;height:280px!important;margin:20px auto!important}canvas[width="450"]{width:280px!important;height:280px!important}[style*="borderTop: '50px solid #c00'"]{border-left-width:15px!important;border-right-width:15px!important;border-top-width:30px!important}}