.portal{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.chrome{flex:0 0 auto;display:flex;align-items:center;gap:.65rem;padding:.4rem .55rem .35rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30}.tab-strip{display:flex;align-items:stretch;gap:.3rem;min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin;padding-bottom:.1rem}.tab{position:relative;display:inline-flex;align-items:center;gap:.4rem;max-width:11rem;min-width:5.5rem;height:2.15rem;padding:0 .35rem 0 .65rem;border:1px solid transparent;border-radius:.65rem .65rem .35rem .35rem;background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--muted);font-family:DM Sans,system-ui,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .14s ease,color .14s ease,border-color .14s ease}.tab:hover{color:var(--text);background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)}.tab[data-active=true]{color:var(--text);background:color-mix(in srgb,var(--tab-accent, var(--accent)) 16%,var(--bg-elevated));border-color:color-mix(in srgb,var(--tab-accent, var(--accent)) 40%,var(--border))}.tab-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--tab-accent, var(--accent));flex-shrink:0}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tab-close{display:grid;place-items:center;width:1.25rem;height:1.25rem;margin-left:auto;border-radius:.35rem;font-size:.95rem;line-height:1;color:var(--muted);flex-shrink:0}.tab-close:hover{color:var(--text);background:color-mix(in srgb,var(--text) 12%,transparent)}.tab-new{min-width:2.15rem;max-width:2.15rem;padding:0;justify-content:center;font-size:1.15rem;font-weight:500;color:var(--muted)}.tab-new[data-active=true]{color:var(--text);border-color:var(--border);background:var(--bg-elevated)}.chrome-actions{display:flex;align-items:center;gap:.55rem;flex-shrink:0}.chrome-link{font-family:DM Sans,system-ui,sans-serif;font-size:.75rem;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid var(--border);border-radius:999px;padding:.3rem .65rem;white-space:nowrap}.chrome-link:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.stage{position:relative;flex:1;min-height:0;background:var(--bg)}.site-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000;opacity:0;pointer-events:none;z-index:1}.site-frame[data-active=true]{opacity:1;pointer-events:auto;z-index:2}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:auto;padding:1rem 1rem 2rem;background:radial-gradient(1000px 520px at 8% -8%,rgba(45,212,191,.12),transparent 55%),radial-gradient(800px 480px at 92% 0%,rgba(56,189,248,.1),transparent 50%),var(--bg)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.85rem}.site-card{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:8.5rem;padding:1rem 1rem 1.1rem;border-radius:1rem;border:1px solid var(--border);background:linear-gradient(165deg,color-mix(in srgb,var(--card-accent) 18%,transparent),color-mix(in srgb,var(--bg-elevated) 88%,transparent) 42%);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.site-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 55%,var(--border));box-shadow:0 14px 36px #00000047}.site-card[data-live=true]{border-color:color-mix(in srgb,var(--card-accent) 55%,var(--border))}.site-card-mark{width:1.65rem;height:1.65rem;border-radius:.55rem;margin-bottom:.55rem;background:color-mix(in srgb,var(--card-accent) 75%,white 10%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--card-accent) 40%,transparent)}.site-card-name{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;letter-spacing:-.02em;line-height:1.1}.site-card-host{font-size:.72rem;color:var(--muted);word-break:break-all}.site-card-blurb{margin-top:auto;padding-top:.55rem;font-size:.82rem;color:color-mix(in srgb,var(--muted) 88%,var(--text))}.site-card-badge{position:absolute;top:.7rem;right:.7rem;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--card-accent);border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);border-radius:999px;padding:.15rem .45rem;background:color-mix(in srgb,var(--bg) 70%,transparent)}@media (max-width: 640px){.chrome{gap:.4rem;padding:.35rem .4rem}.tab{min-width:4.5rem;max-width:8.5rem}.grid-overlay{padding:.75rem .75rem 1.75rem}.grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.65rem}.site-card{min-height:7.75rem;padding:.85rem}}@media (prefers-reduced-motion: reduce){.site-card,.tab{transition:none}}:root{--bg: #071018;--bg-elevated: #0f1a26;--text: #e7eef7;--muted: #8fa3b8;--accent: #2dd4bf;--border: rgba(143, 163, 184, .2);--radius: .75rem;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{min-width:320px;overflow:hidden;background:var(--bg)}button,a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:2px}