.typewriter-greeting{color:var(--accent);font-family:var(--font-mono);font-size:40px;text-shadow:0 0 18px var(--accent-glow-soft);letter-spacing:-.01em}@media(max-width:640px){.typewriter-greeting{font-size:28px}}.home-page{background:transparent;padding:40px 40px 100px;height:100%;display:flex;overflow:auto}.home-page .main-page-container{display:flex;justify-content:center;width:100%;margin:0 auto;max-height:85%}.home-page .main-page-container.full-screen{max-height:none;height:100%}.home-page .main-page-container .main-context{display:flex;width:90%;max-width:1100px}.home-page .main-page-container .main-context.full-screen{width:100%;max-width:100%;height:100%}.home-page .main-page-container .main-context .terminal-container{height:100%;width:100%}.home-page:has(.main-page-container.full-screen){padding:16px 16px 64px}@media(min-width:768px)and (max-width:1024px){.home-page{padding:60px 24px 110px}.home-page:has(.main-page-container.full-screen){padding:60px 16px 110px}}@media only screen and (max-width:767px){.home-page{padding:48px 4px 28px}.home-page:has(.main-page-container.full-screen){padding:0 0 28px}.home-page .main-page-container{max-height:none;animation:app-launch .3s ease-out}.home-page .main-page-container .main-context{width:100%;max-width:100%}}@keyframes app-launch{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.home-page .main-page-container{animation:none!important}}.browser-window{width:100%;border-radius:var(--radius-window);overflow:hidden;display:flex;flex-direction:column;height:100%;background:var(--bg-surface);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);box-shadow:var(--shadow-window)}.browser-toolbar{display:flex;align-items:center;background:var(--bg-surface-2);border-bottom:1px solid var(--border-glass);padding:10px 14px 0;gap:8px;min-height:44px}.browser-toolbar .browser-dots{display:flex;gap:8px;flex-shrink:0;align-items:center;padding-bottom:10px}.browser-toolbar .browser-dots .browser-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.25);padding:0;cursor:pointer;transition:filter .16s ease,transform .16s ease}.browser-toolbar .browser-dots .browser-dot.dot-red{background:radial-gradient(circle at 30% 30%,#ff7a70 0,#ff5f57 60%,#d44242 100%)}.browser-toolbar .browser-dots .browser-dot.dot-yellow{background:radial-gradient(circle at 30% 30%,#ffd466 0,#febc2e 60%,#cc9414 100%)}.browser-toolbar .browser-dots .browser-dot.dot-green{background:radial-gradient(circle at 30% 30%,#5be876 0,#28c840 60%,#169925 100%)}.browser-toolbar .browser-dots .browser-dot:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.08)}.browser-toolbar .browser-dots .browser-dot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.browser-toolbar .browser-dots .browser-dot:disabled{cursor:default;opacity:.85}.browser-toolbar .browser-tab{display:flex;align-items:center;background:hsla(0,0%,100%,.03);border-radius:10px 10px 0 0;padding:8px 18px;max-width:200px;text-decoration:none;border:1px solid transparent;border-bottom:none;cursor:pointer;transition:background .18s ease,color .18s ease;color:inherit;font:inherit}.browser-toolbar .browser-tab.active{background:var(--bg-surface);border-color:var(--border-glass)}.browser-toolbar .browser-tab:not(.active):hover{background:hsla(0,0%,100%,.07)}.browser-toolbar .browser-tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.browser-toolbar .browser-tab .browser-tab-title{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-toolbar .browser-tab.active .browser-tab-title{color:var(--text-primary)}.browser-toolbar .browser-spacer{flex:1 1}.browser-address-bar{display:flex;align-items:center;background:var(--bg-surface-2);padding:8px 14px 10px;gap:10px;border-bottom:1px solid var(--border-glass)}.browser-address-bar .browser-nav-buttons{display:flex;gap:2px;flex-shrink:0}.browser-address-bar .browser-nav-buttons .browser-nav-btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;padding:6px;cursor:pointer;transition:background .16s ease,color .16s ease}.browser-address-bar .browser-nav-buttons .browser-nav-btn:hover:not(:disabled){background:var(--accent-bg-light);color:var(--accent)}.browser-address-bar .browser-nav-buttons .browser-nav-btn:active:not(:disabled){transform:scale(.92)}.browser-address-bar .browser-nav-buttons .browser-nav-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.browser-address-bar .browser-nav-buttons .browser-nav-btn:disabled{opacity:.35;cursor:not-allowed}.browser-address-bar .browser-url-box{flex:1 1;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--border-glass);border-radius:var(--radius-pill);padding:6px 14px}.browser-address-bar .browser-url-box .browser-lock{color:var(--accent);flex-shrink:0}.browser-address-bar .browser-url-box .browser-url{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-content{flex:1 1;background:linear-gradient(180deg,rgba(5,6,10,.6),rgba(5,6,10,.8));padding:1.75rem;overflow:auto;color:var(--text-primary)}@media(min-width:768px)and (max-width:1024px){.browser-toolbar{padding:8px 12px 0}.browser-toolbar .browser-tab{padding:6px 12px;max-width:140px}.browser-toolbar .browser-tab .browser-tab-title{font-size:10px}.browser-content{padding:1.25rem}}@media only screen and (max-width:767px){.browser-window{border-radius:0;border:none;box-shadow:none}.browser-toolbar{gap:4px;padding:calc(52px + env(safe-area-inset-top, 0px)) 10px 0}.browser-toolbar .browser-dots{padding-bottom:8px}.browser-toolbar .browser-dots .browser-dot{width:10px;height:10px}.browser-toolbar .browser-tab{padding:6px 10px;max-width:110px}.browser-toolbar .browser-tab .browser-tab-title{font-size:9.5px}.browser-address-bar{padding:4px 10px 8px}.browser-address-bar .browser-nav-buttons{display:none}.browser-address-bar .browser-url-box{padding:5px 12px}.browser-address-bar .browser-url-box .browser-url{font-size:10px}.browser-content{padding:1rem 1rem 7rem}}