@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap");:root{color-scheme:light;--bg:hsl(210 20% 98%);--fg:hsl(220 25% 10%);--card:#fff;--primary:hsl(185 75% 48%);--muted:hsl(220 14% 94%);--mfg:hsl(220 10% 46%);--border:hsl(220 14% 90%);--accent:hsl(185 75% 95%);--danger:hsl(0 72% 55%)}*{box-sizing:border-box}body,html{background:var(--bg);color:var(--fg)}body{margin:0;font-family:DM Sans,system-ui,sans-serif}h1,h2,h3{font-family:Space Grotesk,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:720px;margin:0 auto;padding:16px}button,input,select,textarea{font:inherit;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--fg);padding:10px 12px}button{cursor:pointer;background:var(--primary);color:#fff;border:none;font-weight:600}button.ghost{background:#fff;color:var(--mfg);border:1px solid var(--border)}.row{gap:8px;align-items:center}.col,.row{display:flex}.col{flex-direction:column;gap:10px}.sp{flex:1 1}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.muted{color:var(--mfg);font-size:13px}.tabs{display:flex;gap:6px;overflow-x:auto;margin:12px 0}.tab{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--fg);white-space:nowrap}.tab.on{background:var(--primary);color:#fff;border-color:var(--primary)}.item{display:flex;gap:10px;padding:12px;border-bottom:1px solid var(--border)}.item:hover{background:var(--accent)}.badge{background:var(--primary);color:#fff;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700}.msgs{display:flex;flex-direction:column;gap:6px;padding:12px 0 90px}.b{max-width:75%;padding:8px 12px;border-radius:16px;white-space:pre-wrap}.in{background:var(--muted);color:var(--fg);align-self:flex-start}.out{background:var(--primary);align-self:flex-end;color:#fff}.composer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:10px}.err{color:var(--danger);font-size:13px}.pw-wrap{position:relative;width:100%}.pw-wrap .pw-toggle{position:absolute;right:0;top:0;height:100%;padding:0 12px;background:transparent!important;border:0!important;box-shadow:none!important;color:hsl(var(--muted-foreground,220 10% 45%));display:flex;align-items:center;cursor:pointer;min-width:0;width:auto}.pw-wrap .pw-toggle:hover{color:hsl(var(--foreground,220 25% 10%))}