@import url(https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500&family=JetBrains+Mono:wght@400;500&family=Kaiti+SC&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap);.audio-recorder{background:#f0f2f5;background:var(--jade-surface-alt,#f0f2f5);border:2px dashed #e2e5ea;border:2px dashed var(--jade-border,#e2e5ea);border-radius:10px;border-radius:var(--jade-radius-md,10px);padding:1rem;padding:var(--jade-space-4,1rem);transition:all .3s ease}.audio-recorder.initial{text-align:center}.audio-recorder.initial:hover{background:#fff;background:var(--jade-surface,#fff);border-color:#2a8c6e;border-color:var(--jade-primary,#2a8c6e)}.audio-recorder.recording{background:#fdecec;background:var(--jade-error-subtle,#fdecec);border-color:#d03e3e;border-color:var(--jade-error,#d03e3e);border-style:solid}.audio-recorder.recorded{background:#e7f7ec;background:var(--jade-success-subtle,#e7f7ec);border-color:#2e9653;border-color:var(--jade-success,#2e9653);border-style:solid}.recording-indicator{align-items:center;color:#dc2626;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;height:12px;width:12px}.recording-time{background:#ef44441a;border-radius:4px;font-family:Monaco,Courier New,monospace;padding:.25rem .75rem}.recorded-info{align-items:center;color:#059669;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem}.recorded-icon{font-size:1.5rem}.playback-controls,.recording-controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-audio{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.btn-audio:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.btn-audio:active{transform:translateY(0)}.btn-audio:disabled{cursor:not-allowed;opacity:.5}.btn-record{background:#2a8c6e;background:var(--jade-primary,#2a8c6e);color:#fff;font-size:1rem;padding:.75rem 1.5rem}.btn-record:hover{background:#1f7359;background:var(--jade-primary-hover,#1f7359)}.btn-stop{background:#d03e3e;background:var(--jade-error,#d03e3e);color:#fff}.btn-stop:hover{background:#b53232}.btn-pause{background:#c68a1a;background:var(--jade-warning,#c68a1a);color:#fff}.btn-pause:hover{background:#a87415}.btn-resume{background:#2e9653;background:var(--jade-success,#2e9653);color:#fff}.btn-resume:hover{background:#257a43}.btn-cancel,.btn-delete{background:#7c8494;background:var(--jade-text-muted,#7c8494);color:#fff}.btn-cancel:hover,.btn-delete:hover{background:#4a5060;background:var(--jade-text-secondary,#4a5060)}.btn-play{background:#2e9653;background:var(--jade-success,#2e9653);color:#fff}.btn-play:hover{background:#257a43}.btn-pause-playback{background:#c68a1a;background:var(--jade-warning,#c68a1a);color:#fff}.btn-pause-playback:hover{background:#a87415}.btn-re-record{background:#2a8c6e;background:var(--jade-primary,#2a8c6e);color:#fff}.btn-re-record:hover{background:#1f7359;background:var(--jade-primary-hover,#1f7359)}.recording-progress{background:#ef44441a;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden}.recording-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:2px;height:100%;transition:width .3s ease}.recording-hint{color:#6b7280;font-size:.85rem;margin-bottom:0;margin-top:.75rem;text-align:center}.audio-error{background:#fdecec;background:var(--jade-error-subtle,#fdecec);border:1px solid #d03e3e;border:1px solid var(--jade-error,#d03e3e);border-radius:10px;border-radius:var(--jade-radius-md,10px);color:#d03e3e;color:var(--jade-error,#d03e3e);font-size:.9rem;margin-bottom:1rem;padding:.75rem;text-align:center}[data-theme=dark] .audio-recorder{background:#22262e;background:var(--jade-surface-alt,#22262e);border-color:#2e333b;border-color:var(--jade-border,#2e333b)}[data-theme=dark] .audio-recorder.initial:hover{background:#1a1d23;background:var(--jade-surface,#1a1d23)}[data-theme=dark] .audio-recorder.recording{background:#2a1414;background:var(--jade-error-subtle,#2a1414);border-color:#e86060;border-color:var(--jade-error,#e86060)}[data-theme=dark] .audio-recorder.recorded{background:#142518;background:var(--jade-success-subtle,#142518);border-color:#4bbf6e;border-color:var(--jade-success,#4bbf6e)}[data-theme=dark] .recording-hint{color:#6e7888;color:var(--jade-text-muted,#6e7888)}[data-theme=dark] .audio-error{background:#2a1414;background:var(--jade-error-subtle,#2a1414);border-color:#e86060;border-color:var(--jade-error,#e86060);color:#e86060;color:var(--jade-error,#e86060)}@media (max-width:640px){.audio-recorder{padding:.75rem}.btn-audio{font-size:.85rem;padding:.4rem .8rem}.btn-record{padding:.6rem 1.2rem}.playback-controls,.recording-controls{flex-direction:column}.btn-audio{width:100%}}.admin-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f111480;bottom:0;left:0;padding:var(--spacing-md);right:0;top:0;z-index:1000}[data-theme=dark] .admin-overlay{background:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-panel{animation:slideUp .25s cubic-bezier(.16,1,.3,1);background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-xl);box-shadow:var(--jade-shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:800px;will-change:transform,opacity}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-header{background:var(--jade-surface);border-bottom:1px solid var(--jade-border);border-radius:var(--jade-radius-xl) var(--jade-radius-xl) 0 0;padding:var(--jade-space-6)}.admin-title{color:var(--jade-text);font-family:var(--jade-font-chinese);font-size:var(--jade-text-xl);font-weight:700;margin:0}.admin-close{border:none;border-radius:var(--jade-radius-md);color:var(--jade-text-muted);font-size:1.25rem;height:36px;transition:all var(--jade-duration-fast) var(--jade-ease-default);width:36px}.admin-close:hover{background:var(--jade-surface-alt);color:var(--jade-text)}.admin-form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.admin-scroll-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.admin-scroll-content::-webkit-scrollbar{width:8px}.admin-scroll-content::-webkit-scrollbar-track{background:var(--color-paper-dark);border-radius:var(--radius-sm)}.admin-scroll-content::-webkit-scrollbar-thumb{background:var(--color-grid);border-radius:var(--radius-sm)}.admin-scroll-content::-webkit-scrollbar-thumb:hover{background:var(--color-ink-lighter)}.admin-scroll-content{-webkit-overflow-scrolling:touch;will-change:scroll-position}.meaning-card{contain:layout style;will-change:auto}.form-section{margin-bottom:var(--spacing-xl)}.form-section:last-child{margin-bottom:0}.section-header{align-items:center;margin-bottom:var(--spacing-md)}.section-title{border-bottom:2px solid var(--jade-primary);color:var(--jade-text);font-family:var(--jade-font-sans);font-size:var(--jade-text-lg);font-weight:600;margin-bottom:var(--jade-space-4);padding-bottom:var(--jade-space-2)}.form-row{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;margin-bottom:var(--spacing-md)}.form-label{color:var(--color-ink-light);font-size:.875rem}.form-label,.form-label-small{font-weight:500;margin-bottom:var(--spacing-xs)}.form-label-small{color:var(--color-ink-lighter);font-size:.75rem}.form-input{background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-md);color:var(--jade-text);font-family:var(--jade-font-sans);font-size:var(--jade-text-base);padding:var(--jade-space-3) var(--jade-space-4);transition:border-color var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default)}.form-input:focus{border-color:var(--jade-primary);outline:none}.form-input:focus,[data-theme=dark] .form-input:focus{box-shadow:var(--jade-shadow-focus)}.form-input::placeholder{color:var(--jade-text-muted)}.hanzi-input{font-family:var(--jade-font-chinese);font-size:var(--jade-text-hanzi-sm);font-weight:500;padding:var(--jade-space-4);text-align:center}.form-input-small{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.form-select{background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-md);color:var(--jade-text);cursor:pointer;font-size:var(--jade-text-base);padding:var(--jade-space-3) var(--jade-space-4);transition:border-color var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default)}.form-select:focus{border-color:var(--jade-primary);outline:none}.form-select:focus,[data-theme=dark] .form-select:focus{box-shadow:var(--jade-shadow-focus)}.form-textarea{background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-md);color:var(--jade-text);font-family:var(--jade-font-sans);font-size:var(--jade-text-base);padding:var(--jade-space-4);transition:border-color var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default)}.form-textarea:focus{border-color:var(--jade-primary);outline:none}.form-textarea:focus,[data-theme=dark] .form-textarea:focus{box-shadow:var(--jade-shadow-focus)}.file-upload-area{position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-upload-label{background:var(--color-paper);border:2px dashed var(--color-grid);border-radius:var(--radius-md);color:var(--color-ink-light);display:inline-block;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all var(--transition-fast)}.file-upload-label:hover{background:var(--color-paper-dark);border-color:var(--color-primary);color:var(--color-primary)}.image-preview{border:2px solid var(--color-grid);border-radius:var(--radius-md);margin-top:var(--spacing-sm);max-width:200px}.meaning-card{background:var(--jade-surface-alt);border:1px solid var(--jade-border);border-radius:var(--jade-radius-lg);padding:var(--jade-space-4)}.meaning-card,.meaning-card-header{margin-bottom:var(--spacing-md)}.meaning-number{color:var(--color-primary);font-size:.875rem;font-weight:600}.examples-section{margin-top:var(--spacing-md)}.examples-header{margin-bottom:var(--spacing-sm)}.btn-primary{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-paper-light);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-paper)}.btn-secondary{border:2px solid var(--color-grid);border-radius:var(--radius-md);color:var(--color-ink-light);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-paper-dark);border-color:var(--color-ink-lighter);color:var(--color-ink)}.btn-add-small{background:var(--color-primary-light);border:none;border-radius:var(--radius-sm);color:var(--color-paper-light);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.btn-add-small:hover{background:var(--color-primary)}.btn-add-tiny{background:var(--color-primary-light);border:none;border-radius:var(--radius-sm);color:var(--color-paper-light);cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 12px;transition:all var(--transition-fast)}.btn-add-tiny:hover{background:var(--color-primary)}.btn-remove{background:#0000;border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.btn-remove:hover{background:var(--color-error);color:var(--color-paper-light)}.btn-remove-tiny{align-items:center;background:#0000;border:1px solid var(--color-error);border-radius:50%;color:var(--color-error);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.btn-remove-tiny:hover{background:var(--color-error);color:var(--color-paper-light)}.admin-footer{background:var(--jade-surface);border-radius:0 0 var(--jade-radius-xl) var(--jade-radius-xl);border-top:1px solid var(--jade-border);gap:var(--jade-space-3);padding:var(--jade-space-6)}.admin-button{align-items:center;background:var(--jade-primary);border:none;border-radius:var(--jade-radius-full);bottom:var(--spacing-xl);box-shadow:var(--jade-shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:56px;isolation:isolate;justify-content:center;pointer-events:auto;position:fixed;right:var(--spacing-xl);transition:background var(--jade-duration-fast) var(--jade-ease-default),transform var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default);width:56px;will-change:transform;z-index:100}.admin-button:hover{background:var(--jade-primary-hover);box-shadow:var(--jade-shadow-xl);transform:scale(1.05)}.admin-button:active{box-shadow:var(--jade-shadow-md);transform:scale(.95)}@media (max-width:768px){.admin-panel{max-height:100vh;max-width:100%}.admin-footer,.admin-header,.admin-panel{border-radius:0}.form-row{grid-template-columns:1fr}.form-group-wide{grid-column:auto}.hanzi-input{font-size:1.5rem}.admin-button{bottom:var(--spacing-md);font-size:1.25rem;height:50px;right:var(--spacing-md);width:50px}}.admin-page{background:var(--jade-bg);min-height:100vh;padding-bottom:var(--spacing-2xl)}.admin-page-header{background:var(--jade-surface);border-bottom:1px solid var(--jade-border);box-shadow:var(--jade-shadow-sm);padding:var(--jade-space-4) var(--jade-space-8);position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-page-header-content{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin:0 auto;max-width:1400px}.admin-page-title{color:var(--jade-text);flex:1 1;font-family:var(--jade-font-chinese);font-size:var(--jade-text-2xl);font-weight:700;margin:0;text-align:center}.btn-back{background:#0000;border:2px solid var(--color-grid);border-radius:var(--radius-md);color:var(--color-ink);cursor:pointer;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn-back:hover{background:var(--color-paper-dark);border-color:var(--color-primary);color:var(--color-primary)}.admin-stats-bar{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:var(--spacing-xl) auto;max-width:1400px;padding:0 var(--spacing-xl)}.admin-stat{align-items:center;background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-lg);box-shadow:var(--jade-shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--jade-space-6)}.admin-stat .stat-label{color:var(--jade-text-muted);font-size:var(--jade-text-sm);font-weight:500}.admin-stat .stat-value{color:var(--jade-primary);font-family:var(--jade-font-chinese);font-size:var(--jade-text-2xl);font-weight:700}.admin-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0 auto var(--spacing-xl);max-width:1400px;padding:0 var(--spacing-xl)}.search-box{flex:1 1;min-width:300px}.search-input{background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-md);color:var(--jade-text);font-size:var(--jade-text-base);padding:var(--jade-space-3) var(--jade-space-4);transition:border-color var(--jade-duration-fast) var(--jade-ease-default);width:100%}.search-input:focus{border-color:var(--jade-primary);box-shadow:var(--jade-shadow-focus);outline:none}.filter-box{align-items:center;display:flex;gap:var(--spacing-sm)}.filter-label{color:var(--color-ink-light);font-size:.875rem;font-weight:600;white-space:nowrap}.filter-select{background:var(--color-paper);border:2px solid var(--color-grid);border-radius:var(--radius-md);color:var(--color-ink);cursor:pointer;font-size:1rem;padding:var(--spacing-md)}.admin-content{margin:0 auto;max-width:1400px;padding:0 var(--spacing-xl)}.words-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.empty-state{color:var(--color-ink-lighter);font-size:1.125rem;grid-column:1/-1;padding:var(--spacing-2xl);text-align:center}.word-card{background:var(--jade-surface);border:1px solid var(--jade-border);border-radius:var(--jade-radius-lg);box-shadow:var(--jade-shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--jade-space-6);transition:transform var(--jade-duration-base) var(--jade-ease-default),box-shadow var(--jade-duration-base) var(--jade-ease-default),border-color var(--jade-duration-base) var(--jade-ease-default)}.word-card:hover{border-color:var(--jade-primary);box-shadow:var(--jade-shadow-md);transform:translateY(-2px)}.word-card-header{align-items:flex-start;border-bottom:2px solid var(--color-grid);display:flex;gap:var(--spacing-md);justify-content:space-between;padding-bottom:var(--spacing-md)}.word-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.word-hanzi{color:var(--jade-text);font-family:var(--jade-font-chinese);font-size:var(--jade-text-hanzi-md);font-weight:500;line-height:1}.word-pinyin{color:var(--jade-text-secondary);font-size:var(--jade-text-base);font-style:italic}.word-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.badge{border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-beginner{background:var(--jade-success-subtle);color:var(--jade-success)}.badge-intermediate{background:var(--jade-warning-subtle);color:var(--jade-warning)}.badge-advanced{background:var(--jade-error-subtle);color:var(--jade-error)}.badge-hsk{background:var(--jade-primary);color:#fff}.badge-custom{background:var(--jade-accent);color:#fff}.word-card-body{flex:1 1;gap:var(--spacing-md)}.word-card-body,.word-meanings{display:flex;flex-direction:column}.meaning-item,.word-meanings{gap:var(--spacing-sm)}.meaning-item{display:flex}.meaning-pos{color:var(--color-primary);font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.meaning-def{color:var(--color-ink);font-size:.875rem}.word-image-preview{border:2px solid var(--color-grid);border-radius:var(--radius-md);max-width:100%;overflow:hidden}.word-image-preview img{display:block;height:auto;width:100%}.word-examples-count{background:var(--color-paper-dark);border-radius:var(--radius-sm);color:var(--color-ink-lighter);font-size:.875rem;padding:var(--spacing-sm);text-align:center}.word-card-actions{border-top:2px solid var(--color-grid);display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.btn-delete,.btn-edit{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn-edit{background:var(--color-primary);color:var(--color-paper-light)}.btn-edit:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.btn-delete{background:var(--jade-error);border:none;border-radius:var(--jade-radius-md);color:#fff;cursor:pointer;font-weight:600;transition:background var(--jade-duration-fast) var(--jade-ease-default),transform var(--jade-duration-fast) var(--jade-ease-default)}.btn-delete:hover{background:#b53232;transform:translateY(-1px)}.read-only-badge{background:var(--color-paper-dark);border-radius:var(--radius-md);color:var(--color-ink-lighter);flex:1 1;font-size:.875rem;padding:var(--spacing-sm);text-align:center}@media (max-width:768px){.admin-page-header-content{align-items:stretch;flex-direction:column}.admin-page-title{font-size:1.5rem;text-align:center}.words-grid{grid-template-columns:1fr}.admin-controls{flex-direction:column}}.default-badge{background:var(--color-paper-dark);border:1px solid var(--color-grid);border-radius:var(--radius-md);color:var(--color-ink-light);flex:1 1;font-size:.875rem;padding:var(--spacing-sm);text-align:center}.words-grid{-webkit-overflow-scrolling:touch;will-change:scroll-position}.word-card{contain:layout style paint;content-visibility:auto}.word-image-preview img{will-change:auto}.example-card{background:var(--color-paper-light);border:2px solid var(--color-grid);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);overflow:hidden;padding:0}.example-card-header{background:var(--color-paper-dark);border-bottom:1px solid var(--color-grid);padding:var(--spacing-sm) var(--spacing-md)}.example-card-header .example-number{background:#0000!important;border-radius:0!important;color:var(--color-primary)!important;display:inline!important;font-size:.875rem!important;font-weight:600!important;height:auto!important;margin:0!important;padding:0!important;width:auto!important}.example-card .form-group{margin-top:var(--spacing-md);padding:0 var(--spacing-md)}.example-card .form-group:last-child{padding-bottom:var(--spacing-md)}.examples-header h3{color:var(--color-ink);font-size:1rem;font-weight:600;margin:0}.word-audio-section{border-top:1px dashed var(--color-grid);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.audio-exists{align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.btn-audio-delete,.btn-audio-play,.btn-audio-record{background:var(--color-paper-light);border:1px solid var(--color-grid);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s ease}.btn-audio-play:hover{background:var(--color-success);border-color:var(--color-success);color:#fff}.btn-audio-record:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-audio-delete{padding:var(--spacing-xs)}.btn-audio-delete:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-audio-delete:disabled,.btn-audio-play:disabled,.btn-audio-record:disabled{cursor:not-allowed;opacity:.5}.uploading-indicator{color:var(--color-primary);font-size:.75rem;font-style:italic}.audio-recorder-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.audio-recorder-modal{background:var(--color-paper-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper-lift);max-width:400px;padding:var(--spacing-lg);text-align:center;width:90%}.audio-recorder-modal h4{color:var(--color-ink);margin:0 0 var(--spacing-md) 0}.audio-recorder-modal .btn-cancel{background:var(--color-grid);border:none;border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:background .15s ease}.audio-recorder-modal .btn-cancel:hover{background:var(--color-danger);color:#fff}[data-theme=dark] .audio-recorder-modal{background:var(--color-paper-dark)}[data-theme=dark] .btn-audio-delete,[data-theme=dark] .btn-audio-play,[data-theme=dark] .btn-audio-record{background:var(--color-paper-dark);border-color:var(--color-grid);color:var(--color-ink)}.topics-input-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.topics-input-row .form-input{flex:1 1}.topics-list{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.topic-tag{background:var(--color-primary);border-radius:20px;font-size:.875rem;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.topic-remove,.topic-tag{color:var(--color-paper-light)}.topic-remove{background:none;border:none;font-size:1rem;opacity:.7;transition:opacity .15s ease}.topic-remove:hover{opacity:1}.form-hint{color:var(--color-ink-light);font-size:.8rem;font-style:italic;margin:0}[data-theme=dark] .topic-tag{background:var(--color-primary-light)}:root{--jade-bg:#f7f8fa;--jade-surface:#fff;--jade-surface-alt:#f0f2f5;--jade-border:#e2e5ea;--jade-border-emphasis:#c5cad1;--jade-text:#1a1d23;--jade-text-secondary:#4a5060;--jade-text-muted:#7c8494;--jade-primary:#2a8c6e;--jade-primary-hover:#1f7359;--jade-primary-active:#165a45;--jade-primary-subtle:#e8f5ef;--jade-accent:#4a7fba;--jade-accent-subtle:#eaf1f8;--jade-success:#2e9653;--jade-success-subtle:#e7f7ec;--jade-warning:#c68a1a;--jade-warning-subtle:#fef5e0;--jade-error:#d03e3e;--jade-error-subtle:#fdecec;--jade-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--jade-font-chinese:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--jade-font-mono:"JetBrains Mono","SF Mono","Fira Code","Cascadia Code",monospace;--jade-text-xs:0.75rem;--jade-text-sm:0.875rem;--jade-text-base:1rem;--jade-text-md:1.125rem;--jade-text-lg:1.25rem;--jade-text-xl:1.5rem;--jade-text-2xl:2rem;--jade-text-3xl:2.5rem;--jade-text-hanzi-sm:2rem;--jade-text-hanzi-md:3.5rem;--jade-text-hanzi-lg:5rem;--jade-text-hanzi-xl:8rem;--jade-space-1:0.25rem;--jade-space-2:0.5rem;--jade-space-3:0.75rem;--jade-space-4:1rem;--jade-space-5:1.25rem;--jade-space-6:1.5rem;--jade-space-8:2rem;--jade-space-10:2.5rem;--jade-space-12:3rem;--jade-space-16:4rem;--jade-radius-sm:6px;--jade-radius-md:10px;--jade-radius-lg:14px;--jade-radius-xl:20px;--jade-radius-full:9999px;--jade-shadow-xs:0 1px 2px #1a1d230d;--jade-shadow-sm:0 2px 4px #1a1d230f,0 1px 2px #1a1d230a;--jade-shadow-md:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;--jade-shadow-lg:0 8px 24px #1a1d231a,0 4px 8px #1a1d230d;--jade-shadow-xl:0 16px 48px #1a1d231f,0 8px 16px #1a1d230f;--jade-shadow-focus:0 0 0 3px #2a8c6e40;--jade-duration-instant:100ms;--jade-duration-fast:150ms;--jade-duration-base:250ms;--jade-duration-slow:400ms;--jade-duration-slower:600ms;--jade-ease-default:cubic-bezier(0.25,0.1,0.25,1);--jade-ease-out:cubic-bezier(0.16,1,0.3,1);--jade-ease-in:cubic-bezier(0.55,0,1,0.45);--jade-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--color-paper:var(--jade-bg);--color-paper-light:var(--jade-surface);--color-paper-dark:var(--jade-surface-alt);--color-ink:var(--jade-text);--color-ink-light:var(--jade-text-secondary);--color-ink-lighter:var(--jade-text-muted);--color-primary:var(--jade-primary);--color-primary-light:var(--jade-primary);--color-primary-dark:var(--jade-primary-active);--color-grid:var(--jade-border);--color-grid-emphasis:var(--jade-primary);--color-success:var(--jade-success);--color-warning:var(--jade-warning);--color-error:var(--jade-error);--color-danger:var(--jade-error);--color-accent:var(--jade-accent);--font-sans:var(--jade-font-sans);--font-chinese:var(--jade-font-chinese);--spacing-xs:var(--jade-space-1);--spacing-sm:var(--jade-space-2);--spacing-md:var(--jade-space-4);--spacing-lg:var(--jade-space-6);--spacing-xl:var(--jade-space-8);--spacing-2xl:var(--jade-space-12);--radius-sm:var(--jade-radius-sm);--radius-md:var(--jade-radius-md);--radius-lg:var(--jade-radius-lg);--radius-xl:var(--jade-radius-xl);--shadow-paper:var(--jade-shadow-md);--shadow-paper-lift:var(--jade-shadow-lg);--shadow-text:var(--jade-shadow-xs);--transition-fast:var(--jade-duration-fast) var(--jade-ease-default);--transition-base:var(--jade-duration-base) var(--jade-ease-default);--transition-slow:var(--jade-duration-slow) var(--jade-ease-default)}[data-theme=dark]{--jade-bg:#0f1114;--jade-surface:#1a1d23;--jade-surface-alt:#22262e;--jade-border:#2e333b;--jade-border-emphasis:#3e4550;--jade-text:#e8ecf1;--jade-text-secondary:#b0b8c4;--jade-text-muted:#6e7888;--jade-primary:#3fbf8e;--jade-primary-hover:#5cd4a6;--jade-primary-active:#2a9e73;--jade-primary-subtle:#15261e;--jade-accent:#6ba3d6;--jade-accent-subtle:#151e28;--jade-success:#4bbf6e;--jade-success-subtle:#142518;--jade-warning:#e0a832;--jade-warning-subtle:#28220f;--jade-error:#e86060;--jade-error-subtle:#2a1414;--jade-shadow-xs:0 1px 2px #0003;--jade-shadow-sm:0 2px 4px #00000040,0 1px 2px #00000026;--jade-shadow-md:0 4px 12px #0000004d,0 2px 4px #00000026;--jade-shadow-lg:0 8px 24px #00000059,0 4px 8px #0003;--jade-shadow-xl:0 16px 48px #0006,0 8px 16px #0003;--jade-shadow-focus:0 0 0 3px #3fbf8e4d}*{box-sizing:border-box;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;background:#f7f8fa;background:var(--jade-bg);background-color:#f7f8fa;background-color:var(--jade-bg);background-size:24px 24px;color:#1a1d23;color:var(--jade-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--jade-font-sans);line-height:1.6}[data-theme=dark] body,body{background-image:radial-gradient(circle,#e2e5ea .5px,#0000 0);background-image:radial-gradient(circle,var(--jade-border) .5px,#0000 .5px)}.app{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:1rem;padding:var(--spacing-md)}.welcome-screen{max-width:600px;padding:3rem 1rem;padding:var(--spacing-2xl) var(--spacing-md);text-align:center;width:100%}.welcome-content{background:#fff;background:var(--jade-surface);border:1px solid #e2e5ea;border:1px solid var(--jade-border);border-radius:20px;border-radius:var(--jade-radius-xl);box-shadow:0 8px 24px #1a1d231a,0 4px 8px #1a1d230d;box-shadow:var(--jade-shadow-lg);padding:3rem;padding:var(--jade-space-12)}.app-title{color:#2a8c6e;color:var(--color-primary);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:2.5rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.app-subtitle{color:#4a5060;color:var(--color-ink-light);font-size:1.125rem}.app-subtitle,.welcome-stats{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.welcome-stats{background:#f7f8fa;background:var(--color-paper);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:14px;border-radius:var(--radius-lg);display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-around;padding:1.5rem;padding:var(--spacing-lg)}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.stat-number{color:#2a8c6e;color:var(--color-primary);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:2rem;font-weight:600}.feature-list{margin-top:2rem;margin-top:var(--spacing-xl);text-align:left}.feature-list h3{color:#1a1d23;color:var(--color-ink);font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.feature-list ul{list-style:none;padding:0}.feature-list li{color:#4a5060;color:var(--color-ink-light);padding:.5rem 0;padding:var(--spacing-sm) 0;padding-left:1.5rem;padding-left:var(--spacing-lg);position:relative}.feature-list li:before{color:#2a8c6e;color:var(--color-primary);content:"✓";font-weight:700;left:0;position:absolute}.shuffle-toggle-container{background:#f7f8fa;background:var(--color-paper);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);margin:2rem 0;margin:var(--spacing-xl) 0;padding:1.5rem;padding:var(--spacing-lg)}.shuffle-toggle{align-items:center;cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);-webkit-user-select:none;user-select:none}.shuffle-toggle input[type=checkbox]{display:none}.shuffle-slider{background:#f0f2f5;background:var(--color-paper-dark);border:2px solid #e2e5ea;border:2px solid var(--color-grid);border-radius:26px;flex-shrink:0;height:26px;position:relative;width:50px}.shuffle-slider,.shuffle-slider:before{transition:all .25s ease;transition:all var(--transition-base)}.shuffle-slider:before{background:#7c8494;background:var(--color-ink-lighter);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;width:18px}.shuffle-toggle input[type=checkbox]:focus-visible+.shuffle-slider{outline:2px solid #2a8c6e;outline:2px solid var(--color-primary);outline-offset:2px}.shuffle-toggle input[type=checkbox]:checked+.shuffle-slider{background:#2a8c6e;background:var(--color-primary);border-color:#165a45;border-color:var(--color-primary-dark)}.shuffle-toggle input[type=checkbox]:checked+.shuffle-slider:before{background:#fff;background:var(--color-paper-light);transform:translateX(24px)}.shuffle-label{color:#1a1d23;color:var(--color-ink);font-size:1rem;font-weight:600}.shuffle-description{color:#4a5060;color:var(--color-ink-light);font-size:.875rem;font-style:italic;margin-left:66px;margin-top:.5rem;margin-top:var(--spacing-sm)}.topic-filter-container{background:#f7f8fa;background:var(--color-paper);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);margin:2rem 0;margin:var(--spacing-xl) 0;padding:1.5rem;padding:var(--spacing-lg)}.topic-filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.topic-filter-header h3{color:#1a1d23;color:var(--color-ink);font-size:1rem;font-weight:600;margin:0}.btn-clear-topics{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#2a8c6e;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .25s ease;transition:all var(--transition-base)}.btn-clear-topics:hover{background:#2a8c6e;background:var(--color-primary);color:#fff;color:var(--color-paper-light)}.topic-chips{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md);max-height:200px;overflow-y:auto;padding:.25rem;padding:var(--spacing-xs)}.topic-chip{align-items:center;background:#fff;background:var(--color-paper-light);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:20px;color:#1a1d23;color:var(--color-ink);cursor:pointer;display:inline-flex;font-size:.875rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .25s ease;transition:all var(--transition-base);white-space:nowrap}.topic-chip:hover{color:#2a8c6e;color:var(--color-primary)}.topic-chip.selected,.topic-chip:hover{border-color:#2a8c6e;border-color:var(--color-primary)}.topic-chip.selected{background:#2a8c6e;background:var(--color-primary);color:#fff;color:var(--color-paper-light)}.topic-chip.selected:hover{background:#165a45;background:var(--color-primary-dark);border-color:#165a45;border-color:var(--color-primary-dark);color:#fff;color:var(--color-paper-light)}.topic-filter-info{color:#4a5060;color:var(--color-ink-light);font-size:.875rem;font-style:italic;margin:0}.btn-primary{background:#2a8c6e;background:var(--jade-primary);border:none;border-radius:10px;border-radius:var(--jade-radius-md);box-shadow:0 2px 4px #1a1d230f,0 1px 2px #1a1d230a;box-shadow:var(--jade-shadow-sm);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--jade-font-sans);font-size:1rem;font-size:var(--jade-text-base);font-weight:600;padding:.75rem 1.5rem;padding:var(--jade-space-3) var(--jade-space-6);transition:background .15s ease,box-shadow .15s ease,transform .15s ease;transition:background var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default),transform var(--jade-duration-fast) var(--jade-ease-default)}.btn-primary:hover{background:#1f7359;background:var(--jade-primary-hover);box-shadow:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;box-shadow:var(--jade-shadow-md);transform:translateY(-1px)}.btn-primary:active{background:#165a45;background:var(--jade-primary-active);box-shadow:0 1px 2px #1a1d230d;box-shadow:var(--jade-shadow-xs);transform:translateY(0)}.btn-primary:focus-visible{box-shadow:0 0 0 3px #2a8c6e40;box-shadow:var(--jade-shadow-focus)}.btn-primary:disabled{background:#c5cad1;background:var(--jade-border-emphasis);box-shadow:none;color:#7c8494;color:var(--jade-text-muted);transform:none}.btn-secondary{background:#fff;background:var(--jade-surface);border:1px solid #e2e5ea;border:1px solid var(--jade-border);border-radius:10px;border-radius:var(--jade-radius-md);box-shadow:0 1px 2px #1a1d230d;box-shadow:var(--jade-shadow-xs);color:#1a1d23;color:var(--jade-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--jade-font-sans);font-size:1rem;font-size:var(--jade-text-base);padding:.75rem 1.5rem;padding:var(--jade-space-3) var(--jade-space-6);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;transition:background var(--jade-duration-fast) var(--jade-ease-default),border-color var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default)}.btn-secondary:hover{border-color:#c5cad1;border-color:var(--jade-border-emphasis);box-shadow:0 2px 4px #1a1d230f,0 1px 2px #1a1d230a;box-shadow:var(--jade-shadow-sm)}.btn-secondary:active,.btn-secondary:hover{background:#f0f2f5;background:var(--jade-surface-alt)}.btn-secondary:active{box-shadow:none}.btn-secondary:focus-visible{box-shadow:0 0 0 3px #2a8c6e40;box-shadow:var(--jade-shadow-focus)}.btn-large{border-radius:14px;border-radius:var(--jade-radius-lg);font-size:1.125rem;font-size:var(--jade-text-md);padding:1rem 2rem;padding:var(--jade-space-4) var(--jade-space-8)}.progress-bar-container{margin-bottom:2rem;margin-bottom:var(--spacing-xl);max-width:1000px;width:100%}.progress-info{color:#4a5060;color:var(--color-ink-light);display:flex;font-size:.875rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.progress-bar{background:#f0f2f5;background:var(--jade-surface-alt);border:none;border-radius:9999px;border-radius:var(--jade-radius-full);height:4px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#2a8c6e,#1f7359);background:linear-gradient(90deg,var(--jade-primary),var(--jade-primary-hover));border-radius:9999px;border-radius:var(--jade-radius-full);transition:width .25s ease;transition:width var(--jade-duration-base) var(--jade-ease-default)}.flashcard-area{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:2rem;margin-bottom:var(--spacing-xl);max-width:1000px;min-height:700px;width:100%}.flashcard-container{height:700px;perspective:1500px;position:relative;width:100%}.flashcard-container.slide-in-right{animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1)}.flashcard-container.slide-in-left{animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.flashcard-container.swiping-left{animation:swipeLeft .3s ease-out}.flashcard-container.swiping-right{animation:swipeRight .3s ease-out}@keyframes swipeLeft{0%{opacity:1;transform:translateX(0) rotate(0)}to{opacity:.5;transform:translateX(-100px) rotate(-10deg)}}@keyframes swipeRight{0%{opacity:1;transform:translateX(0) rotate(0)}to{opacity:.5;transform:translateX(100px) rotate(10deg)}}.flashcard{cursor:pointer;height:100%;position:relative;-webkit-transform:translateZ(0);transform-style:preserve-3d;transition:transform .4s ease;transition:transform var(--transition-slow);width:100%}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-side{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--jade-surface);background-color:#fff;background-color:var(--jade-surface);background-image:none;border:1px solid #e2e5ea;border:1px solid var(--jade-border);border-radius:20px;border-radius:var(--jade-radius-xl);box-shadow:0 16px 48px #1a1d231f,0 8px 16px #1a1d230f;box-shadow:var(--jade-shadow-xl);display:flex;flex-direction:column;height:100%;outline:none;overflow-y:auto;padding:2rem;padding:var(--jade-space-8);position:absolute;-webkit-transform:translateZ(0);width:100%}.flashcard-back-side{transform:rotateY(180deg)}.flashcard-front{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);height:100%;justify-content:space-between;position:relative}.word-number{background:#2a8c6e;background:var(--jade-primary);border-radius:0 20px 0 10px;border-radius:0 var(--jade-radius-xl) 0 var(--jade-radius-md);box-shadow:0 2px 4px #1a1d230f,0 1px 2px #1a1d230a;box-shadow:var(--jade-shadow-sm);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--jade-font-sans);font-size:.875rem;font-size:var(--jade-text-sm);font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;padding:var(--jade-space-1) var(--jade-space-3);position:absolute;right:0;top:0}.card-meta{align-self:flex-start;display:flex;gap:.5rem;gap:var(--spacing-sm)}.difficulty-badge,.hsk-badge{border-radius:6px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.difficulty-badge.beginner{background:#e7f7ec;background:var(--jade-success-subtle);border:1px solid #2e9653;border:1px solid var(--jade-success);color:#2e9653;color:var(--jade-success)}.difficulty-badge.intermediate{background:#fef5e0;background:var(--jade-warning-subtle);border:1px solid #c68a1a;border:1px solid var(--jade-warning);color:#c68a1a;color:var(--jade-warning)}.difficulty-badge.advanced{background:#fdecec;background:var(--jade-error-subtle);border:1px solid #d03e3e;border:1px solid var(--jade-error);color:#d03e3e;color:var(--jade-error)}.hsk-badge{background:#2a8c6e;background:var(--jade-primary);border:1px solid #165a45;border:1px solid var(--jade-primary-active);color:#fff}.character-display{align-items:center;display:flex;flex:1 1;justify-content:center}.hanzi-large{color:#1a1d23;color:var(--jade-text);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--jade-font-chinese);font-size:5rem;font-size:var(--jade-text-hanzi-lg);font-weight:500;letter-spacing:.05em;line-height:1;max-width:100%;text-align:center;word-break:keep-all}.hanzi-large[data-length="3"],.hanzi-large[data-length="4"]{font-size:6rem}.hanzi-large[data-length="5"],.hanzi-large[data-length="6"]{font-size:5rem}.hanzi-large[data-length="7"],.hanzi-large[data-length="8"]{font-size:4rem}.hanzi-large[data-length="10"],.hanzi-large[data-length="11"],.hanzi-large[data-length="12"],.hanzi-large[data-length="9"]{font-size:3.5rem}.hanzi-large[data-length^="1"],.hanzi-large[data-length^="2"]{font-size:2.5rem;line-height:1.4}.image-section{margin:1rem 0;margin:var(--spacing-md) 0;max-width:400px;width:100%}.word-image{border-radius:14px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:auto;max-height:200px;object-fit:cover;width:100%}.mode-toggle{background:#f7f8fa;background:var(--color-paper);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);margin:1rem 0;margin:var(--spacing-md) 0;padding:.25rem;padding:var(--spacing-xs)}.mode-btn,.mode-toggle{display:flex;gap:.25rem;gap:var(--spacing-xs)}.mode-btn{align-items:center;background:#0000;border:2px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#4a5060;color:var(--color-ink-light);cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:600;justify-content:center;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base)}.mode-btn:hover{background:#fff;background:var(--color-paper-light)}.mode-btn.active{background:#2a8c6e;background:var(--color-primary);border-color:#165a45;border-color:var(--color-primary-dark);color:#fff;color:var(--color-paper-light)}.stroke-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:400px;padding:1.5rem;padding:var(--spacing-lg)}.stroke-animation{transition:transform .15s ease;transition:transform var(--transition-fast)}.stroke-animation:hover{transform:scale(1.05)}.stroke-animation:active{transform:scale(.98)}.audio-controls{gap:1rem;gap:var(--spacing-md)}.audio-controls,.audio-section{align-items:center;display:flex}.audio-section{gap:.5rem;gap:var(--spacing-sm)}.audio-label{color:var(--color-text-light);font-size:.875rem}.flip-hint{text-align:center}.hint-text{color:#7c8494;color:var(--color-ink-lighter);font-size:.875rem;font-style:italic}.flashcard-back.dictionary-style{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.dictionary-header{align-items:center;background:#fff;background:var(--jade-surface);border-bottom:1px solid #e2e5ea;border-bottom:1px solid var(--jade-border);display:flex;gap:2rem;gap:var(--jade-space-8);padding:1.5rem 2rem;padding:var(--jade-space-6) var(--jade-space-8)}.dictionary-header-text{flex:1 1}.hanzi-with-audio{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.hanzi-display{color:#1a1d23;color:var(--color-ink);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:5rem;font-weight:500;line-height:1}.header-audio{border-width:3px;flex-shrink:0;height:56px;width:56px}.header-audio .audio-icon{height:28px;width:28px}.pinyin-display{color:#4a5060;color:var(--jade-text-secondary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--jade-font-sans);font-size:1.25rem;font-size:var(--jade-text-lg);font-style:italic;font-weight:500;letter-spacing:1px}.dictionary-header-image{border-radius:14px;border-radius:var(--radius-lg);flex-shrink:0;height:180px;overflow:hidden;width:180px}.dictionary-header-image img{border:2px solid #e2e5ea;border:2px solid var(--jade-border);border-radius:14px;border-radius:var(--jade-radius-lg);height:100%;object-fit:cover;width:100%}.dictionary-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.dictionary-image-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.dictionary-image{border:2px solid #e2e5ea;border:2px solid var(--jade-border);border-radius:10px;border-radius:var(--jade-radius-md);box-shadow:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;box-shadow:var(--jade-shadow-md);height:auto;max-height:250px;max-width:400px;object-fit:cover;width:100%}.meaning-block{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.meaning-block:last-child{margin-bottom:0}.meaning-header{align-items:baseline;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.part-of-speech{background:#e8f5ef;background:var(--jade-primary-subtle);border:none;border-radius:6px;border-radius:var(--jade-radius-sm);color:#2a8c6e;color:var(--jade-primary);display:inline-block;font-size:.75rem;font-size:var(--jade-text-xs);font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--jade-space-1) var(--jade-space-2);text-transform:uppercase}.definition{color:#1a1d23;color:var(--color-ink);font-size:1.125rem;font-weight:600;line-height:1.5}.examples-list{flex-direction:column}.example-item,.examples-list{display:flex;gap:1rem;gap:var(--spacing-md)}.example-item{background:#f0f2f5;background:var(--jade-surface-alt);border-left:3px solid #2a8c6e;border-left:3px solid var(--jade-primary);border-radius:10px;border-radius:var(--jade-radius-md);padding:1rem;padding:var(--spacing-md)}.example-number{align-items:center;background:#2a8c6e;background:var(--color-primary);border-radius:50%;color:#fff;color:var(--color-paper-light);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.example-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.example-chinese{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.example-text-cn{color:#1a1d23;color:var(--color-ink);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:1.125rem;font-weight:500;line-height:1.7}.example-pinyin{font-size:.875rem;font-style:italic}.example-english,.example-pinyin{color:#4a5060;color:var(--color-ink-light)}.example-english{font-size:1rem;line-height:1.6}.example-audio{flex-shrink:0}.audio-player{background:var(--color-paper-light);border:2px solid #2a8c6e;border:2px solid var(--color-primary);border-radius:50%;color:#2a8c6e;color:var(--color-primary);height:40px;transition:all .25s ease;transition:all var(--transition-base);width:40px}.audio-player:hover{background:#2a8c6e;background:var(--color-primary);color:#fff;color:var(--color-paper-light);transform:scale(1.1)}.audio-player:disabled{cursor:not-allowed;opacity:.5}.audio-player.audio-error{border-color:#d03e3e;border-color:var(--color-error);color:#d03e3e;color:var(--color-error)}.audio-icon{height:20px;width:20px}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stroke-animation{display:inline-block;position:relative}.replay-hint{align-items:center;background:#2a8c6e;background:var(--color-primary);border:1px solid #165a45;border:1px solid var(--color-primary-dark);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;box-shadow:var(--shadow-paper);color:#fff;color:var(--color-paper-light);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:1rem;margin-top:var(--spacing-md);padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base)}.replay-hint:hover{background:#165a45;background:var(--color-primary-dark);box-shadow:0 8px 24px #1a1d231a,0 4px 8px #1a1d230d;box-shadow:var(--shadow-paper-lift);transform:translateY(-1px)}.stroke-animation.animating .replay-hint{cursor:wait;opacity:.5;pointer-events:none}.stroke-animation-fallback{align-items:center;display:flex;justify-content:center;min-height:150px}.stroke-animation-static{color:#1a1d23;color:var(--color-ink);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:clamp(2rem,8vw,4rem);line-height:1.4;padding:1rem;padding:var(--spacing-md);text-align:center}.stroke-practice{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);width:100%}.practice-canvas-container{align-items:center;display:flex;justify-content:center;position:relative}.practice-canvas{border:2px solid #e2e5ea;border:2px solid var(--color-grid);box-shadow:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;box-shadow:var(--shadow-paper)}.practice-progress{align-items:center;background:#f7f8fa;background:var(--color-paper);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:1.5rem;gap:var(--spacing-lg);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.progress-text{color:#2a8c6e;color:var(--color-primary);font-weight:600}.mistake-count{color:#d03e3e;color:var(--color-error);font-weight:600}.practice-controls{flex-wrap:wrap;justify-content:center}.practice-btn,.practice-controls{display:flex;gap:.5rem;gap:var(--spacing-sm)}.practice-btn{align-items:center;background:#fff;background:var(--color-paper-light);border:2px solid #e2e5ea;border:2px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);color:#1a1d23;color:var(--color-ink);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-weight:600;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .25s ease;transition:all var(--transition-base)}.practice-btn:hover:not(:disabled){box-shadow:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;box-shadow:var(--shadow-paper);transform:translateY(-1px)}.practice-btn:disabled{cursor:not-allowed;opacity:.5}.practice-btn.start-btn{background:#2a8c6e;background:var(--color-primary);border-color:#165a45;border-color:var(--color-primary-dark);color:#fff;color:var(--color-paper-light)}.practice-btn.start-btn:hover:not(:disabled){background:#165a45;background:var(--color-primary-dark)}.practice-btn.hint-btn{border-color:#c68a1a;border-color:var(--color-warning);color:#c68a1a;color:var(--color-warning)}.practice-btn.hint-btn:hover{background:#c68a1a;background:var(--color-warning);color:#fff}.practice-btn.reset-btn{border-color:#d03e3e;border-color:var(--color-error);color:#d03e3e;color:var(--color-error)}.practice-btn.reset-btn:hover{background:#d03e3e;background:var(--color-error);color:#fff}.practice-instructions{color:#4a5060;color:var(--color-ink-light);font-size:.875rem;max-width:300px;text-align:center}.swipe-indicator{align-items:center;animation:popIn .2s ease-out;background:#fff;background:var(--color-paper-light);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 8px 24px #1a1d231a,0 4px 8px #1a1d230d;box-shadow:var(--shadow-paper-lift);display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;gap:1rem;gap:var(--spacing-md);justify-content:center;min-width:150px;padding:2rem;padding:var(--spacing-xl);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.swipe-indicator.left{border:3px solid #d03e3e;border:3px solid var(--color-error);color:#d03e3e;color:var(--color-error);left:2rem;left:var(--spacing-xl)}.swipe-indicator.right{border:3px solid #2e9653;border:3px solid var(--color-success);color:#2e9653;color:var(--color-success);right:2rem;right:var(--spacing-xl)}.swipe-icon{font-size:4rem}.swipe-text{font-size:1.25rem;letter-spacing:1px;text-transform:uppercase}.navigation-controls{border-radius:14px;border-radius:var(--jade-radius-lg);box-shadow:0 4px 12px #1a1d2314,0 2px 4px #1a1d230a;box-shadow:var(--jade-shadow-md);gap:2rem;gap:var(--jade-space-8);justify-content:center;margin-top:1.5rem;margin-top:var(--jade-space-6);max-width:1000px;padding:1.5rem;padding:var(--jade-space-6);width:100%}.nav-btn,.navigation-controls{align-items:center;background:#fff;background:var(--jade-surface);border:1px solid #e2e5ea;border:1px solid var(--jade-border);display:flex}.nav-btn{border-radius:10px;border-radius:var(--jade-radius-md);box-shadow:0 1px 2px #1a1d230d;box-shadow:var(--jade-shadow-xs);color:#1a1d23;color:var(--jade-text);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--jade-font-sans);font-size:1rem;font-weight:500;gap:.5rem;gap:var(--jade-space-2);padding:.75rem 1.25rem;padding:var(--jade-space-3) var(--jade-space-5);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;transition:background var(--jade-duration-fast) var(--jade-ease-default),border-color var(--jade-duration-fast) var(--jade-ease-default),box-shadow var(--jade-duration-fast) var(--jade-ease-default)}.nav-btn:hover:not(:disabled){background:#f0f2f5;background:var(--jade-surface-alt);border-color:#c5cad1;border-color:var(--jade-border-emphasis);box-shadow:0 2px 4px #1a1d230f,0 1px 2px #1a1d230a;box-shadow:var(--jade-shadow-sm)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.nav-info{color:#4a5060;color:var(--color-ink-light);flex:1 1;font-size:.875rem;text-align:center}.session-complete{max-width:600px;padding:3rem 1rem;padding:var(--spacing-2xl) var(--spacing-md);width:100%}.complete-content{background:#fff;background:var(--jade-surface);border:1px solid #e2e5ea;border:1px solid var(--jade-border);border-radius:20px;border-radius:var(--jade-radius-xl);box-shadow:0 8px 24px #1a1d231a,0 4px 8px #1a1d230d;box-shadow:var(--jade-shadow-lg);padding:3rem;padding:var(--jade-space-12);text-align:center}.complete-title{color:#2a8c6e;color:var(--color-primary);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:2.5rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.complete-subtitle{color:#4a5060;color:var(--color-ink-light);font-size:1.125rem}.complete-subtitle,.session-stats{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.session-stats{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.stat-card{background:#f7f8fa;background:var(--color-paper);border:1px solid #e2e5ea;border:1px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);padding:1.5rem;padding:var(--spacing-lg)}.stat-value{color:#2a8c6e;color:var(--color-primary);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-family:var(--font-chinese);font-size:2.5rem;font-weight:600}.stat-label{color:#4a5060;color:var(--color-ink-light);font-size:.875rem}.rating-breakdown{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:left}.rating-breakdown h3{font-size:1.125rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-align:center}.breakdown-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.breakdown-item{align-items:center;background:#f7f8fa;background:var(--color-paper);border:2px solid #e2e5ea;border:2px solid var(--color-grid);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.breakdown-item.again{background:#fdecec;background:var(--jade-error-subtle);border-color:#d03e3e;border-color:var(--jade-error);border-left:3px solid #d03e3e;border-left:3px solid var(--jade-error)}.breakdown-item.hard{background:#fef5e0;background:var(--jade-warning-subtle);border-color:#c68a1a;border-color:var(--jade-warning);border-left:3px solid #c68a1a;border-left:3px solid var(--jade-warning)}.breakdown-item.good{background:#e8f5ef;background:var(--jade-primary-subtle);border-color:#2a8c6e;border-color:var(--jade-primary);border-left:3px solid #2a8c6e;border-left:3px solid var(--jade-primary)}.breakdown-item.easy{background:#e7f7ec;background:var(--jade-success-subtle);border-color:#2e9653;border-color:var(--jade-success);border-left:3px solid #2e9653;border-left:3px solid var(--jade-success)}.breakdown-icon{font-size:1.5rem}.breakdown-label{flex:1 1;font-size:.875rem;font-weight:600}.breakdown-count{font-size:1.25rem;font-weight:700}.complete-actions{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}@media (max-width:640px){.app-title{font-size:2rem}.hanzi-large{font-size:5rem}.flashcard-container{height:550px}.welcome-stats{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.flashcard-container{height:450px}.flashcard-side{padding:1.5rem;padding:var(--spacing-lg)}.rating-buttons{grid-template-columns:1fr}.navigation-controls{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.nav-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{box-shadow:0 0 0 3px #2a8c6e40;box-shadow:var(--jade-shadow-focus);outline:none}.flashcard:focus-visible .flashcard-side{border-color:#2a8c6e;border-color:var(--jade-primary);box-shadow:0 16px 48px #1a1d231f,0 8px 16px #1a1d230f,0 0 0 1px #2a8c6e;box-shadow:var(--jade-shadow-xl),0 0 0 1px var(--jade-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f0f2f5;background:var(--jade-surface-alt)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:6px;border-radius:var(--jade-radius-sm)}::-webkit-scrollbar-thumb{background:#c5cad1;background:var(--jade-border-emphasis)}::-webkit-scrollbar-thumb:hover{background:#7c8494;background:var(--jade-text-muted)}@media (max-width:640px){body{background-size:20px 20px}.hanzi-large{font-size:3.5rem;font-size:var(--jade-text-hanzi-md)}}@media print{.app{background:#fff}.flashcard-container{page-break-inside:avoid}}:root{--qb-purple:var(--jade-accent,#4a7fba);--qb-purple-dark:#3a6a9e;--qb-purple-light:var(--jade-accent-subtle,#eaf1f8);--qb-amber:var(--jade-warning,#c68a1a);--qb-amber-dark:#a87415;--qb-amber-light:var(--jade-warning-subtle,#fef5e0);--qb-green:var(--jade-success,#2e9653);--qb-red:var(--jade-error,#d03e3e);--qb-bg:#0f1114;--qb-surface:#1a1d23;--qb-surface-light:#22262e;--qb-text:#e8ecf1;--qb-text-muted:var(--jade-text-muted,#6e7888);--qb-border:#2e333b}.quiz-battle{background:#0f1114;background:var(--qb-bg);background-image:radial-gradient(ellipse at 20% 20%,#2a8c6e14 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#4a7fba0f 0,#0000 50%);color:#e8ecf1;color:var(--qb-text);flex-direction:column;font-family:system-ui,-apple-system,sans-serif;font-family:var(--jade-font-sans,system-ui,-apple-system,sans-serif);justify-content:center;min-height:100vh;padding:1rem;position:relative}.qb-back-btn,.quiz-battle{align-items:center;display:flex}.qb-back-btn{background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);border-radius:8px;color:#6e7888;color:var(--qb-text-muted);cursor:pointer;font-size:.875rem;gap:.5rem;left:1rem;padding:.5rem 1rem;position:fixed;top:1rem;transition:all .2s ease;z-index:100}.qb-back-btn:hover{background:#22262e;background:var(--qb-surface-light);color:#e8ecf1;color:var(--qb-text)}.qb-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.qb-btn.primary{background:linear-gradient(135deg,#2a8c6e,#165a45);background:linear-gradient(135deg,var(--jade-primary,#2a8c6e) 0,var(--jade-primary-active,#165a45) 100%);box-shadow:0 4px 14px #2a8c6e66;color:#fff}.qb-btn.primary:hover{box-shadow:0 6px 20px #2a8c6e80;transform:translateY(-2px)}.qb-btn.primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.qb-btn.secondary{background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);color:#6e7888;color:var(--qb-text-muted)}.qb-btn.secondary:hover{background:#22262e;background:var(--qb-surface-light);color:#e8ecf1;color:var(--qb-text)}.qb-btn.large{font-size:1.125rem;padding:1rem 2.5rem}.qb-lobby{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:720px;width:100%}.qb-lobby-header{text-align:center}.qb-lobby-icon{display:block;font-size:3rem;margin-bottom:.5rem}.qb-lobby-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a8c6e,#4a7fba);background:linear-gradient(135deg,var(--jade-primary,#2a8c6e) 0,var(--jade-accent,#4a7fba) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0}.qb-lobby-subtitle{color:#6e7888;color:var(--qb-text-muted);font-size:1rem;margin:.5rem 0 0}.qb-menu-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.qb-room-info{text-align:center}.qb-room-label{color:#6e7888;color:var(--qb-text-muted);font-size:.875rem;letter-spacing:.15em;margin:0 0 .5rem;text-transform:uppercase}.qb-room-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3fbf8e,#5cd4a6);background:linear-gradient(135deg,var(--jade-primary,#3fbf8e) 0,var(--jade-primary-hover,#5cd4a6) 100%);-webkit-background-clip:text;background-clip:text;font-family:SF Mono,Fira Code,monospace;font-family:var(--jade-font-mono,"SF Mono","Fira Code",monospace);font-size:3.5rem;font-weight:900;letter-spacing:.3em}.qb-room-hint{color:#6e7888;color:var(--qb-text-muted);font-size:.875rem;margin:.25rem 0 0}.qb-player-list{background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);border-radius:12px;padding:1.25rem;width:100%}.qb-player-list h3{color:#6e7888;color:var(--qb-text-muted);font-size:.875rem;letter-spacing:.1em;margin:0 0 1rem;text-transform:uppercase}.qb-player-list ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.qb-player-item{align-items:center;display:flex;gap:.75rem}.qb-player-avatar{align-items:center;background:linear-gradient(135deg,#2a8c6e,#165a45);background:linear-gradient(135deg,var(--jade-primary,#2a8c6e) 0,var(--jade-primary-active,#165a45) 100%);border-radius:50%;display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.qb-player-name{flex:1 1;font-weight:500}.qb-host-badge{background:#c68a1a;background:var(--qb-amber);border-radius:4px;color:#0f1114;color:var(--qb-bg);font-size:.625rem;font-weight:700;letter-spacing:.1em;padding:.2rem .5rem}.qb-lobby-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.qb-waiting{animation:pulse 2s ease-in-out infinite;color:#6e7888;color:var(--qb-text-muted);font-style:italic}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.qb-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.qb-form-title{color:#e8ecf1;color:var(--qb-text);font-size:1.5rem;font-weight:700;margin:0}.qb-field{display:flex;flex-direction:column;gap:.5rem}.qb-field label{color:#6e7888;color:var(--qb-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.qb-field input{background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);border-radius:10px;color:#e8ecf1;color:var(--qb-text);font-size:1rem;outline:none;padding:.875rem 1rem;transition:border-color .2s}.qb-field input:focus{border-color:#3fbf8e;border-color:var(--jade-primary,#3fbf8e)}.qb-field input::placeholder{color:#3e4550}.qb-code-input{font-family:SF Mono,Fira Code,monospace;font-size:1.5rem!important;font-weight:700;letter-spacing:.3em;text-align:center}.qb-question-selector{display:flex;gap:.5rem}.qb-question-opt{background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);border-radius:8px;color:#6e7888;color:var(--qb-text-muted);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s}.qb-question-opt.selected{background:#2a8c6e;background:var(--jade-primary,#2a8c6e);border-color:#2a8c6e;border-color:var(--jade-primary,#2a8c6e);color:#fff}.qb-form-actions{display:flex;gap:.75rem}.qb-form-actions .qb-btn{flex:1 1}.qb-error{background:#ef44441a;border-radius:8px;color:#d03e3e;color:var(--qb-red);font-size:.875rem;margin:0;padding:.75rem;text-align:center;width:100%}.qb-game{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:800px;min-height:100vh;padding:1rem;width:100%}.qb-timer-bar{background:#1a1d23;background:var(--qb-surface);border-radius:3px;border-radius:0;height:6px;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:50}.qb-timer-fill{background:linear-gradient(90deg,#3fbf8e,#6ba3d6);background:linear-gradient(90deg,var(--jade-primary,#3fbf8e) 0,var(--jade-accent,#6ba3d6) 100%);border-radius:0 3px 3px 0;height:100%;transition:width 1s linear}.qb-timer-fill.urgent{animation:timerPulse .5s ease-in-out infinite;background:linear-gradient(90deg,#e0a832,#e86060);background:linear-gradient(90deg,var(--jade-warning,#e0a832) 0,var(--jade-error,#e86060) 100%)}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.7}}.qb-question-header{align-items:center;display:flex;justify-content:space-between;width:100%}.qb-question-num{color:#6e7888;color:var(--qb-text-muted);font-size:.875rem;font-weight:600}.qb-time-left{color:#c68a1a;color:var(--qb-amber);font-family:SF Mono,Fira Code,monospace;font-size:1.25rem;font-weight:700}.qb-character-display{padding:2rem 0;text-align:center}.qb-hanzi{color:#e8ecf1;color:var(--qb-text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-family:var(--font-chinese,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);font-size:clamp(3rem,12vw,5rem);font-weight:700;line-height:1.2}.qb-pinyin{color:#6e7888;color:var(--qb-text-muted);font-size:1.25rem;margin-top:.5rem}.qb-answers{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.qb-answer-btn{align-items:center;background:#1a1d23;background:var(--qb-surface);border:2px solid #2e333b;border:2px solid var(--qb-border);border-radius:12px;color:#e8ecf1;color:var(--qb-text);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;min-height:60px;padding:1rem 1.25rem;text-align:left;transition:all .2s ease}.qb-answer-btn:hover:not(:disabled){background:#22262e;background:var(--qb-surface-light);border-color:#3fbf8e;border-color:var(--jade-primary,#3fbf8e);transform:translateY(-1px)}.qb-answer-btn:disabled{cursor:default}.qb-answer-btn.selected{background:#2a8c6e33;border-color:#3fbf8e;border-color:var(--jade-primary,#3fbf8e)}.qb-answer-btn.correct{background:#2e965326;border-color:#2e9653;border-color:var(--qb-green)}.qb-answer-btn.wrong{background:#d03e3e26;border-color:#d03e3e;border-color:var(--qb-red)}.qb-answer-key{align-items:center;background:#3fbf8e26;border-radius:6px;color:#6e7888;color:var(--qb-text-muted);display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.qb-answer-text{flex:1 1;line-height:1.3}.qb-live-results{flex-wrap:wrap;gap:.5rem}.qb-live-dot,.qb-live-results{display:flex;justify-content:center}.qb-live-dot{align-items:center;animation:popIn .3s ease-out;border-radius:50%;font-size:.75rem;font-weight:700;height:32px;width:32px}.qb-live-dot.correct{background:#10b98133;border:2px solid #2e9653;border:2px solid var(--qb-green);color:#2e9653;color:var(--qb-green)}.qb-live-dot.wrong{background:#ef444433;border:2px solid #d03e3e;border:2px solid var(--qb-red);color:#d03e3e;color:var(--qb-red)}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.qb-countdown{text-align:center}.qb-countdown-label{color:#6e7888;color:var(--qb-text-muted);font-size:1.25rem;letter-spacing:.15em;margin:0 0 1rem;text-transform:uppercase}.qb-countdown-number{-webkit-text-fill-color:#0000;animation:countPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#3fbf8e,#6ba3d6);background:linear-gradient(135deg,var(--jade-primary,#3fbf8e) 0,var(--jade-accent,#6ba3d6) 100%);-webkit-background-clip:text;background-clip:text;font-size:8rem;font-weight:900;line-height:1}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.qb-countdown-info{color:#6e7888;color:var(--qb-text-muted);font-size:1rem;margin:1rem 0 0}.qb-scoreboard{text-align:center;width:100%}.qb-scoreboard-title{color:#c68a1a;color:var(--qb-amber);font-size:1.5rem;font-weight:700;margin:0 0 1rem}.qb-correct-answer{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:.75rem 1rem}.qb-correct-label{color:#2e9653;color:var(--qb-green);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.qb-correct-value{color:#e8ecf1;color:var(--qb-text);font-size:1.1rem;font-weight:600}.qb-score-list{display:flex;flex-direction:column;gap:.5rem}.qb-score-row{align-items:center;background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.qb-score-row.is-me{background:#2a8c6e1a;border-color:#3fbf8e;border-color:var(--jade-primary,#3fbf8e)}.qb-score-rank{color:#c68a1a;color:var(--qb-amber);font-weight:700;width:2rem}.qb-score-name{flex:1 1;font-weight:500;text-align:left}.qb-score-pts{color:#c68a1a;color:var(--qb-amber);font-family:SF Mono,Fira Code,monospace;font-weight:700}.qb-next-hint{animation:pulse 2s ease-in-out infinite;color:#6e7888;color:var(--qb-text-muted);font-style:italic;margin-top:1.5rem}.qb-results{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:720px;padding:2rem 1rem;width:100%}.qb-winner-section{animation:fadeInUp .6s ease-out;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qb-trophy{animation:trophyBounce .8s ease-out;font-size:4rem}@keyframes trophyBounce{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.qb-winner-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3fbf8e,#2a9e73);background:linear-gradient(135deg,var(--jade-primary,#3fbf8e) 0,var(--jade-primary-active,#2a9e73) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:.5rem 0 0}.qb-winner-score{color:#6e7888;color:var(--qb-text-muted);font-size:1.25rem;margin:.25rem 0 0}.qb-podium{align-items:flex-end;display:flex;gap:.75rem;justify-content:center;width:100%}.qb-podium-place{align-items:center;animation:fadeInUp .6s ease-out backwards;display:flex;flex-direction:column;gap:.5rem}.qb-podium-place.place-1{animation-delay:.2s;order:2}.qb-podium-place.place-2{animation-delay:.4s;order:1}.qb-podium-place.place-3{animation-delay:.6s;order:3}.qb-podium-avatar{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.place-1 .qb-podium-avatar{background:linear-gradient(135deg,#3fbf8e,#2a9e73);background:linear-gradient(135deg,var(--jade-primary,#3fbf8e) 0,var(--jade-primary-active,#2a9e73) 100%);font-size:1.5rem;height:56px;width:56px}.place-2 .qb-podium-avatar{background:linear-gradient(135deg,#94a3b8,#64748b)}.place-3 .qb-podium-avatar{background:linear-gradient(135deg,#c2884d,#a3692f)}.qb-podium-name{font-size:.875rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qb-podium-score{color:#6e7888;color:var(--qb-text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.8rem}.qb-podium-bar{align-items:flex-end;border-radius:8px 8px 0 0;display:flex;justify-content:center;padding:.5rem;width:80px}.place-1 .qb-podium-bar{background:linear-gradient(180deg,#3fbf8e,#3fbf8e4d);background:linear-gradient(180deg,var(--jade-primary,#3fbf8e) 0,#3fbf8e4d 100%);height:100px;width:90px}.place-2 .qb-podium-bar{background:linear-gradient(180deg,#94a3b8,#94a3b833);height:70px}.place-3 .qb-podium-bar{background:linear-gradient(180deg,#c2884d,#c2884d33);height:50px}.qb-podium-rank{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.qb-podium-place.is-me .qb-podium-name{color:#3fbf8e;color:var(--jade-primary,#3fbf8e)}.qb-rest-scores{display:flex;flex-direction:column;gap:.5rem;width:100%}.qb-rest-row{align-items:center;background:#1a1d23;background:var(--qb-surface);border:1px solid #2e333b;border:1px solid var(--qb-border);border-radius:8px;display:flex;gap:.75rem;padding:.625rem 1rem}.qb-rest-row.is-me{border-color:#3fbf8e;border-color:var(--jade-primary,#3fbf8e)}.qb-rest-rank{color:#6e7888;color:var(--qb-text-muted);font-weight:600;width:2rem}.qb-rest-name{flex:1 1}.qb-rest-pts{color:#6e7888;color:var(--qb-text-muted);font-family:SF Mono,Fira Code,monospace;font-weight:600}.qb-result-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:100%}.qb-question-image{background:#1a1d23;background:var(--qb-surface);border:3px solid #2e333b;border:3px solid var(--qb-border);border-radius:16px;height:200px;margin:0 auto;overflow:hidden;width:200px}.qb-question-image img{height:100%;object-fit:cover;width:100%}.qb-answer-btn.picture-opt .qb-answer-text{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-family:var(--font-chinese,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif);font-size:1.5rem;font-weight:700}.qb-score-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:20px;color:#2e9653;color:var(--qb-green);font-size:.875rem;font-weight:600;padding:.25rem .75rem}.qb-penalty-flash{animation:penaltyPop 1.2s ease-out forwards;color:#d03e3e;color:var(--qb-red);display:inline-block;font-size:1rem;font-weight:800;margin-left:.5rem}@keyframes penaltyPop{0%{opacity:1;transform:translateY(0) scale(1.3)}70%{opacity:1;transform:translateY(-8px) scale(1)}to{opacity:0;transform:translateY(-16px) scale(.8)}}.qb-answer-btn.faded{opacity:.4}.qb-progress-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.qb-progress-list.compact{margin-top:.5rem}.qb-progress-row{align-items:center;display:flex;font-size:.8rem;gap:.75rem}.qb-progress-name{color:#6e7888;color:var(--qb-text-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:60px}.qb-progress-bar-container{background:#1a1d23;background:var(--qb-surface);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.qb-progress-bar-fill{background:#3fbf8e;background:var(--jade-primary,#3fbf8e);border-radius:3px;height:100%;transition:width .3s ease}.qb-progress-bar-fill.done{background:#2e9653;background:var(--qb-green)}.qb-progress-count{color:#6e7888;color:var(--qb-text-muted);font-family:SF Mono,Fira Code,monospace;font-size:.75rem;text-align:right;width:48px}.qb-waiting-done{flex-direction:column;gap:1rem;max-width:400px;text-align:center;width:100%}.qb-done-icon,.qb-waiting-done{align-items:center;display:flex}.qb-done-icon{animation:popIn .4s ease-out;background:#10b98126;border:3px solid #2e9653;border:3px solid var(--qb-green);border-radius:50%;color:#2e9653;color:var(--qb-green);font-size:3rem;height:80px;justify-content:center;width:80px}.qb-done-score{color:#e8ecf1;color:var(--qb-text);font-size:1.5rem;font-weight:700}.qb-podium-time{font-size:.7rem}.qb-podium-time,.qb-rest-time{color:#6e7888;color:var(--qb-text-muted);font-family:SF Mono,Fira Code,monospace}.qb-rest-time{font-size:.75rem;text-align:right;width:50px}@media (max-width:500px){.qb-answers{grid-template-columns:1fr}.qb-hanzi{font-size:3.5rem}.qb-room-code{font-size:2.5rem}.qb-podium-bar{width:60px}.place-1 .qb-podium-bar{width:70px}}@media (prefers-reduced-motion:reduce){.qb-countdown-number,.qb-live-dot,.qb-next-hint,.qb-penalty-flash,.qb-timer-fill.urgent,.qb-trophy,.qb-waiting{animation:none}}:root{--paper:#f7f4ec;--paper-2:#efebe0;--ink:#14110d;--ink-2:#3a3530;--ink-3:#6e6962;--rule:#d9d3c4;--rule-2:#e7e1d2;--card:#fff;--vermillion:#d83a2c;--vermillion-ink:#b22b1f;--vermillion-50:#fde7e3;--jade:#1f6b4d;--gold:#c08a2a;--indigo:#2c3e7a;--battle-bg:#14110d;--battle-fg:#f7f4ec;--error:#b22b1f;--font-sans:"Geist","Inter",-apple-system,system-ui,sans-serif;--font-mono:"JetBrains Mono","Geist Mono",ui-monospace,Menlo,monospace;--font-han:"Kaiti SC","STKaiti","Noto Sans SC","PingFang SC",serif;--font-han-display:"Kaiti SC","STKaiti","Noto Sans SC",serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r1:2px;--r2:4px;--r3:8px;--r4:12px;--sh1:0 1px 0 #14110d0f;--sh2:0 1px 2px #14110d0f,0 0 0 1px var(--rule);--sh3:0 8px 24px #14110d14,0 0 0 1px var(--rule);--sh4:0 24px 60px #14110d2e;--color-paper:var(--paper);--color-paper-light:var(--card);--color-paper-dark:var(--paper-2);--color-ink:var(--ink);--color-ink-light:var(--ink-2);--color-ink-lighter:var(--ink-3);--color-text-muted:var(--ink-3);--color-primary:var(--ink);--color-primary-light:var(--ink-2);--color-primary-dark:#000;--color-grid:var(--rule);--color-grid-emphasis:var(--ink);--color-success:var(--jade);--color-warning:var(--gold);--color-error:var(--error);--color-danger:var(--error);--color-accent:var(--vermillion);--font-chinese:var(--font-han);--radius-sm:var(--r2);--radius-md:var(--r3);--radius-lg:var(--r4);--radius-xl:16px;--spacing-xs:var(--s1);--spacing-sm:var(--s2);--spacing-md:var(--s4);--spacing-lg:var(--s5);--spacing-xl:var(--s6);--spacing-2xl:var(--s7);--shadow-paper:var(--sh2);--shadow-paper-lift:var(--sh3)}*,:after,:before{box-sizing:border-box}#root,body,html{background:#f7f4ec;background:var(--paper)}body{-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";color:#14110d;color:var(--ink);font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);margin:0;text-rendering:optimizeLegibility}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.t-eyebrow{color:#6e6962;color:var(--ink-3);font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.t-display{font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:56px;font-weight:500;letter-spacing:-.02em;line-height:1.02}.t-h1{font-size:32px;letter-spacing:-.018em;line-height:1.1}.t-h1,.t-h2{font-weight:500;margin:0}.t-h2{font-size:22px;letter-spacing:-.012em;line-height:1.2}.t-h3{font-size:16px;font-weight:600;letter-spacing:-.005em;line-height:1.3;margin:0}.t-body{color:#3a3530;color:var(--ink-2);font-size:15px;line-height:1.5}.t-small{color:#6e6962;color:var(--ink-3);font-size:13px;line-height:1.45}.t-mono{font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);letter-spacing:.02em}.t-han{letter-spacing:.02em}.t-han,.t-han-sm{font-family:Kaiti SC,STKaiti,Noto Sans SC,PingFang SC,serif;font-family:var(--font-han)}.t-han-sm{font-size:32px;letter-spacing:.04em}.t-han-md{font-size:56px}.t-han-lg,.t-han-md{font-family:Kaiti SC,STKaiti,Noto Sans SC,PingFang SC,serif;font-family:var(--font-han);letter-spacing:.04em}.t-han-lg{font-size:96px;line-height:1}.t-han-xl{font-family:Kaiti SC,STKaiti,Noto Sans SC,PingFang SC,serif;font-family:var(--font-han);font-size:168px;letter-spacing:.02em;line-height:1}.pinyin{color:#3a3530;color:var(--ink-2);font-style:italic;letter-spacing:.01em}.btn,.pinyin{font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans)}.btn{align-items:center;background:#14110d;background:var(--ink);border:1px solid #14110d;border:1px solid var(--ink);border-radius:4px;border-radius:var(--r2);color:#f7f4ec;color:var(--paper);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:44px;justify-content:center;letter-spacing:-.005em;padding:0 20px;text-decoration:none;transition:background .12s,transform .08s,box-shadow .12s;white-space:nowrap}.btn:hover{background:#000}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn--sm{font-size:13px;height:34px;padding:0 14px}.btn--lg{font-size:16px;height:56px;padding:0 28px}.btn--ghost{background:#0000;border:1px solid #d9d3c4;border:1px solid var(--rule);color:#14110d;color:var(--ink)}.btn--ghost:hover{background:#efebe0;background:var(--paper-2)}.btn--accent{background:#d83a2c;background:var(--vermillion);border-color:#d83a2c;border-color:var(--vermillion);color:#fff}.btn--accent:hover{background:#b22b1f;background:var(--vermillion-ink);border-color:#b22b1f;border-color:var(--vermillion-ink)}.btn--text{background:#0000;border:none;border-bottom:1px solid;border-radius:0;color:#14110d;color:var(--ink);height:auto;padding:4px 0}.btn--danger{background:#0000;border:1px solid #b22b1f;border:1px solid var(--error);color:#b22b1f;color:var(--error)}.btn--danger:hover{background:#fde7e3;background:var(--vermillion-50)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field-label{color:#6e6962;color:var(--ink-3);font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.input,.select,.textarea{background:#fff;background:var(--card);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:4px;border-radius:var(--r2);color:#14110d;color:var(--ink);font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:15px;height:44px;outline:none;padding:0 14px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:#14110d;border-color:var(--ink);box-shadow:0 0 0 3px #14110d0f}.textarea{height:auto;min-height:80px;padding:12px 14px;resize:vertical}.input--lg{font-size:18px;height:56px}.input--mono{font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase}.card{background:#fff;background:var(--card)}.card,.panel{border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:8px;border-radius:var(--r3)}.panel{background:#efebe0;background:var(--paper-2)}.chip{align-items:center;background:#fff;background:var(--card);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:999px;color:#3a3530;color:var(--ink-2);cursor:pointer;display:inline-flex;font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:13px;gap:6px;height:28px;padding:0 12px;transition:all .12s}.chip:hover{border-color:#3a3530;border-color:var(--ink-2);color:#14110d;color:var(--ink)}.chip--active{background:#14110d;background:var(--ink);border-color:#14110d;border-color:var(--ink);color:#f7f4ec;color:var(--paper)}.chip--accent{background:#d83a2c;background:var(--vermillion);border-color:#d83a2c;border-color:var(--vermillion);color:#fff}.badge{align-items:center;background:#efebe0;background:var(--paper-2);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:4px;border-radius:var(--r2);color:#3a3530;color:var(--ink-2);display:inline-flex;font-size:11px;font-weight:500;height:22px;letter-spacing:.02em;padding:0 8px}.badge--accent{background:#d83a2c;background:var(--vermillion);border-color:#d83a2c;border-color:var(--vermillion);color:#fff}.badge--jade{background:#e0efe7;border-color:#b8d8c5;color:#1f6b4d;color:var(--jade)}.badge--gold{background:#f5ebd1;border-color:#e0cfa3;color:#c08a2a;color:var(--gold)}.badge--mono{font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.rule{background:#d9d3c4;background:var(--rule)}.rule,.rule-soft{border:0;height:1px;margin:0}.rule-soft{background:#e7e1d2;background:var(--rule-2)}.stamp{align-items:center;background:#d83a2c;background:var(--vermillion);border-radius:4px;color:#fff;display:inline-flex;font-family:Kaiti SC,STKaiti,Noto Sans SC,PingFang SC,serif;font-family:var(--font-han);font-weight:500;justify-content:center;letter-spacing:.04em}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.pulse-dot{animation:pulse-dot 1.2s ease-in-out infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s ease-out both}.ink-flashcard{max-width:720px;perspective:1600px;width:100%}.ink-flashcard-inner{cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .5s ease;width:100%}.ink-flashcard-inner.is-flipped{transform:rotateY(180deg)}.ink-flashcard-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--card);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:16px;overflow:hidden;width:100%}.ink-flashcard-face--back{inset:0;position:absolute;transform:rotateY(180deg)}.phone{border-radius:28px;box-shadow:0 8px 24px #14110d14,0 0 0 1px #d9d3c4;box-shadow:var(--sh3);height:760px;overflow:hidden;position:relative;width:360px}.phone,.quiz-answer{background:#fff;background:var(--card);border:1px solid #d9d3c4;border:1px solid var(--rule)}.quiz-answer{align-items:center;border-radius:8px;border-radius:var(--r3);color:#14110d;color:var(--ink);cursor:pointer;display:flex;font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:16px;gap:16px;padding:20px 24px;text-align:left;transition:all .12s;width:100%}.quiz-answer:hover:not(:disabled){border-color:#14110d;border-color:var(--ink);transform:translateY(-1px)}.quiz-answer--correct{background:#e0efe7;border-color:#1f6b4d;border-color:var(--jade);color:#1f6b4d;color:var(--jade)}.quiz-answer--wrong{background:#fde7e3;background:var(--vermillion-50);border-color:#d83a2c;border-color:var(--vermillion);color:#b22b1f;color:var(--vermillion-ink)}.quiz-answer--faded{opacity:.4}.quiz-answer--selected{background:#efebe0;background:var(--paper-2);border-color:#14110d;border-color:var(--ink)}.quiz-key{background:#efebe0;background:var(--paper-2);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:6px;flex-shrink:0;font-size:13px;height:28px;width:28px}.quiz-key,kbd{align-items:center;display:inline-flex;font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);justify-content:center}kbd{background:#fff;background:var(--card);border:1px solid #d9d3c4;border:solid var(--rule);border-radius:4px;border-width:1px 1px 2px;color:#3a3530;color:var(--ink-2);font-size:11px;height:22px;min-width:22px;padding:0 6px}.progress-track{background:#e7e1d2;background:var(--rule-2);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{background:#14110d;background:var(--ink);height:100%;transition:width .3s ease}.progress-fill--accent,.progress-fill--urgent{background:#d83a2c;background:var(--vermillion)}.progress-fill--urgent{animation:pulse-dot .6s ease-in-out infinite}.tbl{border-collapse:collapse;font-size:14px;width:100%}.tbl th{background:#0000;border-bottom:1px solid #d9d3c4;border-bottom:1px solid var(--rule);color:#6e6962;color:var(--ink-3);font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;padding:12px 16px;text-align:left;text-transform:uppercase}.tbl td{border-bottom:1px solid #e7e1d2;border-bottom:1px solid var(--rule-2);padding:14px 16px;vertical-align:middle}.tbl tr:hover td{background:#efebe0;background:var(--paper-2)}.app{background:#f7f4ec!important;background:var(--paper)!important;color:#14110d;color:var(--ink)}.app,.btn-primary{font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans)}.btn-primary{align-items:center;background:#14110d;background:var(--ink);border:1px solid #14110d;border:1px solid var(--ink);border-radius:4px;border-radius:var(--r2);color:#f7f4ec;color:var(--paper);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:44px;justify-content:center;letter-spacing:-.005em;padding:0 20px;transition:background .12s,transform .08s}.btn-primary:hover{background:#000}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary{align-items:center;background:#0000;border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:4px;border-radius:var(--r2);color:#14110d;color:var(--ink);cursor:pointer;display:inline-flex;font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:14px;font-weight:500;gap:8px;height:44px;justify-content:center;padding:0 20px;transition:all .12s}.btn-secondary:hover{background:#efebe0;background:var(--paper-2)}.btn-large{font-size:16px;height:56px;padding:0 28px}.ink-header{align-items:center;background:#f7f4ec;background:var(--paper);border-bottom:1px solid #d9d3c4;border-bottom:1px solid var(--rule);display:flex;height:64px;justify-content:space-between;padding:0 32px}.ink-header-section{align-items:center;display:flex;gap:16px}.theme-battle{--ink:#f7f4ec;--ink-2:#c8c1b0;--ink-3:#8a8478;--paper:#14110d;--paper-2:#1f1b15;--rule:#2e2820;--card:#1b1813;color:#14110d;color:var(--ink)}@keyframes inkwell-typing-dot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}:focus,:focus-visible{box-shadow:none!important;outline:none!important}.form-input:focus,.form-input:focus-visible,.form-select:focus,.form-select:focus-visible,.form-textarea:focus,.form-textarea:focus-visible,.input:focus,.input:focus-visible,.select:focus,.select:focus-visible,.textarea:focus,.textarea:focus-visible{border-color:#14110d!important;border-color:var(--ink)!important;box-shadow:0 0 0 3px #14110d0f!important;outline:none!important}.ink-login input:focus,.ink-login input:focus-visible{border-bottom-color:#14110d!important;border-bottom-color:var(--ink)!important;box-shadow:none!important;outline:none!important}.admin-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14110d66!important;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:32px;position:fixed;z-index:9000}.admin-panel{background:#fff!important;background:var(--card)!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:8px!important;border-radius:var(--r3)!important;box-shadow:0 24px 60px #14110d2e!important;box-shadow:var(--sh4)!important;font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);margin:0 auto;max-width:720px!important;width:100%}.admin-header{align-items:center;background:#fff;background:var(--card);border-bottom:1px solid #d9d3c4!important;border-bottom:1px solid var(--rule)!important;border-radius:8px 8px 0 0;border-radius:var(--r3) var(--r3) 0 0;display:flex;justify-content:space-between;padding:24px 32px!important;position:-webkit-sticky;position:sticky;top:0;z-index:1}.admin-title{color:#14110d!important;color:var(--ink)!important;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:22px!important;font-weight:500!important;letter-spacing:-.012em;margin:0!important}.admin-close{align-items:center;background:#0000;border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:4px;border-radius:var(--r2);color:#3a3530;color:var(--ink-2);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;width:32px}.admin-close:hover{background:#efebe0;background:var(--paper-2)}.admin-form{background:#0000}.admin-scroll-content{padding:32px!important}.admin-footer{align-items:center;background:#fff;background:var(--card);border-radius:0 0 8px 8px;border-radius:0 0 var(--r3) var(--r3);border-top:1px solid #d9d3c4!important;border-top:1px solid var(--rule)!important;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 32px!important;position:-webkit-sticky;position:sticky}.form-section{margin-bottom:32px}.section-title{border-bottom:2px solid #14110d!important;border-bottom:2px solid var(--ink)!important;color:#14110d!important;color:var(--ink)!important;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:16px!important;font-weight:600!important;margin:0 0 16px!important;padding-bottom:8px}.section-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:16px}.form-label,.form-label-small{color:#6e6962!important;color:var(--ink-3)!important;display:block;font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace!important;font-family:var(--font-mono)!important;font-size:11px!important;font-weight:500!important;letter-spacing:.14em!important;margin-bottom:6px;text-transform:uppercase!important}.form-input,.form-select,.form-textarea{background:#fff!important;background:var(--card)!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;color:#14110d!important;color:var(--ink)!important;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:15px!important;height:44px;outline:none;padding:0 14px!important;transition:border-color .12s,box-shadow .12s;width:100%}.form-textarea{height:auto;min-height:80px;padding:12px 14px!important;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#14110d!important;border-color:var(--ink)!important;box-shadow:0 0 0 3px #14110d0f}.hanzi-input{font-family:Kaiti SC,STKaiti,Noto Sans SC,PingFang SC,serif!important;font-family:var(--font-han)!important;font-size:22px!important}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:12px}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1/-1}.form-group-wide{grid-column:span 2}.btn-add-small,.btn-add-tiny{background:#0000!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;color:#14110d!important;color:var(--ink)!important;cursor:pointer;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:13px!important;font-weight:500;height:34px;padding:0 14px!important}.btn-add-small:hover,.btn-add-tiny:hover{background:#efebe0;background:var(--paper-2)}.btn-remove,.btn-remove-tiny{background:#0000!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;color:#d83a2c!important;color:var(--vermillion)!important;cursor:pointer;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:12px!important;height:28px;padding:0 10px!important}.btn-remove-tiny{padding:0!important;width:28px}.meaning-card{background:#efebe0!important;background:var(--paper-2)!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:8px!important;border-radius:var(--r3)!important;margin-bottom:12px;padding:16px!important}.meaning-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.meaning-number{color:#6e6962!important;color:var(--ink-3)!important;font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace!important;font-family:var(--font-mono)!important;font-size:11px!important;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.examples-section{margin-top:16px}.examples-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.example-card{background:#fff!important;background:var(--card)!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;margin-bottom:8px;padding:12px!important}.example-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.example-number{color:#6e6962!important;color:var(--ink-3)!important;font-family:JetBrains Mono,Geist Mono,ui-monospace,Menlo,monospace!important;font-family:var(--font-mono)!important;font-size:10px!important;letter-spacing:.14em;text-transform:uppercase}.topics-input-row{display:flex;gap:8px;margin-bottom:12px}.topics-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.topic-tag{align-items:center;background:#14110d!important;background:var(--ink)!important;border:1px solid #14110d!important;border:1px solid var(--ink)!important;border-radius:999px!important;color:#f7f4ec!important;color:var(--paper)!important;display:inline-flex;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:13px!important;gap:6px;height:28px;padding:0 12px!important}.topic-remove{background:#0000;border:0;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0}.form-hint{color:#6e6962;color:var(--ink-3);font-size:13px;margin-top:8px}.file-upload-area{width:100%}.file-input{display:none}.file-upload-label{align-items:center;background:#efebe0!important;background:var(--paper-2)!important;border:1.5px dashed #d9d3c4!important;border:1.5px dashed var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;color:#3a3530!important;color:var(--ink-2)!important;cursor:pointer;display:flex;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:14px;font-weight:500;gap:8px;height:100px;justify-content:center}.file-upload-label:hover{border-color:#3a3530;border-color:var(--ink-2)}.image-preview{border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:4px;border-radius:var(--r2);margin-top:12px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.audio-exists{display:flex;gap:8px}.btn-audio-delete,.btn-audio-play{background:#0000!important;border:1px solid #d9d3c4!important;border:1px solid var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;cursor:pointer;font-family:Geist,Inter,-apple-system,system-ui,sans-serif!important;font-family:var(--font-sans)!important;font-size:13px!important;height:34px!important;padding:0 14px!important}.btn-audio-delete{color:#d83a2c!important;color:var(--vermillion)!important}.audio-recorder.initial,.audio-recorder.recorded,.audio-recorder.recording{background:#efebe0!important;background:var(--paper-2)!important;border:1.5px dashed #d9d3c4!important;border:1.5px dashed var(--rule)!important;border-radius:4px!important;border-radius:var(--r2)!important;padding:14px!important}.audio-recorder.recording{background:#fde7e3!important;background:var(--vermillion-50)!important;border-color:#d83a2c!important;border-color:var(--vermillion)!important;border-style:solid!important}.audio-recorder.recorded{background:#fff!important;background:var(--card)!important;border-color:#d9d3c4!important;border-color:var(--rule)!important;border-style:solid!important}.audio-player{align-items:center;background:#fff;background:var(--card);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:4px;border-radius:var(--r2);color:#3a3530;color:var(--ink-2);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:all .12s;width:36px}.audio-player:hover{background:#efebe0;background:var(--paper-2);border-color:#3a3530;border-color:var(--ink-2);color:#14110d;color:var(--ink)}.audio-player .audio-icon{height:16px;width:16px}.welcome-screen{align-items:center;background:#f7f4ec;background:var(--paper);display:flex;justify-content:center;min-height:100vh;padding:32px}.welcome-content{max-width:720px;text-align:center;width:100%}.app-title{letterSpacing:-.02em;color:#14110d;color:var(--ink);font-family:Geist,Inter,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:38px;font-weight:500;line-height:1.1;margin:0 0 12px}.app-subtitle{color:#3a3530;color:var(--ink-2);font-size:17px;margin:0 0 32px}@media (max-width:640px){.ink-header{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:0 16px!important;scrollbar-width:none}.ink-header::-webkit-scrollbar{display:none}.ink-header>*{flex-shrink:0}.t-display{font-size:36px!important;line-height:1.05}.t-h1{font-size:26px!important}.t-h2{font-size:20px!important}}@media (max-width:720px){.ink-login{grid-template-columns:1fr!important}.ink-login>div:first-child{display:none!important}.ink-login>div:last-child{min-height:100vh;padding:32px 24px!important}}@media (max-width:768px){.ms-tiles{gap:12px!important;grid-template-columns:1fr!important;padding:0 20px 32px!important}.ms-hero{padding:32px 20px 24px!important}.ms-hero h1{font-size:36px!important}.ms-tile{min-height:220px!important;padding:24px!important}.ms-tile-han{font-size:64px!important}.ms-footer{padding:0 20px 24px!important}.ink-topbar{-webkit-overflow-scrolling:touch;background:#f7f4ec;background:var(--paper);border:1px solid #d9d3c4;border:1px solid var(--rule);border-radius:8px;border-radius:var(--r3);flex-wrap:nowrap!important;left:8px!important;overflow-x:auto;padding:8px 12px;right:8px!important;scrollbar-width:none;top:8px!important}}@media (max-width:768px){.ink-topbar::-webkit-scrollbar{display:none}.ink-topbar>*{flex-shrink:0}.ink-topbar>span:first-child{display:none}}@media (max-width:640px){.flashcard-front{padding:24px 16px!important}.flashcard-back,.flashcard-front{min-height:360px!important}.ink-flashcard{max-width:100%}.ink-flashcard-face{border-radius:12px!important}.ink-classic-shell{padding:32px 20px!important}.ink-stat-grid{grid-template-columns:1fr!important}.qb-shell{padding:24px 16px!important}.qb-room-code{font-size:56px!important;letter-spacing:.12em!important;padding:16px 0!important}.qb-options,.qb-podium{grid-template-columns:1fr!important}.qb-podium{gap:8px!important}.qb-podium>div>div:last-child{font-size:22px!important;height:40px!important}.qb-feedback-grid{grid-template-columns:1fr!important}.ink-admin-shell{padding:20px 16px!important}.ink-admin-stats{flex-wrap:wrap!important;gap:16px!important}.ink-admin-controls{flex-direction:column!important}.ink-admin-controls>*{max-width:100%!important;width:100%!important}.ink-admin-grid{grid-template-columns:1fr!important}.admin-overlay,.ink-modal-overlay{padding:0!important}.admin-panel,.ink-modal{border-radius:0!important;max-width:100%!important;min-height:100vh}.admin-scroll-content{padding:20px!important}}@media (max-width:768px){.ink-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tbl{min-width:600px}}@media (max-width:640px){.pr-passage-grid{gap:12px!important}.pr-feedback-grid,.pr-passage-grid{grid-template-columns:1fr!important}.pr-shell{padding:20px 16px!important}}@media (max-width:768px){.pr-list{grid-template-columns:1fr!important}.btn:not(.btn--sm){min-height:44px}.quiz-answer{min-height:56px;padding:14px 16px!important}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efebe0;background:var(--paper-2)}::-webkit-scrollbar-thumb{background:#d9d3c4;background:var(--rule);border:2px solid #efebe0;border:2px solid var(--paper-2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6e6962;background:var(--ink-3)}
/*# sourceMappingURL=main.37109138.css.map*/