:root{--menu-bar-bg: rgba(240, 240, 240, .8);--menu-bar-text: #1d1d1f;--window-bg: #1e1e1e;--window-title-bg: #2d2d2d;--window-border: #3a3a3a;--terminal-text: #e0e0e0;--terminal-prompt: #5af78e;--terminal-accent: #57c7ff;--terminal-dim: #888;--terminal-red: #ff5c57;--terminal-yellow: #f3f99d;--traffic-red: #ff5f56;--traffic-yellow: #ffbd2e;--traffic-green: #27c93f;--dock-bg: rgba(240, 240, 240, .55);--dock-border: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#5af78e4d}.desktop{width:100%;height:100%;background:url(/wallpaper.jpg) center/cover no-repeat;background-color:#1a1a2e;position:relative;display:flex;flex-direction:column}.menu-bar{height:32px;background:var(--menu-bar-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:2px 40px 0;font-size:13px;color:var(--menu-bar-text);-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.05);z-index:100}.menu-bar-left{display:flex;align-items:center;gap:16px}.apple-logo{font-size:16px;opacity:.9}.menu-bar-app{font-weight:600;font-size:13px}.menu-bar-items{display:flex;gap:16px;font-size:13px;opacity:.85}.menu-bar-right{display:flex;align-items:center;gap:16px;font-size:12px;opacity:.85}.desktop-content{flex:1;position:relative;overflow:hidden}.desktop-icons{position:absolute;top:16px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:5}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:default;padding:6px 8px;border-radius:8px;transition:background .15s;-webkit-user-select:none;user-select:none;width:80px}.desktop-icon:hover{background:#ffffff14}.desktop-icon:active{background:#ffffff26}.desktop-icon-image{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000026}.desktop-icon-label{font-size:11px;color:#fff;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.3);line-height:1.2;max-width:80px;word-wrap:break-word}.terminal-window{position:absolute;width:720px;max-width:calc(100vw - 40px);min-height:420px;max-height:calc(100vh - 120px);background:var(--window-bg);border-radius:10px;box-shadow:0 22px 70px #0000008f,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;overflow:hidden;z-index:10}.terminal-window.terminal-fullscreen{position:absolute;inset:0;width:100%;max-width:100%;min-height:100%;max-height:100%;border-radius:0;transition:all .25s ease}.terminal-title-bar{height:38px;background:var(--window-title-bg);display:flex;align-items:center;padding:0 14px;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.terminal-title-bar:active{cursor:grabbing}.traffic-lights{display:flex;gap:8px;z-index:1}.traffic-light{width:12px;height:12px;border-radius:50%;position:relative}.traffic-light.red{background:var(--traffic-red)}.traffic-light.yellow{background:var(--traffic-yellow)}.traffic-light.green{background:var(--traffic-green)}.traffic-light:after{content:"";position:absolute;inset:0;border-radius:50%;opacity:0;transition:opacity .15s}.terminal-title-bar:hover .traffic-light.red:after{content:"×";opacity:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#00000080;line-height:1}.terminal-title-bar:hover .traffic-light.yellow:after{content:"−";opacity:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#00000080;line-height:1}.terminal-title-bar:hover .traffic-light.green:after{content:"+";opacity:1;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#00000080;line-height:1}.terminal-title-text{position:absolute;left:0;right:0;text-align:center;font-size:13px;color:var(--terminal-dim);pointer-events:none}.terminal-body{flex:1;padding:12px 14px;overflow-y:auto;overscroll-behavior:contain;font-family:SF Mono,Menlo,Monaco,Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.5;color:var(--terminal-text);cursor:text}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:transparent}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.terminal-line{white-space:pre-wrap;word-break:break-word}.terminal-output{margin-bottom:8px}.terminal-output pre{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;white-space:pre-wrap;word-break:break-word}.prompt-line{display:flex;align-items:flex-start}.prompt{color:var(--terminal-prompt);white-space:nowrap;flex-shrink:0}.terminal-input{background:none;border:none;outline:none;color:var(--terminal-text);font-family:inherit;font-size:inherit;line-height:inherit;flex:1;caret-color:var(--terminal-prompt);padding:0}.welcome-text{margin-bottom:12px;opacity:.7}.welcome-text .highlight{color:var(--terminal-accent)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.cursor-blink{display:inline-block;width:8px;height:15px;background:var(--terminal-prompt);animation:blink 1s step-end infinite;vertical-align:text-bottom;margin-left:1px}.dock-container{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:50}.dock{display:flex;align-items:flex-end;gap:4px;padding:4px 8px;background:var(--dock-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;border:1px solid var(--dock-border)}.dock-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:transform .2s ease;position:relative}.dock-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .2s ease,margin .2s ease;background:#ffffff59;border:1px solid rgba(255,255,255,.5);-webkit-user-select:none;user-select:none}.dock-item:hover .dock-icon{transform:translateY(-8px) scale(1.3)}.dock-item:hover+.dock-item .dock-icon,.dock-item:has(+.dock-item:hover) .dock-icon{transform:translateY(-4px) scale(1.15)}.dock-dot{width:4px;height:4px;border-radius:50%;background:#00000040;transition:transform .2s ease}.dock-item:hover .dock-dot{transform:translateY(-8px)}.dock-item:hover+.dock-item .dock-dot,.dock-item:has(+.dock-item:hover) .dock-dot{transform:translateY(-4px)}.dock-separator{width:1px;height:40px;background:#0000001f;margin:0 4px;align-self:center}.dock-tooltip{position:absolute;top:-32px;background:#1e1e1ee6;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;border:1px solid rgba(255,255,255,.1)}.dock-item:hover .dock-tooltip{opacity:1}.typing-line{overflow:hidden;white-space:nowrap;border-right:2px solid var(--terminal-prompt);animation:typing-cursor .75s step-end infinite}@keyframes typing-cursor{0%,50%{border-color:var(--terminal-prompt)}51%,to{border-color:transparent}}@media(max-width:768px){.terminal-window{width:calc(100vw - 20px);min-height:300px}.dock-icon{width:40px;height:40px;font-size:20px;border-radius:10px}.menu-bar-items{display:none}}.scene-container{width:100%;height:100%;position:fixed;top:0;left:0;background:#e8e8e8}.scene-container canvas{display:block}.screen-portal{position:absolute;inset:0;z-index:0;overflow:hidden}.scene-container:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.08) 100%)}.enter-button{position:fixed;bottom:12%;left:50%;transform:translate(-50%);z-index:100;padding:12px 36px;font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;color:#5a4a3a;background:#ffffffd9;border:2px solid rgba(180,160,140,.4);border-radius:40px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;letter-spacing:.5px;box-shadow:0 4px 20px #00000014;-webkit-user-select:none;user-select:none}.enter-button:hover{background:#fffffff2;box-shadow:0 6px 28px #0000001f;transform:translate(-50%) translateY(-2px)}.enter-button:active{transform:translate(-50%) translateY(0)}.enter-button.fade-out{opacity:0;pointer-events:none;transition:opacity .6s ease}.screen-html-wrapper{transform-origin:center center}.attribution{position:fixed;bottom:8px;right:12px;z-index:200;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;color:#00000059;-webkit-user-select:none;user-select:none;pointer-events:auto}.attribution a{color:#00000073;text-decoration:none;transition:color .2s ease}.attribution a:hover{color:#000000b3;text-decoration:underline}
