html,body{margin:0;padding:0}:root{--bg:#282828;--fg:#ebdbb2;--green:#a7c080;--yellow:#fabd2f;--orange:#fe8019;--red:#fb4934;--muted:#a89984;--card:#3c3836;color:var(--fg);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{width:100%;min-height:100vh}.user-bar{justify-content:flex-end;align-items:center;gap:.75rem;max-width:640px;margin:0 auto;padding:.75rem 1rem 0;display:flex}.btn-sm{min-height:36px;margin-top:0;padding:.35rem .75rem;font-size:.85rem}.greeter{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.greeter-card{background:var(--card);text-align:center;border:1px solid #504945;border-radius:12px;width:100%;max-width:400px;padding:2rem 1.5rem}.greeter-card h1{color:var(--yellow);margin:0 0 .5rem}.app-shell{max-width:640px;margin:0 auto;padding:1.5rem 1rem 4rem}.app-header h1{color:var(--yellow);margin:0 0 .25rem;font-size:1.5rem}.tagline{color:var(--muted);margin:0 0 1.5rem}.card{background:var(--card);border:1px solid #504945;border-radius:10px;margin-bottom:1rem;padding:1rem 1.15rem}.card h2{margin:0 0 .75rem;font-size:1.1rem}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.ok{color:var(--green);font-weight:600}.bad{color:var(--red);font-weight:600}.muted{color:var(--muted);font-size:.9rem}.btn{color:var(--fg);cursor:pointer;background:#504945;border:1px solid #665c54;border-radius:8px;min-height:44px;margin-top:.5rem;margin-right:.5rem;padding:.6rem 1.1rem;font-size:.95rem}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:#458588;border-color:#83a598;font-weight:600}.btn.danger{background:#9d0006;border-color:#fb4934}.talk-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.level-wrap{background:#504945;border-radius:4px;height:8px;margin-top:.75rem;overflow:hidden}.level-bar{background:var(--green);height:100%;transition:width 50ms linear}.transcript{max-height:40vh;margin:0;padding:0;list-style:none;overflow-y:auto}.transcript li{background:#282828;border-radius:8px;margin-bottom:.65rem;padding:.5rem .65rem}.transcript li.user{border-left:3px solid #83a598}.transcript li.assistant{border-left:3px solid var(--yellow)}.transcript .role{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.2rem;font-size:.7rem;display:block}.debug{max-height:12rem;color:var(--muted);background:#1d2021;border-radius:6px;padding:.5rem;font-size:.7rem;overflow:auto}.pwa-update-banner{z-index:9999;background:var(--yellow);color:#1d2021;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0}.pwa-update-btn,.pwa-dismiss-btn{cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;font-weight:700}.pwa-update-btn{color:var(--yellow);background:#1d2021}.pwa-dismiss-btn{color:#1d2021;background:0 0;border:1px solid #1d2021}