/* Keyboard settings v2: fresh visual system, preserving preference-control IDs. */
body.keyboard-settings-page{background:radial-gradient(ellipse at 8% -5%,rgba(29,193,238,.15),transparent 37%),radial-gradient(ellipse at 100% 38%,rgba(71,101,232,.08),transparent 35%),linear-gradient(155deg,#040b16,#07182a 56%,#061321)!important}
body.keyboard-settings-page .keyboard-shell{width:min(900px,100%)}
body.keyboard-settings-page .keyboard-header{margin-bottom:20px}
body.keyboard-settings-page .keyboard-back{margin-bottom:14px;border-color:rgba(91,215,248,.2);border-radius:14px;background:rgba(8,28,47,.8);box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .18s,border-color .18s}
body.keyboard-settings-page .keyboard-back:hover{transform:translateX(-2px);border-color:rgba(73,223,255,.48)}
body.keyboard-settings-page .keyboard-title{position:relative;isolation:isolate;overflow:hidden;padding:clamp(22px,4vw,34px);border-color:rgba(91,215,248,.23);border-radius:27px;background:radial-gradient(circle at 100% 0%,rgba(23,189,236,.2),transparent 43%),linear-gradient(125deg,rgba(10,35,58,.98),rgba(6,20,37,.98));box-shadow:0 24px 60px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.06)}
body.keyboard-settings-page .keyboard-title:after{content:"⌨";position:absolute;z-index:-1;right:clamp(18px,4vw,38px);bottom:-25px;color:rgba(86,223,255,.09);font-size:clamp(95px,18vw,170px);line-height:1;transform:rotate(-9deg)}
body.keyboard-settings-page .keyboard-title h1{font-size:clamp(1.75rem,5vw,2.45rem);letter-spacing:-.055em}
body.keyboard-settings-page .keyboard-title p{max-width:460px;font-size:.92rem}
body.keyboard-settings-page .keyboard-preview-panel,body.keyboard-settings-page .keyboard-settings-card{position:relative;margin:17px 0;padding:clamp(17px,3.5vw,27px);border-color:rgba(104,203,239,.16);border-radius:25px;background:linear-gradient(145deg,rgba(10,30,50,.94),rgba(5,17,31,.97));box-shadow:0 20px 50px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.035);animation:keyboardCardEnter .48s ease-out both}
body.keyboard-settings-page .keyboard-preview-panel{animation-delay:.04s}
body.keyboard-settings-page .keyboard-settings-card:nth-of-type(3){animation-delay:.1s}
body.keyboard-settings-page .keyboard-settings-card:nth-of-type(4){animation-delay:.16s}
body.keyboard-settings-page .keyboard-section-heading h2{font-size:1.18rem;letter-spacing:-.03em}
body.keyboard-settings-page .keyboard-preview-live{padding:6px 10px;box-shadow:0 0 18px rgba(39,211,162,.08)}
body.keyboard-settings-page .keyboard-preview-chat{padding:clamp(13px,3vw,19px);border-color:rgba(89,202,238,.15);border-radius:21px;background:radial-gradient(ellipse at 100% 0%,rgba(0,185,239,.11),transparent 44%),linear-gradient(150deg,#061525,#091c30)}
body.keyboard-settings-page .keyboard-preview-bubble{max-width:86%;padding:13px 15px;border:1px solid rgba(81,214,248,.15);border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,#0d3e5a,#125078);box-shadow:0 8px 20px rgba(0,0,0,.12)}
body.keyboard-settings-page .keyboard-preview-composer{min-height:54px;padding:7px;border-radius:19px;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:border-color .2s,box-shadow .2s}
body.keyboard-settings-page .keyboard-preview-composer .keyboard-preview-send{width:35px;height:35px;border-radius:50%;box-shadow:0 4px 12px rgba(0,185,239,.18)}
body.keyboard-settings-page .keyboard-preview-keys{gap:6px;margin-top:14px}
body.keyboard-settings-page .keyboard-preview-keys span{min-height:36px;border-color:rgba(121,185,217,.13);border-radius:9px;background:linear-gradient(180deg,rgba(29,55,77,.98),rgba(17,38,58,.98));box-shadow:0 2px 0 rgba(0,0,0,.2)}
body.keyboard-settings-page .keyboard-note{padding:10px 12px;border:1px solid rgba(99,199,234,.1);border-radius:13px;background:rgba(7,25,42,.55)}
body.keyboard-settings-page .keyboard-theme-grid{gap:12px}
body.keyboard-settings-page .keyboard-theme-choice{position:relative;gap:8px;padding:11px;border-color:rgba(100,205,241,.14);border-radius:18px;background:linear-gradient(150deg,rgba(11,33,54,.94),rgba(6,20,36,.96));transition:transform .2s,border-color .2s,box-shadow .2s}
body.keyboard-settings-page .keyboard-theme-choice:hover{transform:translateY(-3px);border-color:rgba(87,210,255,.34);box-shadow:0 12px 24px rgba(0,0,0,.16)}
body.keyboard-settings-page .keyboard-theme-choice[aria-pressed=true]{border-color:#49dcff;box-shadow:0 0 0 2px rgba(56,220,255,.1),0 12px 28px rgba(0,185,239,.12)}
body.keyboard-settings-page .keyboard-theme-choice[aria-pressed=true]:after{content:"✓ Selected";position:absolute;top:8px;right:8px;padding:4px 6px;border:1px solid rgba(127,238,255,.22);border-radius:8px;background:rgba(3,20,33,.84);color:#8ceeff;font-size:8px;font-weight:900;letter-spacing:.03em}
body.keyboard-settings-page .keyboard-theme-art{height:75px;padding:10px;border-radius:13px;box-shadow:inset 0 1px rgba(255,255,255,.06)}
body.keyboard-settings-page .keyboard-theme-choice strong{font-size:.9rem}
body.keyboard-settings-page .keyboard-toggle-row{gap:13px;padding:16px 3px;border-top-color:rgba(100,205,241,.09)}
body.keyboard-settings-page .keyboard-toggle-icon{border-color:rgba(56,220,255,.18);border-radius:14px;background:linear-gradient(145deg,rgba(56,220,255,.1),rgba(56,220,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.035)}
body.keyboard-settings-page .keyboard-toggle-copy strong{font-size:.92rem}
body.keyboard-settings-page .keyboard-switch{flex-basis:46px;width:46px;height:27px}
body.keyboard-settings-page .keyboard-switch:after{width:19px;height:19px}
body.keyboard-settings-page .keyboard-toggle-row input:checked+.keyboard-switch:after{transform:translateX(19px)}
body.keyboard-settings-page .keyboard-reset{padding:11px 15px;border-color:rgba(100,205,241,.2);border-radius:13px;transition:background .18s,border-color .18s}
body.keyboard-settings-page .keyboard-reset:hover{border-color:rgba(87,210,255,.38);background:rgba(56,220,255,.07)}
body.keyboard-settings-page .keyboard-lock-badge{display:grid;place-items:center;position:absolute;right:8px;bottom:8px;width:25px;height:25px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(2,13,24,.88);font-size:11px}
@keyframes keyboardCardEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){body.keyboard-settings-page .keyboard-title{padding:21px;border-radius:22px}body.keyboard-settings-page .keyboard-preview-panel,body.keyboard-settings-page .keyboard-settings-card{padding:16px 13px;border-radius:21px}body.keyboard-settings-page .keyboard-theme-grid{gap:9px}body.keyboard-settings-page .keyboard-theme-art{height:62px}body.keyboard-settings-page .keyboard-toggle-row{gap:10px}body.keyboard-settings-page .keyboard-toggle-icon{flex-basis:35px;width:35px;height:35px}}
@media(prefers-reduced-motion:reduce){body.keyboard-settings-page .keyboard-preview-panel,body.keyboard-settings-page .keyboard-settings-card{animation:none}body.keyboard-settings-page .keyboard-theme-choice{transition:none}}