:root{--mac-white: #ffffff;--mac-platinum: #dddddd;--mac-gray-light: #cccccc;--mac-gray-mid: #999999;--mac-gray-dark: #666666;--mac-black: #000000;--mac-highlight: #000000;--mac-title-active: #000000;--mac-title-inactive: #999999;--mac-window-bg: #ffffff;--mac-window-border: #000000;--mac-scrollbar-bg: #dddddd;--font-chicago: "ChicagoFLF", "Geneva", "Helvetica Neue", sans-serif;--font-geneva: "Geneva", "Helvetica Neue", sans-serif;--font-monaco: "Monaco", "Courier New", monospace;--menu-bar-height: 20px;--icon-size: 32px;--icon-spacing: 80px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-geneva);font-size:12px;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;cursor:default;-webkit-user-select:none;user-select:none}.chicago{font-family:var(--font-chicago);font-weight:700}.geneva{font-family:var(--font-geneva)}.monaco{font-family:var(--font-monaco)}.desktop{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.desktop-area{flex:1;position:relative;background-color:var(--mac-platinum);background-image:linear-gradient(45deg,#d0d0d0 25%,transparent 25%),linear-gradient(-45deg,#d0d0d0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d0d0d0 75%),linear-gradient(-45deg,transparent 75%,#d0d0d0 75%);background-size:4px 4px;background-position:0 0,0 2px,2px -2px,-2px 0px;overflow:hidden}.desktop-icons{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:60px}.hard-drive-icon{position:absolute;top:20px;right:20px}.trash-icon{position:absolute;bottom:20px;right:20px}.desktop-icon{display:flex;flex-direction:column;align-items:center;width:72px;cursor:pointer}.desktop-icon:hover .icon-label{text-decoration:underline}.desktop-icon.selected .icon-image{filter:invert(1)}.desktop-icon.selected .icon-label{background-color:var(--mac-black);color:var(--mac-white)}.icon-image{width:32px;height:32px;margin-bottom:4px;image-rendering:pixelated}.icon-label{font-family:var(--font-geneva);font-size:12px;text-align:center;padding:1px 4px;max-width:72px;word-wrap:break-word;line-height:1.2}.menu-bar{height:var(--menu-bar-height);background-color:var(--mac-white);border-bottom:1px solid var(--mac-black);display:flex;align-items:center;justify-content:space-between;padding:0;font-family:var(--font-chicago);font-size:12px;font-weight:700;position:relative;z-index:10000}.menu-bar-left{display:flex;align-items:center;height:100%}.menu-bar-right{display:flex;align-items:center;height:100%;padding-right:8px}.menu-item{height:100%;display:flex;align-items:center;padding:0 12px;cursor:pointer;position:relative}.menu-item:hover,.menu-item.active{background-color:var(--mac-black);color:var(--mac-white)}.menu-item.apple-menu{padding:0 8px}.apple-logo{font-size:14px}.application-name{font-family:var(--font-chicago);font-weight:700}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--mac-white);border:1px solid var(--mac-black);box-shadow:2px 2px #0000004d;min-width:180px;z-index:10001}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:4px 16px;cursor:pointer;font-family:var(--font-chicago);font-size:12px;font-weight:400;color:var(--mac-black);background-color:var(--mac-white)}.dropdown-item:hover:not(.disabled):not(.divider){background-color:var(--mac-black);color:var(--mac-white)}.dropdown-item.disabled{color:var(--mac-gray-mid);cursor:default}.dropdown-item.divider{height:1px;background-color:var(--mac-gray-mid);margin:4px 16px;padding:0;cursor:default}.dropdown-item .shortcut{margin-left:24px;font-family:var(--font-geneva)}.dropdown-item.checked:before{content:"✓";position:absolute;left:4px}.window{position:absolute;background-color:var(--mac-white);border:1px solid var(--mac-black);box-shadow:1px 1px 0 var(--mac-black);display:flex;flex-direction:column;min-width:200px;min-height:100px}.window.active{box-shadow:2px 2px #00000080}.window-title-bar{height:20px;background-color:var(--mac-white);border-bottom:1px solid var(--mac-black);display:flex;align-items:center;justify-content:space-between;padding:0;cursor:grab;position:relative}.window-title-bar:active{cursor:grabbing}.window.active .window-title-bar{background:repeating-linear-gradient(to bottom,var(--mac-white) 0px,var(--mac-white) 1px,var(--mac-black) 1px,var(--mac-black) 2px)}.window:not(.active) .window-title-bar{background-color:var(--mac-white)}.window-close-box{width:13px;height:11px;background-color:var(--mac-white);border:1px solid var(--mac-black);cursor:pointer;flex-shrink:0;z-index:1;margin:3px 0 3px 4px}.window-close-box:hover{background-color:var(--mac-gray-light)}.window-close-box:active{background-color:var(--mac-black)}.window-title{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-chicago);font-size:12px;font-weight:700;background-color:var(--mac-white);padding:0 8px;white-space:nowrap;line-height:20px}.window-zoom-box{width:13px;height:11px;background-color:var(--mac-white);border:1px solid var(--mac-black);cursor:pointer;flex-shrink:0;z-index:1;position:relative;margin:3px 4px 3px 0}.window-zoom-box:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:4px;border:1px solid var(--mac-black);background-color:var(--mac-white)}.window-zoom-box:hover{background-color:var(--mac-gray-light)}.window-zoom-box:hover:after{background-color:var(--mac-gray-light)}.window-content{flex:1;overflow:auto;position:relative;background-color:var(--mac-white)}.finder-header{height:20px;background-color:var(--mac-white);border-bottom:1px solid var(--mac-gray-light);display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-family:var(--font-geneva);font-size:10px;color:var(--mac-gray-dark)}.finder-grid{display:flex;flex-wrap:wrap;gap:16px;padding:16px;align-content:flex-start}.window-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--mac-gray-mid) 50%,var(--mac-gray-mid) 60%,transparent 60%,transparent 70%,var(--mac-gray-mid) 70%,var(--mac-gray-mid) 80%,transparent 80%)}.window-content::-webkit-scrollbar{width:16px;height:16px}.window-content::-webkit-scrollbar-track{background-color:var(--mac-scrollbar-bg);border-left:1px solid var(--mac-black)}.window-content::-webkit-scrollbar-thumb{background-color:var(--mac-white);border:1px solid var(--mac-black)}.window-content::-webkit-scrollbar-button{background-color:var(--mac-white);border:1px solid var(--mac-black);height:16px;width:16px}.window.shaded .window-content,.window.shaded .finder-header,.window.shaded .window-resize-handle{display:none}.window.shaded{min-height:auto}.finder-window .window-content{background-color:var(--mac-white)}.finder-item{display:flex;flex-direction:column;align-items:center;width:72px;padding:4px;cursor:pointer}.finder-item:hover .finder-item-label{text-decoration:underline}.finder-item.selected .finder-item-icon{filter:invert(1)}.finder-item.selected .finder-item-label{background-color:var(--mac-black);color:var(--mac-white)}.finder-item-icon{width:32px;height:32px;margin-bottom:4px;image-rendering:pixelated}.finder-item-label{font-family:var(--font-geneva);font-size:12px;text-align:center;padding:1px 4px;max-width:72px;word-wrap:break-word;line-height:1.2}.simpletext-window .window-content{padding:16px;font-family:var(--font-geneva);font-size:12px;line-height:1.5;white-space:pre-wrap}.simpletext-window h1{font-family:var(--font-chicago);font-size:14px;font-weight:700;margin-bottom:16px}.simpletext-window h2{font-family:var(--font-chicago);font-size:12px;font-weight:700;margin:16px 0 8px}.simpletext-window p{margin-bottom:12px}.simpletext-window ul{margin-left:16px;margin-bottom:12px}.simpletext-window li{margin-bottom:4px}.picture-window .window-content{display:flex;align-items:center;justify-content:center;padding:8px;background-color:var(--mac-gray-light)}.picture-window img{max-width:100%;max-height:100%;border:1px solid var(--mac-black);background-color:var(--mac-white)}.form-window .window-content{padding:24px}.mac-form{display:flex;flex-direction:column;gap:16px}.mac-form label{font-family:var(--font-chicago);font-size:12px;font-weight:700;margin-bottom:4px;display:block}.mac-form input[type=text],.mac-form input[type=email]{width:100%;padding:4px 8px;border:1px solid var(--mac-black);background-color:var(--mac-white);font-family:var(--font-geneva);font-size:12px;box-shadow:inset 1px 1px 0 var(--mac-gray-light)}.mac-form input:focus{outline:none;box-shadow:inset 1px 1px 0 var(--mac-gray-light),0 0 0 2px var(--mac-black)}.mac-button{font-family:var(--font-chicago);font-size:12px;font-weight:700;padding:6px 16px;background-color:var(--mac-white);border:2px solid var(--mac-black);border-radius:6px;cursor:pointer;box-shadow:1px 1px 0 var(--mac-black)}.mac-button:hover{background-color:var(--mac-gray-light)}.mac-button:active{box-shadow:none;transform:translate(1px,1px)}.mac-button.primary{border-width:3px}.contact-window .window-content{padding:0;background-color:var(--mac-white)}.contact-form{display:flex;flex-direction:column;height:100%}.contact-field{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid var(--mac-gray-light)}.contact-field-message{flex:1;align-items:flex-start;flex-direction:column;border-bottom:none}.contact-label{font-family:var(--font-chicago);font-size:12px;font-weight:700;width:60px;flex-shrink:0}.contact-field-message .contact-label{margin-bottom:6px}.contact-static{font-family:var(--font-geneva);font-size:12px;color:var(--mac-gray-dark);flex:1}.contact-input{flex:1;padding:4px 8px;border:1px solid var(--mac-black);background-color:var(--mac-white);font-family:var(--font-geneva);font-size:12px;box-shadow:inset 1px 1px 0 var(--mac-gray-light)}.contact-input:focus{outline:none;box-shadow:inset 1px 1px 0 var(--mac-gray-light),0 0 0 1px var(--mac-black)}.contact-textarea{width:100%;flex:1;min-height:120px;padding:8px;border:1px solid var(--mac-black);background-color:var(--mac-white);font-family:var(--font-geneva);font-size:12px;resize:none;box-shadow:inset 1px 1px 0 var(--mac-gray-light)}.contact-textarea:focus{outline:none;box-shadow:inset 1px 1px 0 var(--mac-gray-light),0 0 0 1px var(--mac-black)}.contact-actions{padding:12px;display:flex;justify-content:flex-end;border-top:1px solid var(--mac-gray-light);background-color:var(--mac-platinum)}.contact-sent{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:32px;text-align:center}.contact-sent-icon{font-size:48px;margin-bottom:16px}.contact-sent-title{font-family:var(--font-chicago);font-size:14px;font-weight:700;margin-bottom:8px}.contact-sent-message{font-family:var(--font-geneva);font-size:12px;color:var(--mac-gray-dark)}.alert-overlay{position:fixed;inset:0;background-color:#0000004d;display:flex;align-items:center;justify-content:center;z-index:20000}.alert-dialog{background-color:var(--mac-white);border:2px solid var(--mac-black);border-radius:8px;box-shadow:4px 4px #0000004d;min-width:300px;max-width:400px;padding:16px 20px}.alert-content{display:flex;gap:16px;margin-bottom:20px}.alert-icon{font-size:32px;flex-shrink:0}.alert-message{font-family:var(--font-geneva);font-size:12px;line-height:1.5}.alert-title{font-family:var(--font-chicago);font-size:12px;font-weight:700;margin-bottom:8px}.alert-buttons{display:flex;justify-content:flex-end;gap:12px}.alert-button{font-family:var(--font-chicago);font-size:12px;font-weight:700;padding:6px 20px;background-color:var(--mac-white);border:1px solid var(--mac-black);border-radius:4px;cursor:pointer;min-width:80px}.alert-button:hover{background-color:var(--mac-gray-light)}.alert-button:active{background-color:var(--mac-gray-mid)}.alert-button.primary{border-width:3px;box-shadow:0 0 0 1px var(--mac-black)}.game-window .window-content{padding:0;display:flex;flex-direction:column;background-color:var(--mac-black)}.game-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--mac-white);border-bottom:1px solid var(--mac-black);font-family:var(--font-chicago);font-size:12px}.game-stats{display:flex;gap:24px}.game-stat{display:flex;gap:8px}.game-stat-label{color:var(--mac-gray-dark)}.game-stat-value{font-weight:700}.game-lives{display:flex;gap:4px}.game-life{width:12px;height:12px;border-radius:50%;background-color:var(--mac-black)}.game-life.lost{background-color:var(--mac-gray-light);border:1px solid var(--mac-gray-mid)}.game-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;padding:8px}.game-canvas{background-color:var(--mac-white);border:2px solid var(--mac-gray-dark)}.game-overlay{position:absolute;inset:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.game-overlay-text{font-family:var(--font-chicago);font-size:24px;color:var(--mac-white);text-shadow:2px 2px 0 var(--mac-black)}.game-overlay-subtext{font-family:var(--font-geneva);font-size:14px;color:var(--mac-gray-light)}.game-button{font-family:var(--font-chicago);font-size:12px;font-weight:700;padding:8px 24px;background-color:var(--mac-white);border:2px solid var(--mac-black);border-radius:6px;cursor:pointer;margin-top:8px}.game-button:hover{background-color:var(--mac-gray-light)}.game-button:active{transform:translate(1px,1px)}.minesweeper-window .window-content{padding:0;background-color:var(--mac-platinum)}.minesweeper-container{display:flex;flex-direction:column;align-items:center;padding:8px}.minesweeper-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:200px;padding:4px 8px;margin-bottom:8px;background-color:var(--mac-gray-light);border:2px inset var(--mac-white)}.minesweeper-counter{font-family:Courier New,monospace;font-size:20px;font-weight:700;color:red;background-color:#000;padding:2px 6px;min-width:45px;text-align:center}.minesweeper-face{font-size:20px;width:32px;height:32px;border:2px outset var(--mac-white);background-color:var(--mac-gray-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.minesweeper-face:active{border-style:inset}.minesweeper-board{display:flex;flex-direction:column;border:3px inset var(--mac-gray-dark);background-color:var(--mac-gray-light)}.minesweeper-row{display:flex}.minesweeper-cell{width:20px;height:20px;border:2px outset var(--mac-white);background-color:var(--mac-gray-light);font-family:var(--font-chicago);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.minesweeper-cell:active:not(:disabled):not(.revealed){border-style:inset}.minesweeper-cell.revealed{border:1px solid var(--mac-gray-mid);background-color:var(--mac-gray-light);cursor:default}.minesweeper-cell.mine{background-color:red}.minesweeper-cell.flagged{font-size:14px}.minesweeper-cell.n1{color:#00f}.minesweeper-cell.n2{color:green}.minesweeper-cell.n3{color:red}.minesweeper-cell.n4{color:navy}.minesweeper-cell.n5{color:maroon}.minesweeper-cell.n6{color:teal}.minesweeper-cell.n7{color:#000}.minesweeper-cell.n8{color:gray}.minesweeper-message{margin-top:12px;font-family:var(--font-chicago);font-size:14px;font-weight:700}.hypercard-stack{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--mac-white)}.hypercard-card{flex:1;display:flex;flex-direction:column;overflow:hidden}.hypercard-content{flex:1;padding:16px;overflow-y:auto;font-family:var(--font-geneva);font-size:12px;line-height:1.5}.hypercard-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--mac-black);background-color:var(--mac-platinum)}.hypercard-nav-buttons{display:flex;gap:4px}.hypercard-nav-button{width:24px;height:20px;display:flex;align-items:center;justify-content:center;background-color:var(--mac-white);border:1px solid var(--mac-black);border-radius:3px;cursor:pointer;font-size:14px;padding:0}.hypercard-nav-button:hover:not(:disabled){background-color:var(--mac-gray-light)}.hypercard-nav-button:active:not(:disabled){background-color:var(--mac-gray-dark)}.hypercard-nav-button:disabled{opacity:.4;cursor:not-allowed}.hypercard-nav-button svg{width:12px;height:12px}.hypercard-card-counter{font-family:var(--font-geneva);font-size:10px;color:var(--mac-gray-dark)}.hypercard-nav-links{display:flex;gap:8px}.hypercard-nav-link{font-family:var(--font-geneva);font-size:10px;color:var(--mac-black);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.hypercard-nav-link:hover{color:var(--mac-gray-dark)}.home-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 24px;height:100%}.home-card-title{font-family:var(--font-chicago);font-size:24px;font-weight:700;margin-bottom:8px}.home-card-subtitle{font-family:var(--font-geneva);font-size:14px;color:var(--mac-gray-dark);margin-bottom:32px}.home-card-icon{width:64px;height:64px;margin-bottom:24px}.home-card-icon svg{width:100%;height:100%}.home-card-buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:200px}.home-card-button{font-family:var(--font-chicago);font-size:12px;font-weight:700;padding:8px 24px;background-color:var(--mac-white);border:2px solid var(--mac-black);border-radius:6px;cursor:pointer;box-shadow:1px 1px 0 var(--mac-black)}.home-card-button:hover{background-color:var(--mac-gray-light)}.home-card-button:active{box-shadow:none;transform:translate(1px,1px)}.home-card-button.primary{border-width:3px}.index-card{height:100%;display:flex;flex-direction:column}.index-card-header{padding:12px 16px;border-bottom:1px solid var(--mac-gray-light)}.index-card-title{font-family:var(--font-chicago);font-size:14px;font-weight:700;margin:0}.index-card-list{flex:1;overflow-y:auto;padding:8px 0}.index-card-item{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;cursor:pointer;border-bottom:1px solid var(--mac-gray-light)}.index-card-item:hover{background-color:var(--mac-gray-light)}.index-card-item:last-child{border-bottom:none}.index-card-item-title{font-family:var(--font-geneva);font-size:12px;font-weight:700}.index-card-item-date{font-family:var(--font-geneva);font-size:10px;color:var(--mac-gray-dark)}.post-card{height:100%;display:flex;flex-direction:column}.post-card-header{padding:12px 16px;border-bottom:1px solid var(--mac-gray-light);background-color:var(--mac-platinum)}.post-card-title{font-family:var(--font-chicago);font-size:14px;font-weight:700;margin:0 0 4px}.post-card-date{font-family:var(--font-geneva);font-size:10px;color:var(--mac-gray-dark);margin:0}.post-card-content{flex:1;overflow-y:auto;padding:16px;font-family:var(--font-geneva);font-size:12px;line-height:1.6;white-space:pre-wrap}.post-card-content p{margin:0 0 12px}.post-card-content ul{margin:0 0 12px;padding-left:16px}.post-card-content li{margin-bottom:4px}