html{font-size:17px}.page{min-height:100%;padding-top:env(safe-area-inset-top);flex-direction:column;display:flex}.page.center{text-align:center;justify-content:center;align-items:center;padding:24px 16px}.muted{color:var(--muted)}.small{font-size:.88rem}h1{margin:.2em 0 .6em;font-size:1.7rem}h2{margin:1.2em 0 .2em;font-size:1.25rem}h3{margin:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:2;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.brand{color:var(--green-dark);font-weight:800}.conn{font-size:.85rem}.conn.ok{color:var(--green)}.conn.bad{color:var(--red)}.content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:16px 16px 110px}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:3;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px 8px;font-size:.8rem;display:flex}.tabs button.active{color:var(--green-dark);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.card-title{font-size:1.2rem;font-weight:700}.cards{gap:12px;display:grid}.call-card{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.call-card .btn{flex:100%;min-height:56px;font-size:1.1rem}@media (width>=560px){.call-card .btn{flex:none}}.presence{font-size:.9rem}.presence.ok{color:var(--green)}.presence.bad{color:var(--muted)}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.row-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form{text-align:left;flex-direction:column;gap:14px;display:flex}.narrow{width:100%;max-width:420px}label{flex-direction:column;gap:6px;font-weight:600;display:flex}label.switch{flex-direction:row;align-items:center;gap:10px}label.switch input{width:24px;height:24px}input:not([type=checkbox]),select{font:inherit;border:1.5px solid var(--line);background:#fff;border-radius:12px;min-height:44px;padding:10px 12px;font-size:16px;font-weight:400}input[type=checkbox]{width:22px;height:22px;accent-color:var(--green)}.btn-l{border-radius:999px;min-width:150px;min-height:64px;font-size:1.3rem}.btn-s{min-height:38px;padding:6px 12px;font-size:.9rem}.btn-plain.danger{color:var(--red)}.link{color:var(--green-dark);background:0 0;border:0;margin-left:12px;font-weight:700}.notice{background:#e8f1ea;border:1px solid #c6dccb;border-radius:14px;align-self:center;width:calc(100% - 32px);max-width:728px;margin:12px 16px 0;padding:12px 16px}.content .notice{width:100%;margin:0}.callscreen h1{font-size:2rem}.callscreen{gap:24px}.avatar-xl{border:6px solid #fff;width:min(55vw,260px);height:min(55vw,260px);font-size:6rem}.avatar-l{width:140px;height:140px;font-size:3.5rem}.avatar-m{width:64px;height:64px;font-size:1.7rem}.avatar-s{width:42px;height:42px;font-size:1.1rem}.call .self{width:28vw;max-width:160px;top:calc(16px + env(safe-area-inset-top))}.tag{color:var(--green-dark);background:#e8f1ea;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.tag.bad{color:var(--red);background:#f8e3e1}.member{border-bottom:1px solid var(--line);padding:6px 0}.member:last-child{border-bottom:0}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 6px}.members td:not(:first-child),.members th:not(:first-child){text-align:center;width:90px}.pairing-code{text-align:center;background:#f3efe6;border-radius:14px;padding:14px}.pairing-code .code{letter-spacing:.15em;font-family:ui-monospace,monospace;font-size:2.2rem;font-weight:800}ul.plain{margin:0;padding:0;list-style:none}