*{font-family:var(--font-family)}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.app-header{background-color:var(--color-bg-secondary);padding:var(--spacing-xl) var(--spacing-3xl);box-shadow:var(--shadow-heavy);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.app-header h1{color:var(--color-text-accent);margin:0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bolder)}.language-selector{display:flex;align-items:center;gap:10px;background-color:var(--color-border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid #3d3d3d}.language-selector label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:13px}.language-selector select{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid #4d4d4d;border-radius:var(--border-radius-sm);background-color:var(--color-border);color:var(--color-text-primary);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.language-selector select:hover{border-color:var(--color-text-accent)}.language-selector select:focus{outline:none;border-color:var(--color-text-accent);box-shadow:0 0 0 2px #bb86fc33}.main-content{flex:1;padding:var(--spacing-3xl) var(--spacing-xl);display:flex;flex-direction:column;align-items:center;background-color:var(--color-bg-primary)}.app-footer{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);text-align:center;padding:var(--spacing-2xl);margin-top:auto;border-top:1px solid var(--color-border);font-size:13px}.app-footer p{margin:0}@media (max-width: 768px){.app-header{flex-direction:column;text-align:center;padding:var(--spacing-xl)}.app-header h1{font-size:1.6rem}.language-selector{justify-content:center;width:100%;max-width:280px}.main-content{padding:var(--spacing-xl) 12px}}.popover-content-wrapper{padding:20px;min-height:100vh;box-sizing:border-box}@media (max-width: 768px){.popover-content-wrapper{padding:16px}}@media (max-width: 480px){.popover-content-wrapper{padding:12px}}@media (max-width: 480px){.app-header{padding:var(--spacing-lg)}.app-header h1{font-size:1.4rem}.language-selector{flex-direction:column;gap:var(--spacing-sm);padding:10px}.language-selector label{text-align:center}.language-selector select{width:100%}}:root{--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #1a1a1a;--color-bg-card: #252525;--color-bg-button: #2c2c2c;--color-border: #2d2d2d;--color-border-light: #333;--color-border-lighter: #444;--color-text-primary: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-tertiary: #888;--color-text-accent: #bb86fc;--color-text-highlight: #4ec9b0;--color-text-modifier: #dcdcaa;--color-primary: #6200ee;--color-primary-hover: #3700b3;--color-primary-shadow: rgba(98, 0, 238, .3);--color-proficient: #4caf50;--color-proficient-half: #2196f3;--font-family: "Lato", sans-serif;--font-size-xs: .8em;--font-size-sm: .85em;--font-size-base: .9em;--font-size-md: 1em;--font-size-lg: 1.1em;--font-size-xl: 1.2em;--font-size-2xl: 1.4em;--font-size-3xl: 1.5em;--font-size-4xl: 1.8em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--font-weight-bolder: 700;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 18px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--border-radius-sm: 4px;--border-radius-md: 6px;--shadow-light: 0 2px 6px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .3);--shadow-heavy: 0 2px 10px rgba(0, 0, 0, .3);--transition-fast: .2s ease}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}html,body,.app-container,.main-content,.popover-content-wrapper,.character-display{overflow:auto}