@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Pixelify+Sans:wght@400;700&family=VT323&display=swap";@import "https://db.onlinewebfonts.com/c/aabc7da5bdae93e0c2e4ab2b8274c137?family=PIXY";html{font-size:90%}:root{--system-font:"PIXY", "Chicago", "VT323", "Courier New", Courier, monospace;font-family:var(--system-font);--mac-bg:#8ba2a0;--window-bg:#ddd;--window-content-bg:#fff;--window-border:#000;--window-text:#000;--titlebar-bg:#ddd;--titlebar-text:#000;--menu-bg:#fff;--menu-text:#000;--menu-hover-bg:#000;--menu-hover-text:#fff;--titlebar-stripes:#000;--crt-flicker:#ffffff05;--crt-scanline:#0000001a;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{background-color:var(--mac-bg);color:#000;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{display:flex}#root{width:100%;height:100%;position:relative}.crt:before{content:" ";background:linear-gradient(#12101000 50%, var(--crt-scanline) 50%), linear-gradient(90deg, #ff00000f, #00ff0005, #0000ff0f);z-index:1000;pointer-events:none;background-size:100% 2px,3px 100%;display:block;position:absolute;inset:0}.crt:after{content:" ";z-index:1001;pointer-events:none;background:radial-gradient(circle,#0000 60%,#0003 100%);display:block;position:absolute;inset:0;box-shadow:inset 0 0 100px #00000080}.crt{width:100%;height:100%;position:relative;overflow:hidden}.crt.scanlines-off:before{display:none!important}.crt.turning-off{animation:.9s cubic-bezier(.23,1,.32,1) forwards turn-off}@keyframes turn-off{0%{filter:brightness();transform:scaleY(1.3)translate(0,0)}60%{filter:brightness(10);transform:scaleY(.001)translate(0,0)}to{filter:brightness(0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:scale(0,.0001)translate(0,0)}}.power-screen{z-index:2000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.power-screen.off{background-color:#000}.power-btn{cursor:pointer;background:#ddd;border:2px solid #888;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .1s;display:flex;box-shadow:inset 2px 2px 5px #fff,inset -2px -2px 5px #888,0 0 10px #00000080}.power-btn:active{transform:scale(.95);box-shadow:inset 2px 2px 5px #888,inset -2px -2px 5px #fff}.power-icon{border:3px solid #c00;border-top-color:#0000;border-radius:50%;width:24px;height:24px;position:relative}.power-icon:before{content:"";background:#c00;width:3px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.power-screen.booting{background-color:#8ba2a0;font-family:Chicago,sans-serif}.boot-logo{width:64px;height:auto;image-rendering:pixelated;filter:drop-shadow(2px 2px #0003);margin-bottom:20px}.boot-progress-container{background:#fff;border:2px solid #000;width:200px;height:16px;margin-top:20px;padding:2px}.boot-progress-bar{background-image:repeating-linear-gradient(90deg,#000,#000 10px,#0000 10px 12px);width:0%;height:100%;animation:1.3s ease-in-out forwards boot-load}@keyframes boot-load{0%{width:0%}20%{width:10%}40%{width:40%}60%{width:45%}80%{width:90%}to{width:100%}}@keyframes flicker{0%{opacity:.9}33%{opacity:.6}66%{opacity:1}to{opacity:.9}}.menu-bar{background:var(--menu-bg);width:100%;height:24px;color:var(--menu-text);border-bottom:1px solid var(--window-border);z-index:9999;font-family:var(--system-font), sans-serif;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 10px;font-size:18px;display:flex;position:absolute;top:0;left:0}.menu-items{align-items:center;gap:16px;display:flex}.menu-item{cursor:pointer;align-items:center;height:24px;padding:0 6px;display:flex}.menu-item:hover{background:var(--menu-hover-bg);color:var(--menu-hover-text)}.logo-icon{height:16px;image-rendering:pixelated}.dropdown{position:relative}.dropdown-menu{background:var(--menu-bg);color:var(--menu-text);border:1px solid var(--window-border);z-index:10000;-webkit-user-select:none;user-select:none;min-width:150px;font-family:var(--system-font), sans-serif;flex-direction:column;font-size:18px;display:flex;position:absolute;top:24px;left:0;box-shadow:2px 2px #0003}.dropdown-item{cursor:pointer;border-bottom:1px dashed var(--window-border);white-space:nowrap;font-family:var(--system-font), sans-serif;padding:4px 10px;font-size:18px}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--menu-hover-bg);color:var(--menu-hover-text)}.app-switcher-header{text-align:center;font-family:var(--system-font), sans-serif;background:var(--window-bg);border-bottom:2px solid var(--window-border);letter-spacing:.5px;-webkit-user-select:none;user-select:none;color:var(--window-text);padding:3px 8px 4px;font-size:16px;font-weight:700}.mac-window{background:var(--window-bg);border:1px solid var(--window-border);flex-direction:column;min-width:200px;min-height:100px;padding:3px;transition:box-shadow .2s,background .2s;display:flex;position:absolute;box-shadow:inset 1px 1px #fff,inset -1px -1px #888,2px 2px #00000080}.mac-window:after{content:"";border:1px solid var(--window-border);pointer-events:none;z-index:10;position:absolute;inset:3px}.mac-window.active{background:var(--window-bg);border-color:var(--window-border);box-shadow:inset 1px 1px #fff,inset -1px -1px #888,8px 8px 20px #0009}.resize-handle{cursor:se-resize;z-index:100;background:linear-gradient(135deg, transparent 50%, var(--window-border) 50%, var(--window-border) 58%, transparent 58%), linear-gradient(135deg, transparent 70%, var(--window-border) 70%, var(--window-border) 78%, transparent 78%), linear-gradient(135deg, transparent 90%, var(--window-border) 90%, var(--window-border) 98%, transparent 98%);border-left:1px solid var(--window-border);border-top:1px solid var(--window-border);background-color:var(--window-bg);width:14px;height:14px;position:absolute;bottom:2px;right:2px}.title-bar{background:var(--titlebar-bg);border-bottom:1px solid var(--window-border);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;height:20px;padding:0 4px;display:flex;position:relative}.title-bar:active{cursor:grabbing}.close-btn{border:1px solid var(--window-border);background:var(--window-bg);cursor:pointer;z-index:2;justify-content:center;align-items:center;width:12px;height:12px;margin-right:auto;display:flex;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}.close-btn:active{background:#ccc;box-shadow:inset 1px 1px #888,inset -1px -1px #fff}.title-text{font-family:var(--system-font), sans-serif;background:var(--titlebar-bg);color:var(--titlebar-text);z-index:1;white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 10px;font-size:14px;display:flex;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.title-bar:before{content:"";background-image:repeating-linear-gradient(180deg, var(--window-content-bg), var(--window-content-bg) 1px, var(--titlebar-stripes) 1px, var(--titlebar-stripes) 2px, transparent 2px, transparent 4px);z-index:0;position:absolute;inset:4px 10px 4px 20px}.mac-window:not(.active) .title-bar:before{display:none}.mac-window:not(.active) .title-text{color:#666}.window-content{font-family:var(--system-font), sans-serif;background:var(--window-content-bg);color:var(--window-text);flex:1;padding:12px;font-size:18px;overflow:auto}.window-content-python{background:#0c0c0c!important;padding:0!important;overflow:hidden!important}.book-app,.training-app{text-align:center}.book-app p,.training-app p{margin:10px 0}.book-app img{max-width:130px;margin-bottom:10px}.window-content a{color:#000;border-bottom:1px dotted #000;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.window-content a:hover{color:#fff;background:#000;transform:translate(-1px,-1px);box-shadow:2px 2px #888}.window-content a:hover:before{content:"> "}.book-app a,.training-app a{color:#000;cursor:pointer;background:#fff;border:2px solid #000;padding:8px 16px;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block}.book-app a:hover,.training-app a:hover{color:#fff;background:#000;transform:translate(-2px,-2px);box-shadow:4px 4px #888}.book-app a:hover:before,.training-app a:hover:before{content:"> "}.photo-app{justify-content:center;align-items:center;display:flex}.photo-app img{max-width:256px;height:auto;display:block}ul.geek-links{margin:0;padding:0;list-style-type:none}ul.geek-links li{margin-bottom:8px}.crt-line{z-index:1002;pointer-events:none;opacity:.8;background:#ffffff26;width:100%;height:5px;animation:7s linear infinite scanline;position:absolute;top:-10%;left:0;box-shadow:0 0 15px #fff6}@keyframes scanline{0%{top:-10%}25%{top:110%}to{top:110%}}@keyframes blink{50%{opacity:0}}.blink-text{animation:1.2s step-start infinite blink}.weather-pre{display:block;overflow-x:auto;white-space:pre!important}.mac-dock-container{z-index:9999;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mac-dock{pointer-events:auto;-webkit-backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background:#ddddddb3;border:2px solid #000;border-radius:16px;align-items:flex-end;gap:6px;height:68px;padding:12px 12px 8px;display:flex;box-shadow:4px 4px #00000080}.dock-item{cursor:pointer;transform-origin:bottom;background:#fff;border:2px solid #000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}.dock-item:hover{z-index:10;background:#eee;margin:0 10px;transform:scale(1.4)translateY(-10px)}.dock-item.bouncing{animation:1s ease-in-out dock-bounce}@keyframes dock-bounce{0%{transform:scale(1.4)translateY(-10px)}50%{transform:scale(1.4)translateY(-25px)}to{transform:scale(1.4)translateY(-10px)}}.dock-icon{font-size:26px;line-height:1;transition:filter .2s}.dock-item:hover .dock-icon{filter:drop-shadow(2px 2px #0000004d)}.dock-dot{background:#000;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px}.calc-btn{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;background:#ddd;border:2px solid #000;padding:10px;font-family:VT323,monospace;font-size:24px;transition:all 50ms;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}.calc-btn:active{background:#ccc;transform:scale(.95);box-shadow:inset 2px 2px 5px #888,inset -2px -2px 5px #fff}.python-terminal::-webkit-scrollbar{width:16px;height:16px}.window-content::-webkit-scrollbar{width:16px;height:16px}.python-terminal::-webkit-scrollbar-track{background:repeating-linear-gradient(45deg,#fff,#fff 2px,#ccc 2px 4px);border:1px solid #000}.window-content::-webkit-scrollbar-track{background:repeating-linear-gradient(45deg,#fff,#fff 2px,#ccc 2px 4px);border:1px solid #000}.python-terminal::-webkit-scrollbar-thumb{background:#fff;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}.window-content::-webkit-scrollbar-thumb{background:#fff;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #888}.python-terminal::-webkit-scrollbar-thumb:active{background:#ccc;box-shadow:inset 1px 1px #888,inset -1px -1px #fff}.window-content::-webkit-scrollbar-thumb:active{background:#ccc;box-shadow:inset 1px 1px #888,inset -1px -1px #fff}.mobile-only-menu-section{display:none}.menu-section-header{color:#888;cursor:default;background:#f5f5f5;border-bottom:1px solid #ccc;padding:4px 10px;font-family:VT323,monospace;font-size:16px;font-weight:700}@media (width<=768px){.menu-bar{padding:0 5px;font-size:16px}.dropdown-menu{min-width:120px;font-size:16px}.dropdown-item{padding:4px 8px;font-size:16px}.mac-dock-container{display:none}.desktop-app-link,.desktop-only-menu-item,.desktop-only{display:none!important}.mobile-only-menu-section{display:block}.menu-extra{display:none!important}.theme-label{display:none}.menu-bar{flex-wrap:nowrap;overflow:visible}.mac-window{width:100%!important;height:calc(100% - 24px)!important;box-shadow:none!important;border:none!important;top:24px!important;left:0!important}.mac-window.active{box-shadow:none!important}.title-bar{pointer-events:none}.close-btn{pointer-events:auto}.resize-handle{display:none!important}.window-content{word-break:break-word;overflow-wrap:break-word;white-space:normal;padding:8px;font-size:18px;overflow-x:hidden}.window-content>div{box-sizing:border-box;max-width:100%;min-width:0!important}.settings-label{display:none}}.crt{position:relative}.crt:before{content:"";pointer-events:none;z-index:10002;background:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000012 0 1px,#0000 1px 3px);position:fixed;inset:0}.crt.dotted-off:before,.crt.scanlines-off .crt-line{display:none!important}.crt.flicker-off{animation:none!important}.crt.flicker-off:after{display:none!important}