*{box-sizing:border-box}:root{--primary-bg:#0a0a0f;--secondary-bg:#111118;--accent-purple:#8b5cf6;--accent-purple-light:#a78bfa;--accent-purple-dark:#7c3aed;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-color:#8b5cf633;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--shadow:0 8px 32px #0000004d;--shadow-hover:0 12px 48px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{background:var(--primary-bg);min-height:100vh;color:var(--text-primary);margin:0;padding:0;overflow:hidden}body{background:radial-gradient(circle at 20% 80%, #8b5cf61a 0%, transparent 50%), radial-gradient(circle at 80% 20%, #8b5cf60d 0%, transparent 50%), linear-gradient(135deg, var(--primary-bg) 0%, #0f0f1a 100%)}.browser-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:0 0;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative}.browser-shell:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(135deg,#8b5cf608 0%,#8b5cf603 100%);position:absolute;inset:0}.title-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative}.window-controls{gap:8px;display:flex}.control{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.control:hover{transform:scale(1.1)}.control.red{background:#ef4444}.control.yellow{background:#f59e0b}.control.green{background:#10b981}.window-title{color:var(--text-primary);letter-spacing:.5px;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:600}.window-actions{gap:8px;display:flex}.toolbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 20px;display:flex}.tool-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:500;transition:all .2s;display:flex}.tool-button:hover:not(:disabled){border-color:var(--accent-purple);box-shadow:var(--shadow);background:#8b5cf61a;transform:translateY(-1px)}.tool-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.address-input{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:40px;color:var(--text-primary);border-radius:12px;outline:none;flex:1;padding:0 16px;font-size:14px;transition:all .2s}.address-input::placeholder{color:var(--text-muted)}.address-input:focus{border-color:var(--accent-purple);background:#ffffff14;box-shadow:0 0 0 3px #8b5cf61a}.tabs{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:4px;padding:8px 20px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px 12px 0 0;align-items:center;gap:8px;min-width:120px;max-width:200px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.tab:hover{background:#8b5cf60d;border-color:#8b5cf64d}.tab.active{border-color:var(--accent-purple);color:var(--text-primary);background:linear-gradient(135deg,#8b5cf61a 0%,#8b5cf60d 100%);box-shadow:0 4px 16px #8b5cf633}.tab.active:after{content:"";background:linear-gradient(90deg, var(--accent-purple), var(--accent-purple-light));border-radius:1px 1px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-favicon{border-radius:4px;flex-shrink:0;width:16px;height:16px}.tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tab-close{color:var(--text-muted);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;transition:all .2s;display:flex}.tab-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.tab.add{background:var(--glass-bg);border:1px solid var(--glass-border);justify-content:center;align-items:center;width:40px;height:32px;margin-left:8px;padding:0;font-size:18px;font-weight:600;display:flex}.tab.add:hover{border-color:var(--accent-purple);background:#8b5cf61a}.browser-content{background:0 0;flex-direction:column;flex:1;display:flex;overflow:hidden}.content-container{background:0 0;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;overflow:auto}.webview-container{background:var(--secondary-bg);border-radius:0;flex:1}.browser-webview,.browser-iframe{background:var(--secondary-bg);border:none;border-radius:0;width:100%;height:100%}.content-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);max-width:800px;box-shadow:var(--shadow);border-radius:24px;padding:48px;position:relative;overflow:hidden}.content-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-purple), transparent);height:1px;position:absolute;top:0;left:0;right:0}.content-title{color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-purple-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(2.5rem,4vw,3rem);font-weight:700;line-height:1.1}.content-subtitle{color:var(--accent-purple-light);opacity:.9;margin:0 0 24px;font-size:1.2rem;font-weight:500}.content-body{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.beta-warning{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);text-align:center;padding:16px 20px}.beta-warning-text{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-card{animation:.6s ease-out fadeIn}.tab{animation:.3s ease-out fadeIn}@media (width<=768px){.title-bar,.toolbar,.tabs{padding:12px 16px}.content-container{padding:20px}.content-card{padding:32px 24px}.content-title{font-size:2rem}.tool-button{width:36px;height:36px;font-size:16px}.address-input{height:36px;font-size:13px}.tab{min-width:100px;max-width:150px;padding:6px 12px;font-size:12px}}