:root{--color-primary:#1f3557;--color-accent:#2e7d5b;--page:#f9f9f7;--surface:#fcfcfb;--card:#fff;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--hairline:#e1e0d9;--border:hsla(0,0%,4%,.1);--good:#0ca30c;--good-text:#006300;--critical:#d03b3b;--r:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--ink);min-height:100vh}.container{max-width:480px;margin:0 auto;padding:20px 16px 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:16px;margin-bottom:12px}.card h3{font-size:13px;color:var(--color-primary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px}.small{font-size:13px;color:var(--ink-2)}.tiny{font-size:11.5px;color:var(--muted)}.appbar{background:var(--color-primary);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}.logo-mark{width:30px;height:30px;border-radius:8px;background:hsla(0,0%,100%,.14);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;letter-spacing:.4px}.track{height:10px;background:#eef1f5;border-radius:5px;overflow:hidden;position:relative}.fill{height:100%;background:#2a78d6;border-radius:0 4px 4px 0}.fill.target{position:absolute;top:0;width:2px;background:var(--color-primary)}.statgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-bottom:12px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:12px}.stat .v{font-size:24px;font-weight:800;color:var(--color-primary);line-height:1.1}.stat .l{font-size:11.5px;color:var(--ink-2);margin-top:3px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.pill.green{background:rgba(12,163,12,.12);color:var(--good-text)}.pill.red{background:rgba(208,59,59,.12);color:var(--critical)}.pill.amber{background:rgba(250,178,25,.16);color:#7a5600}.pill.blue{background:rgba(42,120,214,.12);color:#184f95}.pill.navy{background:rgba(31,53,87,.09);color:var(--color-primary)}.kitline{font-size:12px;color:var(--ink-2);margin-top:4px;background:rgba(31,53,87,.05);border-radius:7px;padding:4px 8px;display:inline-block}.rolebar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px 16px;max-width:480px;margin:0 auto}.role-chip{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer;font-family:inherit}.role-chip.active{color:#fff;border-color:var(--color-primary)}.role-chip.active,.tabs{background:var(--color-primary)}.tabs{display:flex;max-width:480px;margin:0 auto;padding:0 8px;border-radius:12px 12px 0 0}.tab{flex:1 1;text-align:center;padding:10px 2px 12px;font-size:12px;font-weight:600;color:hsla(0,0%,100%,.62);cursor:pointer;border:0;background:transparent;border-bottom:3px solid transparent;font-family:inherit}.tab.active{color:#fff;border-bottom-color:var(--color-accent)}.screen{padding-top:14px}.btn{border:0;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.btn.primary{background:var(--color-accent);color:#fff}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--ink-2)}.btn.ghost.sel{border-color:var(--good);color:var(--good-text);background:rgba(12,163,12,.08)}.btn.ghost.selno{border-color:var(--critical);color:var(--critical);background:rgba(208,59,59,.07)}.btn.sm{padding:6px 11px;font-size:12px}.btn.sm,.dot{border-radius:8px}.dot{width:30px;height:30px;border:1.5px solid var(--hairline);background:var(--card);font-size:13px;font-weight:700;color:var(--ink-2);cursor:pointer;font-family:inherit}.dot.on{background:#2a78d6;border-color:#2a78d6;color:#fff}.ava{width:30px;height:30px;border-radius:50%;flex:none;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff}.ava,.sess{display:flex}.sess{gap:12px;padding:11px 0;border-bottom:1px solid var(--hairline);align-items:flex-start}.sess:last-child{border-bottom:0}.datebox{flex:none;width:46px;text-align:center;background:rgba(31,53,87,.07);border-radius:10px;padding:6px 0}.datebox .d{font-size:16px;font-weight:800;color:var(--color-primary)}.datebox .m{font-size:10px;font-weight:700;color:var(--ink-2);text-transform:uppercase}.msg{margin-bottom:10px;max-width:88%}.msg .bubble{padding:9px 12px;border-radius:13px;font-size:13px;line-height:1.45}.msg.in .bubble{background:#eef1f5;border-bottom-left-radius:4px}.msg.out{margin-left:auto}.msg.out .bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.msg .meta{font-size:10.5px;color:var(--muted);margin-top:3px;padding:0 4px}.msg.out .meta{text-align:right}textarea{width:100%;border:1px solid var(--hairline);border-radius:10px;padding:9px;font:inherit;font-size:13px;resize:vertical;min-height:56px;background:var(--card)}.note{font-size:12.5px;color:var(--ink-2);background:rgba(46,125,91,.07);border:1px solid rgba(46,125,91,.2);border-radius:10px;padding:9px 11px;margin-bottom:12px;line-height:1.45}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(80px);background:var(--color-primary);color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:.28s;opacity:0;z-index:50}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}