body{margin:0;padding:20px 0 0;background-color:#1e1e1e;font-family:Monaco,monospace;color:#e5e5e5;min-height:100vh;display:flex;align-items:flex-start;justify-content:center}.window{width:800px;max-width:90vw;height:600px;background-color:#1e1e1e;border:1px solid #3E3E42;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:none;position:absolute;min-width:400px;min-height:300px;top:20px;left:50%;transform:translate(-50%);z-index:1}.window.maximized .resize-handle,.window.minimized{display:none}.window.minimizing,.window.restoring{transition:none;pointer-events:none}.window.closed{display:none}.center-screen{flex-direction:column;justify-content:center;align-items:center;text-align:center}.window-header{background-color:#252526;padding:8px 12px;border-bottom:1px solid #3E3E42;display:flex;align-items:center;cursor:move;-webkit-user-select:none;user-select:none;justify-content:center;position:relative}.window-buttons{display:flex;gap:8px;position:absolute;left:12px}.window-title{font-size:13px;color:#ccc;font-weight:400}.window-button{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:opacity .2s}.window-button:hover{opacity:.8}.close{background-color:#ff5f56}.minimize{background-color:#ffbd2e}.maximize{background-color:#27c93f}.editor{position:relative;flex:1;padding:20px 20px 40px;overflow-y:auto;overflow-x:hidden}.editor::-webkit-scrollbar{width:12px}.editor::-webkit-scrollbar-track{background:#1e1e1e}.editor::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:6px}.editor::-webkit-scrollbar-thumb:hover{background:#4e4e52}.line{display:flex;line-height:1.6;min-height:1.6em}.line-number{width:40px;color:#6c7079;text-align:right;padding-right:12px;-webkit-user-select:none;user-select:none}.line-content{flex:1;padding-left:12px;position:relative}.indented{padding-left:32px}.comment{color:#7f8c98}.keyword{color:#ff7ab2}.function{color:#4b9ef9}.string{color:#fc6a5d}.operator{color:#e5e5e5}.button{background-color:#a084b7;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:inherit;transition:background-color .2s;position:relative;z-index:1}.button:hover{background-color:#7b5dd1}.button-container{display:flex;justify-content:center;margin-top:20px;padding-bottom:20px}.definition-bubble{position:absolute;background-color:#2d2d30;padding:6px 12px;border-radius:4px;cursor:pointer;display:none;z-index:1000;font-size:13px;box-shadow:0 4px 12px #00000080;border:1px solid #3E3E42;-webkit-user-select:none;user-select:none}.definition-bubble:hover{background-color:#3e3e42}.presentMyself{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#4b9ef9;text-underline-offset:2px}.typing-cursor{display:inline-block;width:8px;height:18px;background-color:#e5e5e5;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle;position:relative;top:-1px}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.header-back-button{position:absolute;left:80px;background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;color:#ccc;transition:color .2s}.header-back-button:hover{color:#e5e5e5}.header-back-button .chevron{width:14px;height:14px;stroke-width:2;pointer-events:none}.header-play-button{position:absolute;right:12px;background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;color:#ccc;transition:color .2s}.header-play-button:hover{color:#e5e5e5}.header-play-button .play-icon,.header-play-button .stop-icon{width:14px;height:14px;stroke-width:2;pointer-events:none}#welcomeScreen,#definitionScreen,#projectsScreen{position:relative;top:0;left:0;width:100%;height:auto;display:none}#welcomeScreen{display:block}.project-navigation{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.nav-button{background:none;border:none;color:#6c7079;cursor:pointer;font-size:24px;padding:8px}.nav-button:hover{color:#e5e5e5}.nav-button:disabled{color:#3e3e42;cursor:not-allowed}.code{position:relative;display:inline-block}.resize-handle{position:absolute;z-index:10}.resize-handle.n{top:0;left:0;right:0;height:5px;cursor:ns-resize}.resize-handle.s{bottom:0;left:0;right:0;height:5px;cursor:ns-resize}.resize-handle.e{right:0;top:0;bottom:0;width:5px;cursor:ew-resize}.resize-handle.w{left:0;top:0;bottom:0;width:5px;cursor:ew-resize}.resize-handle.ne{top:0;right:0;width:10px;height:10px;cursor:nesw-resize}.resize-handle.nw{top:0;left:0;width:10px;height:10px;cursor:nwse-resize}.resize-handle.se{bottom:0;right:0;width:10px;height:10px;cursor:nwse-resize}.resize-handle.sw{bottom:0;left:0;width:10px;height:10px;cursor:nesw-resize}.dock{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:9999;padding:8px}.dock-container{background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:8px 12px;display:flex;align-items:flex-end;gap:8px;box-shadow:0 8px 32px #0000004d}.dock-app{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.dock-app:hover{transform:translateY(-10px) scale(1.1)}.dock-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);padding:2px;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.dock-app:hover .dock-icon{box-shadow:0 8px 20px #0006}.dock-dot{width:4px;height:4px;border-radius:50%;background:#fffc;margin-top:4px;opacity:0;transition:opacity .2s ease}.dock-dot.active{opacity:1}.simulator-container{position:absolute;top:50px;left:60%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center}.simulator-container.closed,.simulator-container.minimized{display:none}.simulator-container.minimizing,.simulator-container.restoring{transition:none;pointer-events:none}.simulator-header{background-color:#252526f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #3E3E42;border-radius:6px;padding:6px 12px;display:flex;align-items:center;justify-content:center;cursor:move;-webkit-user-select:none;user-select:none;margin-bottom:8px;box-shadow:0 2px 8px #0000004d;width:430px;position:relative}.simulator-title{font-size:13px;color:#ccc;font-weight:400}.simulator-frame{position:relative;width:430px;height:880px;display:flex;align-items:center;justify-content:center}.simulator-screen{position:absolute;top:1.8%;left:3.7%;width:92.6%;height:96.8%;border-radius:50px;overflow:hidden;z-index:1}.default-screen{width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.default-logo{max-width:60%;max-height:60%;object-fit:contain}.image-gallery{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:#fff}.gallery-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;opacity:0;transition:opacity .3s ease;pointer-events:none}.gallery-image.active{opacity:1;pointer-events:auto}.frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;filter:drop-shadow(0 20px 60px rgba(0,0,0,.6))}.simulator-resize-handle{position:absolute;z-index:10}.simulator-resize-handle.ne{top:0;right:0;width:20px;height:20px;cursor:nesw-resize}.simulator-resize-handle.nw{top:0;left:0;width:20px;height:20px;cursor:nwse-resize}.simulator-resize-handle.se{bottom:0;right:0;width:20px;height:20px;cursor:nwse-resize}.simulator-resize-handle.sw{bottom:0;left:0;width:20px;height:20px;cursor:nesw-resize}