@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.info-section-clickable{cursor:pointer}.btn-end-session{width:100%;margin-top:var(--spacing-3);min-width:0}.info-message{display:flex;align-items:center;gap:12px;padding:16px 0;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:var(--radius-lg)}.info-message-icon{font-size:1.5rem;flex-shrink:0}.info-message-text{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}body.light-theme .info-message{background:rgba(var(--accent-primary-rgb),.08)}.filter-toggle-btn{margin-bottom:var(--spacing-5);width:100%}.filter-container{margin-bottom:var(--spacing-5);padding:var(--spacing-5);background:#ffffff0d;border-radius:var(--radius-xl)}body.light-theme .filter-container{background:#0000000d}.preview-body{padding:var(--spacing-6)}.warning-banner-preview{background:var(--color-warning-bg);color:var(--color-warning-dark);padding:var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid var(--color-warning);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-2)}.stats-section{background:var(--surface-muted);padding:var(--spacing-5);border-radius:var(--radius-xl);margin:var(--spacing-4) 0}.stats-section h3{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stats-section h4{margin:var(--spacing-5) 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-icon)}.difficulty-bars{display:flex;flex-direction:column;gap:var(--spacing-3)}.difficulty-bar{display:grid;grid-template-columns:120px 1fr 50px;align-items:center;gap:var(--spacing-3)}.bar-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.bar-container{height:24px;background:var(--card-bg);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--card-border)}.bar-fill{height:100%;transition:width var(--transition-normal);border-radius:var(--radius-full)}.bar-fill.beginner{background:var(--gradient-success)}.bar-fill.intermediate{background:linear-gradient(135deg,#f59e0b,#d97706)}.bar-fill.advanced{background:linear-gradient(135deg,#ef4444,#dc2626)}.bar-fill.fill-0{width:0%}.bar-fill.fill-5{width:5%}.bar-fill.fill-10{width:10%}.bar-fill.fill-15{width:15%}.bar-fill.fill-20{width:20%}.bar-fill.fill-25{width:25%}.bar-fill.fill-30{width:30%}.bar-fill.fill-35{width:35%}.bar-fill.fill-40{width:40%}.bar-fill.fill-45{width:45%}.bar-fill.fill-50{width:50%}.bar-fill.fill-55{width:55%}.bar-fill.fill-60{width:60%}.bar-fill.fill-65{width:65%}.bar-fill.fill-70{width:70%}.bar-fill.fill-75{width:75%}.bar-fill.fill-80{width:80%}.bar-fill.fill-85{width:85%}.bar-fill.fill-90{width:90%}.bar-fill.fill-95{width:95%}.bar-fill.fill-100{width:100%}.bar-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:right}.preview-content{margin-top:var(--spacing-4)}.preview-tabs{display:flex;gap:var(--spacing-2);border-bottom:2px solid var(--card-border);margin-bottom:var(--spacing-4)}.preview-tab{padding:var(--spacing-3) var(--spacing-5);background:transparent;border:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.preview-tab:hover{color:var(--text-primary)}.preview-tab.active{color:var(--color-icon);border-bottom-color:var(--color-icon)}.sentence-preview-list{display:flex;flex-direction:column;gap:var(--spacing-3);max-height:400px;overflow-y:auto;padding:var(--spacing-2)}.sentence-preview-item{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.sentence-preview-header{display:flex;align-items:center;justify-content:space-between}.sentence-preview-difficulty{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase}.sentence-preview-difficulty.beginner{background:var(--color-success-bg);color:var(--color-success-dark)}.sentence-preview-difficulty.intermediate{background:var(--color-warning-bg);color:var(--color-warning-dark)}.sentence-preview-difficulty.advanced{background:var(--color-danger-bg);color:var(--color-danger-dark)}.sentence-preview-text{font-size:var(--font-size-base);color:var(--text-primary);line-height:var(--line-height-relaxed)}.json-editor-container{margin-top:var(--spacing-4)}.json-editor{width:100%;min-height:400px;max-height:600px;padding:var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--text-primary);resize:vertical}.json-editor:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}body.light-theme .json-editor:focus{box-shadow:0 0 0 3px #ff8c0033}.preview-body+.modal-footer{padding:var(--spacing-5);border-top:1px solid var(--card-border);display:flex;gap:var(--spacing-3);justify-content:space-between;align-items:center}.json-toggle-btn{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--text-primary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.json-toggle-btn:hover{background:var(--option-bg-hover);transform:translateY(-1px)}.footer-actions{display:flex;gap:var(--spacing-3)}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.difficulty-bar{grid-template-columns:100px 1fr 40px;gap:var(--spacing-2)}.bar-label{font-size:var(--font-size-xs)}.preview-tabs{overflow-x:auto}.preview-tab{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm)}.preview-body+.modal-footer{flex-direction:column;align-items:stretch}.footer-actions{width:100%}.footer-actions .btn{flex:1}}.model-select{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--option-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.language-selector select{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--option-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}:root{--color-primary: #FF8C00;--color-primary-dark: #E67300;--color-primary-light: #FFB347;--color-primary-50: rgba(255, 140, 0, .1);--color-primary-100: rgba(255, 140, 0, .2);--color-secondary: #E63946;--color-secondary-dark: #C62828;--color-secondary-light: #FF6B6B;--color-accent: #FFD700;--color-accent-dark: #FFC107;--color-accent-light: #FFEB3B;--color-success: #10B981;--color-success-dark: #059669;--color-success-light: #34D399;--color-success-bg: #D1FAE5;--color-danger: #EF4444;--color-danger-dark: #DC2626;--color-danger-light: #F87171;--color-danger-bg: #FEE2E2;--color-warning: #F59E0B;--color-warning-dark: #D97706;--color-warning-light: #FBBF24;--color-warning-bg: #FEF3C7;--color-info: #3B82F6;--color-info-dark: #2563EB;--color-info-light: #60A5FA;--color-info-bg: #DBEAFE;--color-white: #FFFFFF;--color-black: #000000;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-icon: #BB86FC;--color-bg-primary: #0f0c29;--color-bg-secondary: #1a1539;--color-bg-tertiary: #302b63;--color-bg-dark: #24243e;--surface-card: rgba(255, 255, 255, .08);--surface-muted: rgba(255, 255, 255, .05);--card-bg: var(--surface-card);--card-border: rgba(255, 255, 255, .1);--option-bg: rgba(255, 255, 255, .05);--option-bg-hover: rgba(187, 134, 252, .15);--option-border: rgba(255, 255, 255, .1);--btn-secondary-bg: rgba(255, 255, 255, .08);--btn-secondary-border: rgba(255, 255, 255, .15);--text-primary: #E8E6F0;--text-secondary: #B8B5C9;--text-tertiary: #8B8799;--text-muted: #6B6878;--text-inverse: #0f0c29;--text-link: #BB86FC;--text-link-hover: #D4B5FF;--gradient-primary: linear-gradient(135deg, #BB86FC 0%, #6C63FF 100%);--gradient-secondary: linear-gradient(135deg, #302b63 0%, #BB86FC 100%);--gradient-hero: linear-gradient(135deg, #302b63 0%, #BB86FC 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--border-width: 1px;--border-width-2: 2px;--border-color: rgba(255, 255, 255, .12);--border-color-light: rgba(255, 255, 255, .08);--border-color-dark: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 3px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 12px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .45);--shadow-2xl: 0 18px 30px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-primary: 0 3px 10px rgba(187, 134, 252, .3);--shadow-primary-lg: 0 6px 16px rgba(187, 134, 252, .35);--bg-gradient-start: #0f0c29;--bg-gradient-mid: #1a1539;--bg-gradient-end: #302b63;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Monaco, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--container-max-width: 1200px;--card-max-width: 42rem;--card-max-width-lg: 800px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}body.light-theme{--color-icon: #E67300;--color-bg-primary: #fff7f2;--color-bg-secondary: #fff3ec;--color-bg-tertiary: #ffeae2;--color-bg-dark: #f2c9b9;--surface-card: rgba(255, 255, 255, .85);--surface-muted: rgba(255, 255, 255, .6);--card-bg: var(--surface-card);--card-border: rgba(0, 0, 0, .08);--option-bg: rgba(255, 255, 255, .6);--option-bg-hover: rgba(255, 140, 0, .12);--option-border: rgba(0, 0, 0, .08);--btn-secondary-bg: rgba(255, 255, 255, .7);--btn-secondary-border: rgba(0, 0, 0, .12);--text-primary: #241a16;--text-secondary: #59493e;--text-tertiary: #7a664f;--text-muted: #9a8678;--text-inverse: #FFFFFF;--text-link: #E67300;--text-link-hover: #FF8C00;--gradient-primary: linear-gradient(135deg, #FF8C00 0%, #E63946 100%);--gradient-secondary: linear-gradient(135deg, #FFE1A8 0%, #FF8C00 100%);--gradient-hero: linear-gradient(135deg, #FFE1A8 0%, #FF8C00 100%);--border-color: rgba(0, 0, 0, .12);--border-color-light: rgba(0, 0, 0, .06);--border-color-dark: rgba(0, 0, 0, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 3px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 6px 12px rgba(0, 0, 0, .12);--shadow-xl: 0 10px 20px rgba(0, 0, 0, .12);--shadow-2xl: 0 18px 30px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-primary: 0 3px 10px rgba(255, 140, 0, .25);--shadow-primary-lg: 0 6px 16px rgba(255, 140, 0, .3);--bg-gradient-start: #fff7f2;--bg-gradient-mid: #fff3ec;--bg-gradient-end: #ffeae2}body.light-theme .form-input{background:#ffffffb3;border-color:#0000001f;color:var(--text-primary);box-shadow:inset 0 1px 2px #0000000d}body.light-theme .form-input:hover{background:#ffffffd9;border-color:#0000002e}body.light-theme .form-input:focus{background:#fffffff2;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff8c0026,inset 0 1px 2px #0000000d}body.light-theme .chip{background:#ffffffb3;border-color:#0000001f;color:var(--text-secondary);box-shadow:0 1px 3px #00000014}body.light-theme .chip:hover{background:#ff8c001f;border-color:var(--color-primary);box-shadow:0 2px 6px #ff8c0033}body.light-theme .chip.chip-selected,body.light-theme .chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);box-shadow:0 2px 8px #ff8c0059;text-shadow:none}body:not(.light-theme) .form-input{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-primary);box-shadow:inset 0 1px 2px #0000004d}body:not(.light-theme) .form-input:hover{background:#ffffff14;border-color:#fff3}body:not(.light-theme) .form-input:focus{background:#ffffff1a;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33,inset 0 1px 2px #0000004d}body:not(.light-theme) .chip{background:#ffffff14;border-color:#ffffff26;color:var(--text-secondary);box-shadow:0 2px 4px #0000004d}body:not(.light-theme) .chip:hover{background:#bb86fc26;border-color:var(--color-icon);box-shadow:0 3px 8px #bb86fc40}body:not(.light-theme) .chip.chip-selected,body:not(.light-theme) .chip.selected{background:var(--color-icon);border-color:var(--color-icon);color:var(--text-inverse);box-shadow:0 4px 12px #bb86fc66;text-shadow:none}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}ul,ol{list-style:none}body{min-height:100vh;line-height:var(--line-height-normal);font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--text-primary);position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:linear-gradient(135deg,#0f0c29,#1a1539,#302b63,#24243e,#1f1c4a,#0d0d1f,#0a0a18 90%,#000);background-attachment:fixed;background-size:100% 100%;transition:background .5s ease}body.light-theme{background:linear-gradient(135deg,#ff6b6b,#ff8e53,orange,#ffb347,gold,#ffe066,#fff5cc 90%,#fff)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:50vh;background:radial-gradient(ellipse 150% 100% at 50% 0%,rgba(66,44,179,.4) 0%,transparent 50%),radial-gradient(ellipse 120% 80% at 20% 20%,rgba(48,43,99,.3) 0%,transparent 50%),radial-gradient(ellipse 140% 90% at 80% 15%,rgba(31,28,74,.25) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.8;transition:background .5s ease}body.light-theme:before{background:radial-gradient(ellipse 150% 100% at 50% 0%,rgba(255,107,107,.4) 0%,transparent 50%),radial-gradient(ellipse 120% 80% at 20% 20%,rgba(255,165,0,.3) 0%,transparent 50%),radial-gradient(ellipse 140% 90% at 80% 15%,rgba(255,215,0,.25) 0%,transparent 50%)}body:after{content:"";position:fixed;top:-10%;left:-10%;right:-10%;height:60vh;background:radial-gradient(ellipse 100% 50% at 30% 30%,rgba(66,44,179,.4) 0%,transparent 60%),radial-gradient(ellipse 120% 60% at 70% 20%,rgba(48,43,99,.35) 0%,transparent 60%);filter:blur(40px);pointer-events:none;z-index:0;animation:wave-float 20s ease-in-out infinite;transition:background .5s ease}body.light-theme:after{background:radial-gradient(ellipse 100% 50% at 30% 30%,rgba(255,179,71,.4) 0%,transparent 60%),radial-gradient(ellipse 120% 60% at 70% 20%,rgba(255,224,102,.35) 0%,transparent 60%)}@keyframes wave-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6,button,input,label{line-height:var(--line-height-tight)}h1,h2,h3,h4{word-wrap:break-word}a:not([class]){text-decoration-skip-ink:auto;color:var(--text-link)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.heading-1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;color:var(--text-primary)}.heading-2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.01em;color:var(--text-primary)}.heading-3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.heading-4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.heading-5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.heading-6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}.text-body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary)}.text-body-lg{font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--text-primary)}.text-body-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-body-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--text-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.caption{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:var(--line-height-normal)}.link{color:var(--text-link);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.link:hover{color:var(--text-link-hover);text-decoration:underline}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:640px){.heading-1{font-size:var(--font-size-4xl)}.heading-2{font-size:var(--font-size-3xl)}.heading-3{font-size:var(--font-size-2xl)}.heading-4{font-size:var(--font-size-xl)}}@media(max-width:430px){.heading-1{font-size:var(--font-size-3xl)}.heading-2{font-size:var(--font-size-2xl)}.heading-3{font-size:var(--font-size-xl)}.heading-4{font-size:var(--font-size-lg)}}.page{min-height:100vh;min-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom));display:flex;flex-direction:column;background:transparent}.page--centered,.page-centered{align-items:center;justify-content:center}.page--top{align-items:center;justify-content:flex-start;padding-top:var(--spacing-8)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:max(var(--spacing-4),var(--safe-area-left));padding-right:max(var(--spacing-4),var(--safe-area-right))}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.card{background:var(--color-bg-primary);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-xl);position:relative;width:100%;max-width:var(--card-max-width)}.card--lg{max-width:var(--card-max-width-lg)}.card--full{max-width:100%}.card__header{margin-bottom:var(--spacing-6)}.card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.card__subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.card__body{display:block}.card__footer{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.card--closable{padding-top:var(--spacing-12)}.section{background:transparent;border-radius:var(--radius-xl)}.section:last-child{margin-bottom:0}.section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}@media(max-width:640px){.container{padding-left:max(var(--spacing-4),var(--safe-area-left));padding-right:max(var(--spacing-4),var(--safe-area-right))}.card{padding:var(--spacing-6);border-radius:var(--radius-xl)}.section{padding:var(--spacing-4)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}}@media(max-width:430px){.card{padding:var(--spacing-4)}}@media(min-width:641px)and (max-width:1024px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family-sans);line-height:var(--line-height-normal);text-align:center;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:48px;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--border-color-dark);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-success{background:var(--gradient-success);color:var(--color-white);box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-success:active:not(:disabled){transform:scale(.98)}.btn-danger{background:var(--color-danger);color:var(--color-white);box-shadow:0 4px 12px #ef44444d}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.btn-danger:active:not(:disabled){transform:scale(.98)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn-outline:active:not(:disabled){transform:scale(.98)}.btn-outline-danger{background:transparent;color:var(--color-danger);border:2px solid var(--color-danger-light)}.btn-outline-danger:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--spacing-2);min-height:0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--color-bg-secondary)}.btn-white{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-lg)}.btn-white:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-white:active:not(:disabled){transform:scale(.98)}.btn-flat{background:var(--color-primary-50);color:var(--color-primary);border:none}.btn-flat:hover:not(:disabled){background:var(--color-primary-100)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:56px}.btn-xl{padding:var(--spacing-5) var(--spacing-10);font-size:var(--font-size-xl);min-height:64px}.btn-full{width:100%}.btn-icon{width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius-full)}.btn-icon-sm{width:36px;height:36px;min-height:36px}.btn-icon-lg{width:56px;height:56px;min-height:56px}.btn-ai{background:var(--gradient-hero);color:var(--color-white);border:none;box-shadow:0 4px 12px #ff8c004d}.btn-ai:hover:not(:disabled){opacity:.9;transform:scale(1.05);box-shadow:0 6px 16px #ff8c0066}.btn-icon.btn-danger{color:var(--color-danger);border-color:var(--color-danger-light);background:transparent}.btn-icon.btn-danger:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger)}.btn-close{position:absolute;top:var(--spacing-6);right:var(--spacing-6);width:36px;height:36px;min-height:36px;padding:0;background:var(--color-danger-bg);border:2px solid var(--color-danger-light);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.btn-close:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger);transform:scale(1.05)}.btn-link{background:none;border:none;color:var(--color-primary);font-weight:var(--font-weight-medium);padding:var(--spacing-1);min-height:0;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primary-dark)}.btn-auth{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1.05rem;font-weight:600;border-radius:12px;transition:all .3s ease;cursor:pointer;border:none;min-height:50px;text-decoration:none;margin-top:15px}.btn-auth-primary{background:linear-gradient(135deg,#e63946,#ff8c00);color:#fff;box-shadow:0 4px 15px #ff8c0066}.btn-auth-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c0099}.btn-auth-secondary{background:transparent;color:var(--text-primary);border:2px solid rgba(255,255,255,.15)}.btn-auth-secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.btn-auth-icon{display:flex;align-items:center;opacity:1;color:currentColor}.btn-auth-icon svg{stroke-width:2.5;color:currentColor}.auth-buttons{display:flex;flex-direction:column;gap:15px;margin-top:30px}@media(max-width:640px){.btn{padding:var(--spacing-3) var(--spacing-5);min-height:44px}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);min-height:52px}.btn-close{top:var(--spacing-4);right:var(--spacing-4)}}@media(max-width:430px){.btn{font-size:var(--font-size-sm);min-height:40px}.btn-close{width:32px;height:32px}}.form-group{margin-bottom:var(--spacing-6);border-radius:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-2)}.form-label--required:after{content:" *";color:var(--color-danger)}.form-hint{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-top:var(--spacing-1);margin-bottom:var(--spacing-4)}.form-input{width:100%;padding:var(--spacing-4);font-size:var(--font-size-base);font-family:var(--font-family-sans);color:var(--text-primary);background:var(--card-bg);border:1.5px solid var(--card-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);min-height:48px;-webkit-appearance:none;appearance:none;box-shadow:none}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{background:var(--surface-muted);border-color:var(--card-border)}.form-input:focus{outline:none;background:var(--surface-muted);border-color:var(--color-primary);box-shadow:0 0 0 2px #ff8c0059}.form-input:disabled{background:var(--color-bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.form-input--error{background:var(--color-danger-bg);border-color:var(--color-danger)}.form-input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef444426}.form-input--success{border-color:var(--color-success)}.form-input--success:focus{box-shadow:0 0 0 3px #10b98126}.form-textarea{min-height:120px;resize:vertical}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-4) center;background-repeat:no-repeat;background-size:16px 12px;padding-right:var(--spacing-12)}.form-help{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-2)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-2)}.form-check{display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer}.form-check-input{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.form-check-label{font-size:var(--font-size-base);color:var(--text-primary);cursor:pointer}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6)}.chip{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-muted);border:1.5px solid var(--card-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-align:center;text-decoration:none;-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;box-shadow:none}.chip:hover{background:#fff9f4;border-color:var(--card-border);color:var(--text-primary);transform:none;box-shadow:none}.chip.chip-selected,.chip.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold);box-shadow:none;text-shadow:none}.chip:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.chip-group{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.chip--secondary{background:var(--color-bg-tertiary);border-color:var(--border-color)}.chip--secondary:hover{border-color:var(--color-secondary-light)}.chip--secondary.chip-selected,.chip--secondary.selected{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white)}.chip--success{background:var(--color-bg-tertiary);border-color:var(--border-color)}.chip--success:hover{border-color:var(--color-success-light)}.chip--success.chip-selected,.chip--success.selected{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.interactive-card-selected .option-check{background:linear-gradient(135deg,#ff8c00,#e63946);border-color:transparent}.page-container{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px;position:relative;width:100%;max-width:900px;margin:0 auto;background:transparent}.card-with-topbar{position:relative;width:100%;padding-top:145px;margin-bottom:-32px}.glass-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);overflow:hidden;width:100%}.glass-card-main{position:relative;border-radius:0 0 var(--radius-lg) var(--radius-lg);z-index:2}.glass-card-topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:820px;background:var(--surface-muted);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;overflow:visible;padding:20px 24px;z-index:100}[data-theme=dark] .glass-card-topbar{background:var(--card-bg);border:1px solid var(--card-border)}.glass-card-topbar .page-header-controls{margin-bottom:0}.page-header-compact{display:flex;align-items:center;gap:var(--spacing-3)}.page-header-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.page-header-text{display:flex;flex-direction:column;gap:2px}.page-header-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);line-height:1.2;margin:0}.page-header-subtitle{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.3;margin:0}@media(max-width:640px){.page-header-subtitle{display:none}}.glass-card-header{padding:40px 40px 0;text-align:center;position:relative}.glass-card-content{padding:40px}.glass-card-footer{padding:0 40px 40px;text-align:center}.icon-display{display:flex;justify-content:center;align-items:center;margin:20px 0}.icon-display-large{font-size:4rem;animation:bounce 2s infinite;display:flex;align-items:center;justify-content:center}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:25px}.btn-sm{font-size:.85rem;padding:8px 16px;white-space:nowrap}.info-section{background:transparent;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px;text-align:center}.profile-status-info{margin-bottom:1rem}.icon-admin{color:var(--color-warning, #f59e0b)}.profile-success-message{color:var(--color-success, #10b981);display:flex;align-items:center;gap:.5rem}.profile-saving-message{color:var(--color-text-secondary)}.profile-password-section{margin-top:2rem}.page-navigation{display:flex;align-items:center;justify-content:center;gap:0;padding:16px 32px;margin:0;border-radius:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;max-width:820px;position:fixed;top:89px;left:50%;transform:translate(-50%);z-index:99}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 20px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:all .2s ease;cursor:pointer;background:transparent;border:none;min-width:80px;position:relative}.nav-item:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:32px;width:1px;background:var(--card-border)}.nav-item:hover{color:var(--text-secondary);background:var(--surface-hover)}.nav-item.active{color:var(--text-secondary);background:var(--surface-active)}.nav-item-button{font-family:inherit;font-size:inherit}.nav-icon{flex-shrink:0;opacity:.9}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.nav-label{font-size:.75rem;font-weight:500;white-space:nowrap}body.light-theme .page-navigation{background:#ff8c0059;border-bottom:2px solid rgba(255,140,0,.5)}body.light-theme .nav-item{color:#000000bf}body.light-theme .nav-item:hover{background:#ff8c0073;color:#000000e6}body.light-theme .nav-item.active{background:#ff8c0099;color:#000000f2}body.light-theme .nav-item:not(:last-child):after{background:#ff8c0066}@media(max-width:640px){.page-navigation{gap:0;padding:12px 16px;margin:0}.nav-item{padding:6px 12px;min-width:60px}.nav-item:not(:last-child):after{height:28px}.nav-label{font-size:.6875rem}.nav-icon{width:20px;height:20px}}.card-footer-nav{padding:25px 40px 40px;border-top:1px solid var(--card-border)}.nav-buttons{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-buttons .btn-tertiary,.nav-buttons .btn-auth{flex:1;width:100%}.nav-buttons .nav-spacer{flex:1;max-width:240px}.info-section{display:flex;flex-direction:column;gap:0;padding:var(--spacing-6);background:var(--option-bg);border-radius:var(--radius-xl);border:2px solid var(--option-border)}.profile-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);text-align:center}.difficulty-pref-card{display:flex;flex-direction:column;gap:var(--spacing-3);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}@media(max-width:768px){.page-container{padding:20px 15px}.glass-card-header{padding:30px 20px 0}.glass-card-content{padding:25px 20px}.glass-card-footer{padding:20px}.action-grid{grid-template-columns:1fr}.card-footer-nav{padding:15px}.nav-buttons{flex-wrap:wrap}.nav-buttons .btn-auth{flex:1 1 100%;max-width:none;order:2}.nav-buttons .btn-tertiary{order:1}.icon-display-large{font-size:3rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.95rem}.action-grid{grid-template-columns:1fr;gap:12px}.action-grid-triple{grid-template-columns:1fr}.interactive-card{padding:18px 15px}.interactive-card-icon{font-size:2rem}}@media(max-width:375px){.page-container{padding:15px 10px}.glass-card-header{padding:25px 15px 0}.glass-card-content{padding:20px 15px}.page-title{font-size:1.3rem}.icon-display-large{font-size:2.5rem}.interactive-card{padding:15px 12px}.interactive-card-icon{font-size:1.8rem}}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modal-overlay-fade-in .2s ease-out}@keyframes modal-overlay-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:var(--z-modal)}.modal-content{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff1a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;z-index:var(--z-modal);animation:modal-content-slide-up .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-content-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.modal-body{padding:var(--spacing-6)}.modal-actions{padding:var(--spacing-6);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-3);justify-content:flex-end}.modal-actions .btn{min-width:120px;font-weight:var(--font-weight-semibold)}.modal-confirm-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);text-align:center}.modal-confirm-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:var(--glass-bg);border:2px solid var(--glass-border);box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff1a;animation:modal-icon-bounce .5s cubic-bezier(.34,1.56,.64,1) .1s backwards}@keyframes modal-icon-bounce{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.modal-confirm-icon-danger{background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-color:#ef44444d;box-shadow:0 8px 32px #ef44444d,0 0 60px #ef444433,inset 0 0 0 1px #ef444433}.modal-confirm-icon-danger svg{color:#ef4444;filter:drop-shadow(0 0 12px rgba(239,68,68,.8)) drop-shadow(0 0 24px rgba(239,68,68,.4))}.modal-confirm-icon-primary{background:radial-gradient(circle,rgba(255,140,0,.15) 0%,transparent 70%);border-color:#ff8c004d;box-shadow:0 8px 32px #ff8c004d,0 0 60px #ff8c0033,inset 0 0 0 1px #ff8c0033}.modal-confirm-icon-primary svg{color:var(--color-primary);filter:drop-shadow(0 0 12px rgba(255,140,0,.8)) drop-shadow(0 0 24px rgba(255,140,0,.4))}.modal-confirm-icon-success{background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);border-color:#10b9814d;box-shadow:0 8px 32px #10b9814d,0 0 60px #10b98133,inset 0 0 0 1px #10b98133}.modal-confirm-icon-success svg{color:#10b981;filter:drop-shadow(0 0 12px rgba(16,185,129,.8)) drop-shadow(0 0 24px rgba(16,185,129,.4))}.modal-confirm-icon-error{background:radial-gradient(circle,rgba(239,68,68,.15) 0%,transparent 70%);border-color:#ef44444d;box-shadow:0 8px 32px #ef44444d,0 0 60px #ef444433,inset 0 0 0 1px #ef444433}.modal-confirm-icon-error svg{color:#ef4444;filter:drop-shadow(0 0 12px rgba(239,68,68,.8)) drop-shadow(0 0 24px rgba(239,68,68,.4))}.modal-confirm-icon-info{background:radial-gradient(circle,rgba(255,140,0,.15) 0%,transparent 70%);border-color:#ff8c004d;box-shadow:0 8px 32px #ff8c004d,0 0 60px #ff8c0033,inset 0 0 0 1px #ff8c0033}.modal-confirm-icon-info svg{color:var(--color-icon);filter:drop-shadow(0 0 12px rgba(255,140,0,.8)) drop-shadow(0 0 24px rgba(255,140,0,.4))}.modal-confirm-message{font-size:var(--font-size-lg);color:var(--text-primary);line-height:var(--line-height-relaxed);margin:0;font-weight:var(--font-weight-medium)}.modal__header{padding:var(--spacing-6);border-bottom:1px solid var(--border-color)}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.modal__body{padding:var(--spacing-6)}.modal__footer{padding:var(--spacing-6);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-3);justify-content:flex-end}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:0}.action-grid-single{grid-template-columns:1fr}.action-grid-triple{grid-template-columns:repeat(3,1fr)}.package-info{cursor:pointer;text-align:left;width:100%;background:var(--option-bg);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:20px;transition:all .2s ease}.package-info:hover{border-color:#fff3;transform:translateY(-2px)}.package-info-static{cursor:default}.package-info-static:hover{transform:none}.package-info-clickable{cursor:pointer}.package-info h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 8px;line-height:var(--line-height-tight)}.package-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.package-item-header h4{margin:0;flex:1}.package-item-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:.875rem;color:var(--text-secondary)}.package-meta-item{display:inline-flex;align-items:center;gap:6px}.package-meta-description{width:100%;font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin-top:4px}.session-list-item{padding:20px;align-items:flex-start;text-align:left;flex-direction:row}.session-info-content{flex:1;display:flex;flex-direction:column;gap:4px}.session-info-status-waiting{color:var(--text-secondary)}.session-info-status-active{color:#4ade80}.session-info-package{margin-top:8px;opacity:.8}.session-actions{display:flex;gap:10px;margin-left:10px}.interactive-card{background:var(--option-bg);border:2px solid var(--option-border);border-radius:16px;padding:25px 20px;cursor:pointer;transition:all .3s;display:flex;flex-direction:row;align-items:center;gap:12px;text-decoration:none;text-align:left}.interactive-card:hover{background:var(--option-bg-hover);transform:translateY(-3px);border-color:#ff8c00}.interactive-card:active{transform:translateY(-1px)}.interactive-card-selected{background:#ff8c0026;border-color:#ff8c00}.interactive-card-vertical{flex-direction:column;align-items:center;text-align:center}.interactive-card-icon{font-size:2.5rem;flex-shrink:0}.interactive-card-content h3,.interactive-card-content h4{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0 0 5px}.interactive-card-content p{font-size:.85rem;color:var(--text-tertiary);margin:0}.interactive-card-vertical .interactive-card-content{flex:0 1 auto}.option-check{width:24px;height:24px;border:2px solid var(--option-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;margin-left:auto}.interactive-card-selected .option-check{background:linear-gradient(135deg,#e63946,#ff8c00);border-color:transparent}.interactive-card-selected .option-check:after{content:"✓";color:#fff;font-size:.8rem}.info-section{background:transparent;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:15px;text-align:center}.info-section-icon{font-size:2rem;flex-shrink:0}.info-section-content{display:flex;flex-direction:column;gap:4px;align-items:center}.info-section-label{font-size:.85rem;color:var(--text-tertiary)}.info-section-label.ready-status{color:#4ade80;margin-top:4px}.info-section-value{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.pagination-container{margin-top:30px}.difficulty-section,.package-section{margin-top:30px}.package-action-button{margin-top:20px}@media(max-width:768px){.action-grid{grid-template-columns:1fr;gap:12px}.action-grid-triple{grid-template-columns:1fr}.interactive-card{padding:18px 15px}.interactive-card-icon{font-size:2rem}}@media(max-width:375px){.interactive-card{padding:15px 12px}.interactive-card-icon{font-size:1.8rem}}svg{color:var(--color-icon);stroke:currentColor;filter:drop-shadow(0 0 4px rgba(255,140,0,.6));opacity:1}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.alert-success{background:var(--color-success-bg);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger-dark);border:1px solid var(--color-danger-light)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning-dark);border:1px solid var(--color-warning-light)}.alert-info{background:var(--color-info-bg);color:var(--color-info-dark);border:1px solid var(--color-info-light)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.badge-success{background:var(--color-success-bg);color:var(--color-success-dark)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-dark)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-dark)}.badge-info{background:var(--color-info-bg);color:var(--color-info-dark)}.badge-corner{position:absolute;top:20px;right:20px;padding:8px 16px;background:#ff8c0033;border-radius:20px;font-size:.85rem;color:#ff8c00;text-decoration:none;transition:all .3s;border:none;cursor:pointer}.badge-corner:hover{background:#ff8c004d;transform:translateY(-2px)}.badge-env{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#ffc107f2;color:var(--color-black);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);letter-spacing:.05em;box-shadow:var(--shadow-md)}.package-category-badge{font-size:.75rem;padding:4px 10px;background:#ff8c0033;border-radius:12px;color:#ff8c00;white-space:nowrap}.session-time-badge{font-size:.75rem;padding:4px 10px;background:#ff8c0033;border-radius:12px;color:var(--color-icon);white-space:nowrap}.package-status{font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:500;text-transform:capitalize}.package-status-published{background:#4ade8033;color:#4ade80}.package-status-draft{background:#fbbf2433;color:#fbbf24}.progress{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar--success{background:var(--gradient-success)}.progress--lg{height:12px}.progress--sm{height:4px}.progress-circle{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-white);background:var(--gradient-primary);flex-shrink:0}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--font-size-xl)}.avatar--xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--text-tertiary)}.spinner{width:24px;height:24px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:40px;height:40px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.stat-item{text-align:center}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-1)}.stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.page-title{font-size:2rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.page-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:0}.page-header-controls{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px}.header-left{flex:1}.header-right{display:flex;gap:var(--spacing-3);align-items:center}.close-button{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.close-button:hover{background:var(--glass-bg);color:var(--text-primary)}.progress-container{margin-bottom:40px;padding:20px 50px 0;width:100%}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-line{position:absolute;top:20px;left:20px;right:20px;height:3px;background:var(--option-border)}.progress-line-fill{height:100%;width:0%;background:linear-gradient(90deg,#e63946,#ff8c00);transition:width .5s ease}.progress-step-1{width:0%}.progress-step-2{width:50%}.progress-step-3{width:100%}.step-item{display:flex;flex-direction:column;align-items:center;z-index:1;flex:1;position:relative}.step-circle{width:40px;height:40px;border-radius:50%;background:var(--option-bg);border:2px solid var(--option-border);display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:10px;transition:all .3s;color:var(--text-primary);font-weight:600}.step-item.completed .step-circle{background:linear-gradient(135deg,#e63946,#ff8c00);border-color:transparent;color:#fff}.step-item.active .step-circle{background:linear-gradient(135deg,#e63946,#ff8c00);border-color:transparent;color:#fff;transform:scale(1.1);box-shadow:0 0 20px #ff8c0080}.step-label{font-size:.8rem;color:var(--text-tertiary);text-align:center}.step-item.completed .step-label,.step-item.active .step-label{color:var(--text-primary)}.step-indicator{display:inline-block;padding:8px 20px;background:#ff8c0033;border-radius:25px;font-size:.85rem;color:#ff8c00;margin-bottom:25px}.step-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.step-content h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.step-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:-12px 0 0}.icon-display{text-align:center;margin:20px 0}.icon-display-large{font-size:4rem;animation:bounce 2s infinite}.icon-display-medium{font-size:2.5rem}.icon-toggle{width:44px;height:44px;background:var(--btn-secondary-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--btn-secondary-border);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s;color:var(--text-primary)}.icon-toggle:hover{transform:scale(1.05);background:var(--option-bg-hover)}.icon-toggle:active{transform:scale(.95)}.admin-icon-btn{width:44px!important;height:44px!important;min-width:44px;min-height:44px;box-sizing:border-box;background:var(--btn-secondary-bg)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--btn-secondary-border)!important;border-radius:50%!important;cursor:pointer;display:inline-flex!important;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s;color:var(--text-primary)!important;text-decoration:none!important}.admin-icon-btn:hover,.admin-icon-btn:focus{text-decoration:none!important;background:var(--option-bg-hover);transform:scale(1.05)}.admin-icon-btn:active{transform:scale(.95)}.difficulty-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.difficulty-buttons .interactive-card{flex-direction:column;justify-content:center;align-items:center;padding:18px;gap:0;min-height:0}.difficulty-buttons .card-title{font-size:1rem;font-weight:var(--font-weight-semibold);text-align:center}.difficulty-prefs-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.difficulty-section,.package-section,.pagination-container{margin-top:30px}.pagination-info{padding:0 20px}.filter-section{margin-top:25px}.filter-action-button{margin-top:20px}.package-sentence-count{font-size:.85rem;color:var(--text-secondary)}.results-section-header{margin-top:40px}.section-label{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:15px}.profile-stats-section{margin-bottom:var(--spacing-6)}.profile-stats-section .section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-4)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3)}.profile-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-4);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center}.profile-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.profile-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0}.info-row:not(:last-child){border-bottom:1px solid var(--option-border)}.info-label{font-size:.85rem;font-weight:var(--font-weight-medium);color:var(--text-secondary)}.info-value{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.package-description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.package-languages{display:flex;align-items:center;gap:6px}.package-lang-separator{color:var(--text-secondary);font-size:.9rem}.package-action-button{margin-top:20px;width:100%;display:flex;justify-content:center}.no-package-text{font-size:.9rem;color:var(--text-secondary);padding:var(--spacing-6);background:var(--option-bg);border-radius:var(--radius-xl);border:2px solid var(--option-border);line-height:1.6;margin:0}.participants-section{margin-top:30px}.session-list-header{margin-top:40px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.footer-info{font-size:.8rem;color:var(--text-tertiary);font-family:var(--font-family-mono)}@media(max-width:768px){.progress-container{margin-bottom:0}.progress-steps{padding:0 10px}.progress-line{left:30px;right:30px;top:18px}.step-circle{width:36px;height:36px;font-size:.85rem;margin-bottom:8px}.step-label{font-size:.7rem}.step-indicator{padding:6px 16px;font-size:.75rem;margin-bottom:20px}.icon-display-large{font-size:3rem}.page-title{font-size:1.5rem}.page-subtitle{font-size:.95rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--font-size-2xl)}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:var(--font-size-2xl)}}@media(max-width:480px){.profile-stats-grid{grid-template-columns:1fr}.profile-stat-card{flex-direction:row;justify-content:space-between}.profile-stat-value{font-size:var(--font-size-xl)}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}}@media(max-width:375px){.page-title{font-size:1.3rem}.icon-display-large{font-size:2.5rem}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.border{border:1px solid var(--border-color)}.border-2{border:2px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background-color:var(--color-white)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-success{background-color:var(--color-success-bg)}.bg-danger{background-color:var(--color-danger-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-gradient{background:var(--gradient-hero)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.translate-y-0{transform:translateY(0)}.translate-y-1{transform:translateY(.25rem)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}.divider{height:1px;background:var(--border-color);margin:var(--spacing-6) 0}.divider--sm{margin:var(--spacing-4) 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}.mt-lg{margin-top:var(--spacing-6)}.mt-xl{margin-top:var(--spacing-8)}.mb-lg{margin-bottom:var(--spacing-6)}.mb-xl{margin-bottom:var(--spacing-8)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:bg-secondary:hover{background-color:var(--color-bg-secondary)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp var(--transition-normal)}.animate-slideDown{animation:slideDown var(--transition-normal)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-50)}@media(prefers-reduced-motion:reduce){.animate-fadeIn,.animate-slideUp,.animate-slideDown,.animate-pulse,.animate-bounce{animation:none}.transition,.transition-fast,.transition-slow{transition:none}}@media(prefers-contrast:high){.btn{border:2px solid currentColor}.form-input{border:2px solid var(--text-primary)}}html{scroll-behavior:smooth}#root{min-height:100vh;background:transparent}body{min-height:100vh;transition:background .5s ease,color .3s ease}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-duration:.3s;transition-timing-function:ease}*{transition-property:background-color,border-color,color,fill,stroke,box-shadow}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.env-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#ffc107f2;color:var(--color-black);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);letter-spacing:.05em;box-shadow:var(--shadow-md)}.version-footer{position:fixed;bottom:var(--spacing-4);left:50%;transform:translate(-50%);font-size:var(--font-size-xs);opacity:.7;color:var(--text-secondary);background:var(--color-bg-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-family:var(--font-family-mono);-webkit-transform:translateX(-50%) translateZ(0);transform:translate(-50%) translateZ(0)}.game-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.game-difficulty-badge{margin-left:12px;display:inline-flex}.role-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.role-badge.role-speaker{background:var(--color-warning-bg);color:var(--color-warning-dark)}.role-badge.role-judge{background:var(--color-info-bg);color:var(--color-info-dark)}.score-display{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-8);background:var(--color-primary-50);border:2px solid var(--color-primary-light);border-radius:var(--radius-xl)}.player-score{display:flex;align-items:center;gap:var(--spacing-3)}.player-badge{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-white);flex-shrink:0}.player-badge.host{background:var(--gradient-hero)}.player-badge.guest{background:var(--gradient-success)}.score-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark)}.score-separator{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-light)}.page-home{background:var(--color-bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-primary);position:relative}.home-hero{max-width:400px;padding:var(--spacing-8)}.home-admin-link{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:1.5rem;text-decoration:none;opacity:.8;transition:opacity var(--transition-fast)}.home-admin-link:hover{opacity:1}.home-welcome{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6);opacity:.95}.home-version{position:fixed;bottom:var(--spacing-4);left:50%;transform:translate(-50%);font-size:var(--font-size-xs);opacity:.7;background:var(--color-bg-secondary);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-family:var(--font-family-mono)}.badge-env{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:#ffc107f2;color:var(--color-black);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);margin-left:var(--spacing-3);letter-spacing:.05em;box-shadow:var(--shadow-md)}.badge-admin{background:var(--color-info);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-5);text-align:center;font-weight:var(--font-weight-semibold)}.card-auth{width:100%;max-width:400px}.card-auth-wide{max-width:600px}.card-session,.card-profile{width:100%;max-width:600px}.card-lobby{width:100%;max-width:700px}.header{position:relative;text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.header-close{position:absolute;top:0;right:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.header-close:hover{background:var(--color-gray-200);color:var(--color-text)}.header-content{padding:0 var(--spacing-10)}.header-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-2)}.header-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.header-extra{margin-top:var(--spacing-4)}.section{padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.section-header{margin-bottom:var(--spacing-4);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:0}.section-actions{flex-shrink:0}.list{display:flex;flex-direction:column;gap:var(--spacing-3)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast)}.list-item-clickable{cursor:pointer}.list-item-clickable:hover{background:var(--color-gray-100);border-color:var(--color-primary-light)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-1)}.list-item-meta{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.list-item-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.list-item-badge{font-size:var(--font-size-xs);color:var(--color-primary);margin-top:var(--spacing-2)}.list-item-actions{display:flex;gap:var(--spacing-2);flex-shrink:0;margin-left:var(--spacing-4)}.loading,.empty-state{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}.error-state,.info-state{text-align:center;padding:var(--spacing-8)}.error-state h2{color:var(--color-danger)}.info-state h2{color:var(--color-info)}@media(max-width:640px){.home-title{font-size:var(--font-size-3xl);flex-direction:column;gap:var(--spacing-2)}.home-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-6)}.home-actions{gap:var(--spacing-3)}.score-display{padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-4)}.list-item{flex-direction:column;align-items:stretch;gap:var(--spacing-3)}.list-item-actions{margin-left:0;justify-content:flex-end}}@media(max-width:430px){.home-title{font-size:var(--font-size-2xl)}.home-subtitle{font-size:var(--font-size-base)}}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;transition:grid-template-columns var(--transition-base)}.admin-layout.sidebar-collapsed{grid-template-columns:64px 1fr}.admin-sidebar{background:var(--color-gray-900);color:var(--color-white);display:flex;flex-direction:column;padding:var(--spacing-4);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-gray-700);margin-bottom:var(--spacing-4)}.sidebar-header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.sidebar-header-actions .icon-toggle{background:var(--color-gray-700);border:none;color:var(--color-white);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.sidebar-header-actions .icon-toggle:hover{background:var(--color-gray-600)}.sidebar-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white);white-space:nowrap;overflow:hidden}.sidebar-icon{font-size:var(--font-size-xl);flex-shrink:0}.sidebar-toggle{background:var(--color-gray-700);border:none;color:var(--color-white);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:background var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background:var(--color-gray-600)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--spacing-2)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-300);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden}.sidebar-link:hover{background:var(--color-gray-800);color:var(--color-white)}.sidebar-link.active{background:var(--color-primary);color:var(--color-white)}.sidebar-link-icon{font-size:var(--font-size-xl);flex-shrink:0}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding-top:var(--spacing-4);border-top:1px solid var(--color-gray-700);margin-top:var(--spacing-4)}.sidebar-back-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-700);color:var(--color-white);text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:background var(--transition-fast)}.sidebar-back-btn:hover{background:var(--color-gray-600)}.admin-main{background:transparent;padding:var(--spacing-6);overflow-y:auto}.sidebar-collapsed .sidebar-title span,.sidebar-collapsed .sidebar-link-label,.sidebar-collapsed .sidebar-back-btn span{display:none}.sidebar-collapsed .sidebar-link{justify-content:center;padding:var(--spacing-3)}.sidebar-collapsed .sidebar-back-btn{justify-content:center}.admin-tools-container{max-width:900px;margin:0 auto}.admin-tools-content{display:flex;flex-direction:column;gap:var(--spacing-6)}.tool-section{display:flex;flex-direction:column;gap:var(--spacing-4)}.tool-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--card-border);transition:box-shadow var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card:hover{box-shadow:var(--shadow-md)}.tool-card.danger-tool{border-color:var(--color-danger-light);background:linear-gradient(to bottom,var(--color-white),var(--color-danger-bg))}.tool-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.tool-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.tool-description{color:var(--text-secondary);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}.tool-description .warning-text{display:block;margin-top:var(--spacing-2);color:var(--color-danger);font-weight:var(--font-weight-medium)}.tool-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.user-admin-container{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-5);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-icon);margin-bottom:var(--spacing-1)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.toolbar{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--option-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}.users-table-container{background:var(--card-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--card-border);overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--card-border)}.users-table th{background:var(--surface-muted);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.users-table tbody tr:hover{background:var(--surface-muted)}.users-table tbody tr:last-child td{border-bottom:none}.id-cell{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.email-cell{font-weight:var(--font-weight-medium)}.status-cell{display:flex;flex-direction:column;gap:var(--spacing-1)}.languages-cell .lang-row{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1)}.languages-cell .lang-label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.stats-cell,.date-cell{font-size:var(--font-size-sm);color:var(--text-secondary)}.actions-cell{display:flex;gap:var(--spacing-2)}.badge-admin,.badge-user,.badge-verified,.badge-unverified{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:opacity var(--transition-fast)}.badge-admin:hover,.badge-user:hover,.badge-verified:hover,.badge-unverified:hover{opacity:.8}.badge-admin{background:var(--color-warning-bg);color:var(--color-warning-dark)}.badge-user{background:var(--color-gray-100);color:var(--text-secondary)}.badge-verified{background:var(--color-success-bg);color:var(--color-success-dark)}.badge-unverified{background:var(--color-danger-bg);color:var(--color-danger-dark)}.badge-danger{background:var(--color-danger);color:var(--color-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.no-results{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}.btn-close{background:transparent;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;line-height:1;padding:0;transition:color var(--transition-fast)}.btn-close:hover{color:var(--color-text)}.modal-header-danger{background:var(--color-danger-bg);border-color:var(--color-danger-light)}.modal-header-danger h2{color:var(--color-danger)}.modal-sm{max-width:400px}.ai-generate-modal{max-width:95%;width:95%;max-height:90vh;display:flex;flex-direction:column}.ai-generate-modal .modal-header{background:var(--gradient-primary);color:var(--text-inverse);padding:var(--spacing-5);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;align-items:center;justify-content:space-between}.ai-generate-modal .modal-header h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing-2)}.ai-generate-modal .modal-close{background:#fff3;border:none;color:var(--text-inverse);font-size:var(--font-size-3xl);width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);line-height:1}.ai-generate-modal .modal-close:hover{background:#ffffff4d}.ai-generate-modal .modal-body{flex:1;overflow-y:auto;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-5)}.streaming-info-container{background:var(--surface-muted);border-radius:var(--radius-lg);padding:var(--spacing-4);margin:var(--spacing-4) var(--spacing-6);border-left:4px solid var(--color-icon)}.streaming-header .status-row{display:flex;align-items:center;gap:var(--spacing-3)}.streaming-header .status-text{flex:1;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.streaming-header .provider-badge{background:var(--color-icon);color:var(--text-inverse);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.streaming-content-wrapper{margin-top:var(--spacing-3)}.streaming-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2);color:var(--text-secondary);font-size:var(--font-size-sm)}.streaming-content-header .char-count{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.streaming-content-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--spacing-3);max-height:200px;overflow-y:auto;font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary)}.tips-section{background:linear-gradient(135deg,#ff8c0014,#ff8c001f);border-left:4px solid var(--color-icon);padding:var(--spacing-4);border-radius:var(--radius-lg)}body.light-theme .tips-section{background:linear-gradient(135deg,#ff8c0014,#ff8c001f)}body:not(.light-theme) .tips-section{background:linear-gradient(135deg,#bb86fc14,#bb86fc1f)}.tips-section h3{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-2)}.tips-section ul{margin:0;padding-left:var(--spacing-5);list-style:disc}.tips-section li{color:var(--text-secondary);margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}.tips-section li:last-child{margin-bottom:0}.ai-generate-modal .form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.ai-generate-modal .form-group label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.ai-generate-modal .field-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.model-select{-webkit-appearance:none;appearance:none;padding:var(--spacing-3) var(--spacing-4);padding-right:calc(var(--spacing-4) + 24px);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--option-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.model-select option{background:#1a1539!important;background-color:#1a1539!important;color:#e8e6f0!important;padding:var(--spacing-2)}.model-select:hover{border-color:var(--color-icon)}.model-select:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}body.light-theme .model-select:focus{box-shadow:0 0 0 3px #ff8c0033}.ai-generate-modal textarea{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:var(--font-family-sans);background:var(--option-bg);color:var(--text-primary);resize:vertical;min-height:100px;transition:all var(--transition-fast)}.ai-generate-modal textarea:hover{border-color:var(--color-icon)}.ai-generate-modal textarea:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}body.light-theme .ai-generate-modal textarea:focus{box-shadow:0 0 0 3px #ff8c0033}.suggest-topic-btn{margin-top:var(--spacing-2);width:100%}.language-pair-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-3);align-items:end}.language-selector{display:flex;flex-direction:column;gap:var(--spacing-2)}.language-selector label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.language-selector select{-webkit-appearance:none;appearance:none;padding:var(--spacing-3) var(--spacing-4);padding-right:calc(var(--spacing-4) + 24px);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--option-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.language-selector select option{background:#1a1539!important;background-color:#1a1539!important;color:#e8e6f0!important;padding:var(--spacing-2)}.language-selector select:hover{border-color:var(--color-icon)}.language-selector select:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}body.light-theme .language-selector select:focus{box-shadow:0 0 0 3px #ff8c0033}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px;cursor:pointer}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background-color:var(--text-secondary);transition:all var(--transition-normal);border-radius:50%}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:var(--gradient-primary);border-color:var(--color-icon)}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px);background-color:var(--color-white)}.toggle-switch:hover .toggle-slider{border-color:var(--color-icon)}.toggle-switch input[type=checkbox]:focus+.toggle-slider{box-shadow:0 0 0 3px #bb86fc33}body.light-theme .toggle-switch input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#ff8c00,#e67300);border-color:var(--color-primary)}body.light-theme .toggle-switch input[type=checkbox]:focus+.toggle-slider{box-shadow:0 0 0 3px #ff8c0033}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.language-pair-arrow{font-size:var(--font-size-2xl);color:var(--text-secondary);padding-bottom:var(--spacing-3);text-align:center}.difficulty-prefs-list{display:flex;flex-direction:column;gap:var(--spacing-3);background:var(--surface-muted);padding:var(--spacing-4);border-radius:var(--radius-lg)}.difficulty-pref-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2)}.difficulty-lang-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.translation-option{background:var(--surface-muted);padding:var(--spacing-4);border-radius:var(--radius-lg)}.translation-option-row{display:flex;align-items:center;gap:var(--spacing-3)}.translation-option-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary)}.translation-hint{margin-top:var(--spacing-2);padding-left:calc(40px + var(--spacing-3))}.ai-generate-modal input[type=number]{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--option-bg);color:var(--text-primary);transition:all var(--transition-fast)}.ai-generate-modal input[type=number]:hover{border-color:var(--color-icon)}.ai-generate-modal input[type=number]:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}body.light-theme .ai-generate-modal input[type=number]:focus{box-shadow:0 0 0 3px #ff8c0033}.ai-generate-modal .modal-footer{padding:var(--spacing-5);border-top:1px solid var(--card-border);display:flex;gap:var(--spacing-3);justify-content:flex-end}.ai-generate-modal .modal-footer .btn{min-width:140px}.ai-generate-modal .error-banner,.ai-generate-modal .warning-banner{padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.ai-generate-modal .error-banner{background:var(--color-danger-bg);color:var(--color-danger-dark);border-left:4px solid var(--color-danger)}.ai-generate-modal .warning-banner{background:var(--color-warning-bg);color:var(--color-warning-dark);border-left:4px solid var(--color-warning)}.ai-generate-modal .spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.ai-generate-modal{max-width:100%;width:100%;max-height:100vh;border-radius:0}.ai-generate-modal .modal-header{border-radius:0}.language-pair-selectors{grid-template-columns:1fr}.language-pair-arrow{transform:rotate(90deg);padding:var(--spacing-2) 0}.streaming-info-container{margin:var(--spacing-3)}}.warning-text{color:var(--color-danger);font-weight:var(--font-weight-medium)}.text-muted{color:var(--text-secondary)}.form-row{display:flex;gap:var(--spacing-6);flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-weight:var(--font-weight-medium)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.loading-state{text-align:center;padding:var(--spacing-8);color:var(--text-secondary);font-size:var(--font-size-lg)}@media(max-width:1024px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-260px;width:260px;z-index:1000;transition:left var(--transition-base)}.admin-layout.sidebar-open .admin-sidebar{left:0}.admin-main{padding:var(--spacing-4)}.users-table-container{overflow-x:auto}.users-table{min-width:900px}}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column}.search-input{min-width:auto}.tool-card{padding:var(--spacing-4)}.tool-actions{flex-direction:column}.tool-actions .btn{width:100%}}.db-viewer-container{display:flex;flex-direction:column;height:100vh;background:var(--color-gray-50)}.db-viewer-header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-6)}.db-viewer-content{display:grid;grid-template-columns:280px 1fr;flex:1;overflow:hidden}.db-sidebar{background:var(--color-white);border-right:1px solid var(--color-border);padding:var(--spacing-4);overflow-y:auto}.db-sidebar h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--color-text)}.db-info{background:var(--color-gray-50);padding:var(--spacing-3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm)}.db-info-item{margin-bottom:var(--spacing-2);color:var(--text-secondary)}.db-info-item:last-child{margin-bottom:0}.db-info-item strong{color:var(--color-text);display:inline-block;min-width:60px}.db-table-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.db-table-list li{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.db-table-list li:hover{background:var(--color-gray-100);color:var(--color-text)}.db-table-list li.active{background:var(--color-primary);color:var(--color-white)}.db-main{padding:var(--spacing-6);overflow-y:auto}.db-table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.db-table-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.record-count{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--color-gray-100);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-weight:var(--font-weight-medium)}.db-table-wrapper{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:auto}.db-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.db-table th,.db-table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.db-table th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;z-index:1}.db-table tbody tr:hover{background:var(--color-gray-50)}.db-table tbody tr:last-child td{border-bottom:none}.error-banner,.loading-message,.empty-message{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}.error-banner{background:var(--color-danger-bg);color:var(--color-danger-dark);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.editor-container{display:flex;flex-direction:column;height:100vh;background:transparent}.language-flag-svg{width:20px;height:auto;display:inline-block;vertical-align:middle;border-radius:2px}.language-flag{display:inline-flex;align-items:center;justify-content:center}.language-flag .language-flag-svg{width:18px;height:auto}.language-flag-fallback{font-size:var(--font-size-base)}.editor-header{background:var(--card-bg);border-bottom:1px solid var(--card-border);padding:var(--spacing-4) var(--spacing-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-top:var(--spacing-4)}.concurrency-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--option-bg);color:var(--text-primary);cursor:pointer}.editor-layout{display:grid;grid-template-columns:380px 1fr;flex:1;overflow:hidden;gap:0}.packages-panel,.sentences-panel{background:var(--card-bg);display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.packages-panel{border-right:1px solid var(--color-border)}.panel-header{padding:var(--spacing-4);border-bottom:1px solid var(--card-border);background:var(--surface-muted)}.panel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.panel-header-title{display:flex;align-items:center;gap:var(--spacing-2)}.panel-header-title h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.translation-indicator{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.translation-indicator.complete{background:var(--color-success-bg);color:var(--color-success-dark)}.translation-indicator.partial{background:var(--color-warning-bg);color:var(--color-warning-dark)}.translation-indicator.none{background:var(--color-gray-100);color:var(--text-secondary)}.panel-filters{display:flex;flex-direction:column;gap:var(--spacing-2)}.panel-filters label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.panel-filters select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-sm);background:var(--option-bg);color:var(--text-primary);cursor:pointer}.difficulty-filter{display:flex;flex-direction:column;gap:var(--spacing-3)}.filter-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-section label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.filter-chips{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.language-pair-display{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--surface-muted);border-radius:var(--radius-lg);justify-content:center}.language-badge{padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em}.pair-separator{font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-bold)}.package-list{padding:var(--spacing-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-3)}.package-item{padding:var(--spacing-4);border:2px solid var(--card-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--surface-muted)}.package-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.package-item.selected{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:var(--shadow-md)}.package-item h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-2) 0}.package-category{margin-bottom:var(--spacing-2)}.category-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-2);background:var(--color-info-bg);color:var(--color-info-dark);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.package-meta{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.status-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.status-badge.status-draft{background:var(--color-gray-200);color:var(--text-secondary)}.status-badge.status-published{background:var(--color-success-bg);color:var(--color-success-dark)}.status-badge.status-archived{background:var(--color-warning-bg);color:var(--color-warning-dark)}.language-flags{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.language-pair-separator{color:var(--text-secondary);font-size:var(--font-size-sm)}.package-actions{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.sentence-groups-viewer{display:flex;position:relative;height:100%;overflow:hidden}.sentence-groups-list{flex:1;padding:var(--spacing-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.sentence-group-card{background:var(--surface-muted);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.sentence-group-card:hover{box-shadow:var(--shadow-md)}.sentence-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-border)}.group-info{display:flex;align-items:center;gap:var(--spacing-2)}.group-number{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-secondary)}.difficulty-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;justify-content:center;min-width:24px;gap:6px}.difficulty-badge-icon-only{padding:4px 6px;min-width:auto}.difficulty-badge-sm{padding:2px 6px;font-size:.7rem;min-width:20px;gap:4px}.difficulty-badge-sm.difficulty-badge-icon-only{padding:3px 5px}.difficulty-badge-lg{padding:6px 12px;font-size:.9rem;min-width:32px;gap:8px}.difficulty-badge.level-1{background:var(--color-success-bg);color:var(--color-success-dark)}.difficulty-badge.level-2{background:var(--color-warning-bg);color:var(--color-warning-dark)}.difficulty-badge.level-3{background:var(--color-danger-bg);color:var(--color-danger-dark)}.package-difficulties{display:flex;gap:4px;margin-top:8px;margin-bottom:8px}.translations-indicator{color:var(--color-success);font-size:var(--font-size-sm)}.group-actions{display:flex;gap:var(--spacing-2)}.sentence-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.sentence-column{display:flex;flex-direction:column;gap:var(--spacing-2)}.column-header{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--surface-muted);border-radius:var(--radius-md)}.language-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary)}.column-content{background:var(--surface-muted);border-radius:var(--radius-lg);padding:var(--spacing-3);min-height:80px;display:flex;flex-direction:column;gap:var(--spacing-2)}.column-content.empty{align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic}.sentence-text-wrapper{flex:1}.sentence-text-interactive{line-height:1.6;-webkit-user-select:none;user-select:none;cursor:text}.sentence-column-actions{display:flex;gap:var(--spacing-1);justify-content:flex-end}.no-sentence{font-size:var(--font-size-sm);color:var(--text-secondary)}.word-clickable{cursor:pointer;padding:2px 4px;border-radius:3px;transition:background var(--transition-fast)}.word-clickable:hover{background:var(--option-bg-hover)}.word-clickable.has-translation{border-bottom:2px solid var(--color-icon)}.word-clickable.active-selection{background:var(--color-primary-100);font-weight:var(--font-weight-semibold)}.phrase-word{display:inline}.word-sidebar{position:fixed;right:0;top:0;bottom:0;width:400px;background:var(--card-bg);box-shadow:var(--shadow-xl);z-index:1000;display:flex;flex-direction:column;border-left:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--card-border)}.sidebar-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.word-display{background:var(--surface-muted);padding:var(--spacing-4);border-radius:var(--radius-lg)}.word-display label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium);display:block;margin-bottom:var(--spacing-1)}.word-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.translations-section{display:flex;flex-direction:column;gap:var(--spacing-3)}.translations-header{display:flex;align-items:center;justify-content:space-between}.translations-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.btn-ai-translate{padding:var(--spacing-2) var(--spacing-3);background:var(--gradient-hero);color:var(--color-white);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-2)}.btn-ai-translate:hover{opacity:.9}.btn-ai-translate:disabled{opacity:.5;cursor:not-allowed}.translation-input{display:flex;flex-direction:column;gap:var(--spacing-1)}.translation-input label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-1)}.translation-input input{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--option-bg);color:var(--text-primary)}.translation-input input:focus{outline:none;border-color:var(--color-icon);box-shadow:0 0 0 3px #bb86fc33}.no-languages-message{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-4)}.sidebar-actions{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4);border-top:1px solid var(--card-border)}.btn-save-translations{padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.btn-save-translations:hover{background:var(--color-primary-dark)}.btn-save-translations:disabled{opacity:.5;cursor:not-allowed}.btn-remove-translations{padding:var(--spacing-2) var(--spacing-3);background:transparent;color:var(--color-danger);border:1px solid var(--color-danger-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-remove-translations:hover{background:var(--color-danger-bg);border-color:var(--color-danger)}.btn-remove-translations:disabled{opacity:.5;cursor:not-allowed}.word-info{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.translation-progress-modal.single-sentence{max-width:500px}.sentence-preview{background:var(--surface-muted);padding:var(--spacing-3);border-radius:var(--radius-lg);margin:var(--spacing-3) 0;font-style:italic;color:var(--text-secondary)}.translation-progress-modal{background:var(--card-bg);border-radius:var(--radius-xl);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--card-border)}.progress-info{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.progress-bar-container{width:100%;height:8px;background:var(--surface-muted);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-4) 0}.progress-bar-fill{height:100%;background:var(--gradient-hero);transition:width var(--transition-base)}.progress-bar-fill.saving{background:var(--gradient-success)}.translation-log-container{flex:1;overflow-y:auto;background:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-4);border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;max-height:400px}.log-entry{margin-bottom:var(--spacing-1);padding:var(--spacing-1) 0}.typing-indicator{display:flex;gap:var(--spacing-1);align-items:center;color:var(--color-primary-light)}.typing-indicator .dot{animation:blink 1.4s infinite both;font-size:var(--font-size-xl)}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding:var(--spacing-4);border-top:1px solid var(--card-border)}.tool-info{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border:1px solid var(--card-border)}.tool-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3)}.tool-info p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-2)}.tool-info p:last-child{margin-bottom:0}.result-details{margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--card-border)}.result-details h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.result-details ul{list-style:none;padding:0;margin:0 0 var(--spacing-3) 0}.result-details li{padding:var(--spacing-1) 0;color:var(--text-secondary)}.total-deleted{font-weight:var(--font-weight-semibold);color:var(--color-text);padding-top:var(--spacing-2);border-top:1px solid var(--color-border)}@media(max-width:1024px){.editor-layout,.db-viewer-content{grid-template-columns:1fr}.packages-panel,.db-sidebar{display:none}.editor-header{padding:var(--spacing-3) var(--spacing-4)}.header-actions{flex-direction:column}.header-actions .btn{width:100%}}.view-header{text-align:center;margin-bottom:var(--spacing-6)}.view-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-3);margin-top:var(--spacing-6)}.sentence-card{background:transparent;border-radius:var(--radius-xl);padding:var(--spacing-6);margin-top:var(--spacing-6);margin-bottom:var(--spacing-6);border:1px solid var(--border-color)}.sentence-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em}.sentence-text{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text);margin-bottom:var(--spacing-4)}.translation-section{margin-top:var(--spacing-6)}.translation-card{margin-top:var(--spacing-3);padding:var(--spacing-4);background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-lg);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.translation-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em}.translation-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-primary)}.speaker-instructions{text-align:center;margin-top:var(--spacing-8);color:var(--text-secondary);font-style:italic}.hint-used-badge{background:var(--color-warning-bg);border:1px solid var(--color-warning-light);border-radius:var(--radius-lg);padding:var(--spacing-3);margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-warning-dark)}.hint-box{background:var(--color-info-bg);border:1px solid var(--color-info-light);border-radius:var(--radius-lg);padding:var(--spacing-3);margin-top:var(--spacing-4)}.hint-label{font-weight:var(--font-weight-semibold);color:var(--color-info-dark);margin-bottom:var(--spacing-2);display:block}.hint-text{color:var(--color-text);line-height:var(--line-height-relaxed)}.scoring-section{text-align:center;margin-top:var(--spacing-8)}.scoring-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-6)}.score-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.score-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xl);border:2px solid var(--border-color);background:#ffffff0d;cursor:pointer;transition:all var(--transition-fast);min-width:140px;color:var(--color-text)}.score-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.score-btn:disabled{opacity:.6;cursor:not-allowed}.score-btn.score-0{border-color:var(--color-danger-light)}.score-btn.score-0:hover:not(:disabled){background:var(--color-danger-bg);border-color:var(--color-danger)}.score-btn.score-1{border-color:var(--color-warning-light)}.score-btn.score-1:hover:not(:disabled){background:var(--color-warning-bg);border-color:var(--color-warning)}.score-btn.score-2{border-color:var(--color-success-light)}.score-btn.score-2:hover:not(:disabled){background:var(--color-success-bg);border-color:var(--color-success)}.score-icon{font-size:var(--font-size-3xl)}.score-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.score-points{font-size:var(--font-size-sm);color:var(--text-secondary)}.sentence-hints{margin-top:var(--spacing-4)}.sentence-hints-toggle{background:var(--color-bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-3);width:100%;display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-weight:var(--font-weight-medium);transition:background var(--transition-fast)}.sentence-hints-toggle:hover{background:var(--color-gray-100)}.sentence-hints-content{margin-top:var(--spacing-3);padding:var(--spacing-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.hint-category{margin-bottom:var(--spacing-3)}.hint-category:last-child{margin-bottom:0}.hint-category-label{font-weight:var(--font-weight-semibold);color:var(--color-text);display:block;margin-bottom:var(--spacing-2)}.hint-category-list{list-style:disc;padding-left:var(--spacing-6);color:var(--text-secondary)}.hint-category-list li{margin-bottom:var(--spacing-1)}.gameplay-footer{margin-top:var(--spacing-8);padding:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.session-info{margin-bottom:var(--spacing-6)}.info-grid{display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:var(--spacing-2)}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.info-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-1)}.package-warning{color:var(--color-warning-dark);font-size:var(--font-size-sm);text-align:center;margin-top:var(--spacing-2)}.winner-section{text-align:center;margin-bottom:var(--spacing-6)}.winner-section h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.scores-section{display:flex;align-items:center;justify-content:center;gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:transparent;border-radius:var(--radius-xl)}.score-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.player-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.player-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.player-icon.host{background:var(--gradient-hero)}.player-icon.guest{background:var(--gradient-success)}.player-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.score{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.score-divider{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-tertiary)}.stats-section{margin-bottom:var(--spacing-6)}.stats-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-4)}.stat-item{display:flex;flex-direction:column;gap:var(--spacing-1);padding:var(--spacing-4);background:#ffffff0d;border-radius:var(--radius-lg);text-align:center}.stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.difficulty-distribution{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.difficulty-distribution h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-4)}.distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}.distribution-player h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-3)}.distribution-items{display:flex;flex-direction:column;gap:var(--spacing-2)}.distribution-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2);background:#ffffff0d;border-radius:var(--radius-md)}.difficulty-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.difficulty-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.actions-section{display:flex;justify-content:center;gap:var(--spacing-3)}.language-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-2)}.language-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--color-bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);min-height:40px;white-space:nowrap}.language-button:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary-light);color:var(--text-primary)}.language-button.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.language-button.selected:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.language-button:disabled{opacity:.5;cursor:not-allowed}.difficulty-prefs-container{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-2)}.difficulty-pref-box{display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.difficulty-lang-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.difficulty-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.difficulty-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--color-bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px;white-space:nowrap}.difficulty-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-secondary-light);color:var(--text-primary)}.difficulty-button.selected{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-white);font-weight:var(--font-weight-semibold)}.difficulty-button.selected:hover:not(:disabled){background:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.difficulty-button:disabled{opacity:.5;cursor:not-allowed}.field-hint{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-1);margin-bottom:var(--spacing-2)}.language-filter{margin-bottom:var(--spacing-4)}.language-filter label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.difficulty-level-filter{margin-bottom:var(--spacing-4)}.difficulty-level-filter label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.category-filter{margin-bottom:var(--spacing-4)}.category-filter label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.filter-hint,.filter-hint-top{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-1)}.filter-hint-top{margin-bottom:var(--spacing-2)}@media(max-width:640px){.score-buttons{flex-direction:column;width:100%}.score-btn{width:100%}.scores-section{flex-direction:row;gap:var(--spacing-2);padding:var(--spacing-3)}.score-item{flex:1;gap:var(--spacing-1)}.player-info{gap:var(--spacing-1)}.player-icon{width:40px;height:40px;font-size:var(--font-size-base)}.player-name{font-size:var(--font-size-xs)}.score{font-size:var(--font-size-lg)}.score-divider{font-size:var(--font-size-base)}.stats-grid,.distribution-grid,.info-grid{grid-template-columns:1fr}}