.app-browser {height:100%;display:flex;flex-direction:column;background:#050505;color:#ff9e64;font-family:'Fira Code', 'Courier New', Courier, monospace;position:relative;overflow:hidden;}.app-browser::before {content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to bottom,rgba(18, 16, 16, 0) 50%,rgba(0, 0, 0, 0.25) 50%);background-size:100% 4px;z-index:50;pointer-events:none;}.browser-header {height:40px;background:#111;border-bottom:1px solid #ff9e64;display:flex;align-items:center;padding:0 10px;z-index:10;}.browser-tab {background:#222;color:#ff9e64;padding:5px 15px;font-size:12px;border:1px solid #ff9e64;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 -2px 10px rgba(255, 158, 100, 0.2);}.browser-body {flex:1;display:flex;flex-direction:column;padding:40px;z-index:10;}.browser-hero {text-align:center;margin-bottom:40px;}.browser-logo {width:80px;height:80px;margin-bottom:10px;filter:drop-shadow(0 0 10px #ff9e64);animation:glitch-anim 2s infinite linear alternate-reverse;}.browser-hero h2 {font-size:24px;margin:0;letter-spacing:2px;text-shadow:0 0 5px #ff9e64;}.browser-status {font-size:12px;color:#7aa2f7;margin-top:5px;}.browser-search-container {display:flex;align-items:center;background:rgba(255, 158, 100, 0.05);border:1px solid #ff9e64;padding:15px;box-shadow:inset 0 0 10px rgba(255, 158, 100, 0.1), 0 0 15px rgba(255, 158, 100, 0.2);margin-bottom:30px;}.browser-prompt {margin-right:15px;font-weight:bold;}.browser-input {flex:1;background:transparent;border:none;color:#fff;font-family:inherit;font-size:16px;outline:none;caret-color:#ff9e64;}.browser-input::placeholder {color:rgba(255, 158, 100, 0.4);}.browser-console {flex:1;background:rgba(0, 0, 0, 0.5);border:1px solid #333;padding:15px;font-size:12px;color:#9ece6a;overflow-y:auto;box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.8);}.b-log-line {margin-bottom:5px;opacity:0.8;}.b-log-line.warn {color:#e0af68;}.b-log-line.error {color:#f7768e;}@keyframes glitch-anim {0% { transform:translate(0) }20% { transform:translate(-2px, 1px) }40% { transform:translate(-1px, -1px) }60% { transform:translate(2px, 1px) }80% { transform:translate(1px, -1px) }100% { transform:translate(0) }}