:root{color:#fff;background:#07192c;font-family:Inter,system-ui,sans-serif}html,body{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;overflow:hidden}*,:before,:after{box-sizing:border-box}main{grid-template-rows:auto minmax(0,1fr);gap:clamp(12px,2.5dvh,28px);width:100vw;height:100dvh;max-height:100dvh;padding:clamp(12px,2.5dvh,30px);display:grid;overflow:hidden}.welcome{text-align:center;grid-template-rows:1fr;place-content:center}.welcome code{color:#55e0b1;overflow-wrap:anywhere;font-size:clamp(14px,2.5vw,24px)}.display-header{justify-content:space-between;align-items:center;gap:clamp(8px,1.5dvh,18px);min-width:0;font-size:clamp(16px,2.5dvh,28px);display:flex}.display-header b{color:#55e0b1;overflow-wrap:anywhere;flex:1;min-width:0}.display-header>span{color:#aebdcb;text-align:right;overflow-wrap:anywhere;flex:1;min-width:0;font-size:clamp(14px,2dvh,22px)}.connection{font-size:clamp(11px,1.5dvh,16px);font-style:normal;display:inline-block}.display-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(12px,2.5dvh,28px);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.current-call,.call-history{border-radius:clamp(12px,2.5dvh,24px);min-width:0;height:100%;min-height:0;padding:clamp(12px,2.8dvh,30px)}.current-call{text-align:center;background:#0f2945;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2dvh,22px);display:flex;container-type:inline-size}.current-call small{color:#55e0b1;font-size:clamp(13px,2dvh,22px)}.current-call h1{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(32px,min(16cqw,18dvh),180px);line-height:1.4}.current-call h2{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:clamp(18px,min(6cqw,5dvh),52px);line-height:1.4}.call-history{color:#10233f;background:#fff;flex-direction:column;gap:clamp(6px,1dvh,12px);display:flex}.call-history h3{overflow-wrap:anywhere;margin:0 0 clamp(4px,1dvh,12px);font-size:clamp(16px,2.5dvh,26px);line-height:1.4}.call-history p{border-top:1px solid #e5eaf0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(6px,1dvh,12px);margin:0;padding:clamp(6px,1.5dvh,16px) 0;font-size:clamp(15px,min(2vw,2.7dvh),28px);line-height:1.4;display:grid}.call-history p span,.call-history p b{overflow-wrap:anywhere;min-width:0}.call-history p b{text-align:right}.call-history p:nth-of-type(n+6){display:none}.waiting-call{color:#aebdcb}@media (max-height:950px){.call-history p:nth-of-type(n+5){display:none}}@media (max-height:800px){.call-history p:nth-of-type(n+4){display:none}}@media (max-width:800px){.display-grid{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.current-call h1{font-size:clamp(28px,min(16cqw,10dvh),100px)}.current-call h2{font-size:clamp(16px,3dvh,32px)}.call-history p{padding-block:clamp(3px,.5dvh,6px)}.call-history p:nth-of-type(n+4){display:none}}