@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');
.browser{/*width:820px;max-width:92vw;*/max-width:100%;border-radius:14px;background:#1a1e26;box-shadow:0 25px 60px rgba(0,0,0,.28),0 8px 20px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.04);overflow:hidden;}
.titlebar{height:44px;background:linear-gradient(180deg,#2a2e36,#22262e);border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;padding:0 16px;gap:8px;user-select:none;}
.dot{width:12px;height:12px;border-radius:50%;}.dot-r{background:#ff5f57;}.dot-y{background:#febc2e;}.dot-g{background:#28c840;}
.titlebar-text{margin-left:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.55);}
.content{position:relative;/*height:480px;*/height:calc(100% - 40px);background:#0a0e14;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#e0e0e0;}
.bg-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;}
.bg-glow{position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:.08;pointer-events:none;}