.qt-select{position:relative;width:100%;min-width:0}.qt-select>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.qt-select-button{width:100%;min-height:48px;padding:0 14px;border:0;border-radius:8px;background:var(--surface,#fff);color:var(--text,#13232d);display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 11px Manrope,sans-serif;text-align:left}.qt-select-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;transition:.18s}.qt-select.open .qt-select-button svg{transform:rotate(180deg)}.qt-select-menu{position:absolute;z-index:950;left:0;right:0;top:calc(100% + 7px);max-height:260px;overflow:auto;padding:6px;border-radius:8px;background:var(--surface-2,#fff);box-shadow:0 18px 45px rgba(7,20,30,.2);overscroll-behavior:contain}.qt-select-menu button{width:100%;min-height:42px;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--text,#13232d);display:flex;align-items:center;justify-content:space-between;gap:10px;font:650 10px Manrope,sans-serif;text-align:left}.qt-select-menu button:hover,.qt-select-menu button.selected{background:var(--soft,rgba(131,199,214,.14));color:var(--blue,#176380)}.qt-select-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
select[multiple],select[size]:not([size="1"]){width:100%;min-height:160px;padding:8px;border:0;border-radius:8px;background:var(--surface,#fff);color:var(--text,#13232d);font:600 10px Manrope,sans-serif;outline:0}select[multiple] option,select[size]:not([size="1"]) option{padding:10px;border-radius:8px;margin:2px 0}select[multiple] option:checked,select[size]:not([size="1"]) option:checked{background:var(--blue,#176380);color:#fff}
.qt-keyboard{position:fixed;z-index:3000;left:0;right:0;bottom:0;padding:6px max(6px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));background:color-mix(in srgb,var(--surface-2,#fff) 96%,transparent);box-shadow:0 -16px 40px rgba(6,19,28,.22);backdrop-filter:blur(20px);touch-action:none}.qt-keyboard[hidden]{display:none!important}.qt-keyboard-grip{width:42px;height:4px;border-radius:8px;background:color-mix(in srgb,var(--muted,#80909a) 36%,transparent);margin:0 auto 5px}.qt-keyboard-head{min-height:28px;padding:0 5px 4px;display:flex;align-items:center;justify-content:space-between;color:var(--muted,#80909a);font:700 9px Manrope,sans-serif}.qt-keyboard-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-keyboard-head button{width:28px;height:28px;border:0;background:transparent;color:var(--text,#13232d)}.qt-keyboard-head svg,.qt-key svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.qt-keyboard-row{display:flex;justify-content:center;gap:4px;margin:4px 0}.qt-key{height:42px;min-width:0;flex:1;padding:0 3px;border:0;border-radius:8px;background:var(--surface,#fff);color:var(--text,#13232d);box-shadow:0 1px 0 color-mix(in srgb,var(--text,#13232d) 14%,transparent);font:700 15px Manrope,sans-serif}.qt-key:active,.qt-key.active{transform:translateY(1px);background:var(--cyan,#83c7d6);color:#0b2632}.qt-keyboard-actions .qt-key{font-size:10px}.qt-key-action{max-width:52px}.qt-key-language{max-width:54px}.qt-key-space{flex:3}.qt-key-done{max-width:78px;background:var(--blue,#176380);color:#fff}.qt-keyboard-number{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.qt-keyboard-number .qt-key-action,.qt-keyboard-number .qt-key-done{max-width:none}.qt-keyboard-number .qt-key-done{grid-column:span 2}.qt-keyboard-open{padding-bottom:310px!important}
@media(min-width:769px),(pointer:fine){.qt-keyboard{display:none!important}.qt-keyboard-open{padding-bottom:0!important}}

.qt-keyboard-open{padding-bottom:0!important}.qt-keyboard-open .overlay{padding-bottom:var(--qt-keyboard-height,310px)!important}.qt-keyboard-open .friend-chat-compose{position:sticky;bottom:0;z-index:5}


/* 2.1.0 — one arrow only, readable controls, visual viewport aware keyboard */
.qt-select-host::after{display:none!important;content:none!important}
.qt-select-button{min-height:52px!important;padding:0 16px!important;border-radius:8px!important;font-size:14px!important}
.qt-select-button svg{width:20px!important;height:20px!important;flex:0 0 20px!important}
.qt-select-menu{padding:7px!important;border-radius:8px!important}
.qt-select-menu button{min-height:48px!important;padding:11px 13px!important;font-size:14px!important}
.qt-keyboard{max-height:min(48dvh,390px)!important;overflow:auto!important}
.qt-keyboard-head{font-size:12px!important}
.qt-key{height:46px!important;font-size:16px!important}
.qt-keyboard-actions .qt-key{font-size:12px!important}
.qt-keyboard-open .overlay{padding-bottom:0!important}

/* QuizTop 2.3.2 — readable custom keyboard and form controls. */
.qt-keyboard-head{min-height:36px!important;padding:0 8px 6px!important;font-size:13px!important;line-height:1.3!important}
.qt-keyboard-head button{width:34px!important;height:34px!important}
.qt-keyboard-row{gap:5px!important;margin:5px 0!important}
.qt-key{height:46px!important;border-radius:8px!important;font-size:16px!important}
.qt-keyboard-actions .qt-key{font-size:13px!important}
.qt-key-action{max-width:58px!important}.qt-key-language{max-width:62px!important}.qt-key-done{max-width:88px!important;font-size:14px!important}
.qt-select-button,.qt-select-menu button{font-size:15px!important;line-height:1.35!important}

/* QuizTop 2.3.2 — keyboard-safe chat composer and readable controls. */
.qt-keyboard{z-index:3100!important}
.qt-keyboard-open .friend-chat-compose,.qt-keyboard-open .clan-chat-compose{position:fixed!important}
.qt-keyboard-head b{font-size:13px!important}


/* QuizTop geometry unification */
html body .qt-keyboard *,html body .qt-keyboard *::before,html body .qt-keyboard *::after{border-radius:8px!important}
.qt-keyboard-head{min-height:34px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:0 12px!important}
.qt-keyboard-head b{display:none!important}