.virtual-keyboard-hero {background: linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);}
.virtual-keyboard-hero h1 {font-size: 2.5rem;}
@media (max-width: 767.98px) {.virtual-keyboard-hero h1 {font-size: 1.9rem;}}
.virtual-keyboard-hero .lead {color: #4a5568;font-size: 1.1rem;}
@media (max-width: 767.98px) {.virtual-keyboard-hero .lead {font-size: 1rem;}}
.virtual-keyboard-tool {overflow: hidden;border-radius: 1rem;}
@media (max-width: 767.98px) {.virtual-keyboard-tool .card-body {padding: 1.25rem !important;}}
.virtual-keyboard-textarea {min-height: 13rem;padding: 1rem;border-color: #cbd5e1;font-size: 1.05rem;line-height: 1.6;resize: vertical;}
.virtual-keyboard-textarea:focus {border-color: #0d6efd;box-shadow: 0 0 0 .2rem rgba(13,110,253,.15);}
@media (max-width: 767.98px) {.virtual-keyboard-textarea {min-height: 11rem;}}
.virtual-keyboard-panel {padding: 1rem;border: 1px solid #dbe3ec;border-radius: 1rem;background: #eef2f7;}
.virtual-keyboard-panel__header {display: flex;align-items: center;justify-content: space-between;gap: 1rem;margin-bottom: 1rem;}
.virtual-keyboard-panel__scroll {overflow-x: auto;padding: .25rem .15rem .65rem;scrollbar-width: thin;}
.virtual-keyboard-panel__scroll:focus-visible {outline: 3px solid rgba(13,110,253,.25);outline-offset: 2px;}
.virtual-keyboard {min-width: 760px;user-select: none;}
.virtual-keyboard__row {display: flex;gap: .4rem;}
.virtual-keyboard__row + .virtual-keyboard__row {margin-top: .4rem;}
.virtual-keyboard__key {display: flex;align-items: center;justify-content: center;flex: 1 1 0;min-width: 2.65rem;min-height: 3rem;padding: .45rem .35rem;border: 1px solid #cbd5e1;border-bottom-width: 3px;border-radius: .55rem;background: #fff;color: #1e293b;font-size: 1rem;font-weight: 600;line-height: 1;transition: all .12s ease;}
@media (hover: hover) {.virtual-keyboard__key:hover {border-color: #86b7fe;background: #f0f6ff;color: #0d6efd;transform: translateY(-1px);}}
.virtual-keyboard__key:active, .virtual-keyboard__key.is-pressed {border-bottom-width: 1px;background: #dbeafe;transform: translateY(2px);}
.virtual-keyboard__key:focus-visible {outline: 3px solid rgba(13,110,253,.3);outline-offset: 1px;}
.virtual-keyboard__key--wide {flex-grow: 1.55;}
.virtual-keyboard__key--extra-wide {flex-grow: 2.1;}
.virtual-keyboard__key--space {flex-grow: 6;}
.virtual-keyboard__key--active {border-color: #0d6efd;background: #0d6efd;color: #fff;}
@media (hover: hover) {.virtual-keyboard__key--active:hover {background: #0b5ed7;color: #fff;}}
.virtual-keyboard__key-hint {display: block;margin-left: .25rem;color: #64748b;font-size: .65rem;font-weight: 500;}
.virtual-keyboard-status {display: flex;flex-wrap: wrap;gap: .5rem 1rem;color: #64748b;font-size: .8rem;}
.virtual-keyboard-status kbd {background: #475569;}
.virtual-keyboard-benefits .card {border-radius: 1rem;transition: all .2s ease;}
@media (hover: hover) {.virtual-keyboard-benefits .card:hover {transform: translateY(-4px);box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08) !important;}}
.virtual-keyboard-benefit-icon {display: flex;align-items: center;justify-content: center;width: 3.5rem;height: 3.5rem;margin: 0 auto;border-radius: 1rem;font-size: 1.6rem;}
.virtual-keyboard-seo {color: #334155;line-height: 1.7;}
.virtual-keyboard-seo h2 {color: #1e293b;scroll-margin-top: 1.5rem;}
.virtual-keyboard-seo a {color: #0d6efd;}
@media (hover: hover) {.virtual-keyboard-seo a:hover {color: #0a58ca;}}
.virtual-keyboard-contents {margin-top: 1.5rem;padding: 1.25rem 1.5rem;border-left: 4px solid #0d6efd;border-radius: 0 .75rem .75rem 0;background: #f8fafc;}
.virtual-keyboard-contents ol {padding-left: 1.25rem;}
.virtual-keyboard-contents li + li {margin-top: .35rem;}
.virtual-keyboard-table {min-width: 36rem;}
.virtual-keyboard-table thead th {border-bottom-width: 1px;background: #e7f1ff;color: #1e3a5f;}
.virtual-keyboard-table th, .virtual-keyboard-table td {padding: .85rem 1rem;}
.virtual-keyboard-english-note {margin: 1.5rem 0;padding: 1rem 1.25rem;border-left: 4px solid #6f42c1;border-radius: 0 .75rem .75rem 0;background: #f7f3ff;color: #3f2a68;font-style: normal;}
.virtual-keyboard-note {margin-top: 2rem;padding: 1.25rem 1.5rem;border: 1px solid #b6e0c5;border-left: 4px solid #198754;border-radius: .75rem;background: #f1fbf5;}
@media (max-width: 767.98px) {.virtual-keyboard-panel {margin-right: -.25rem;margin-left: -.25rem;padding: .85rem .65rem;}
	.virtual-keyboard-panel__header {align-items: flex-start;}
	.virtual-keyboard {min-width: 700px;}
	.virtual-keyboard__key {min-height: 2.8rem;}
	.virtual-keyboard-contents {padding: 1rem;}}