*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:max(16px,1em)}}:root{--white: #ffffff;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-800: #1f2937;--gray-900: #111827;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-600: #2563eb;--blue-700: #1d4ed8;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-600: #dc2626;--green-50: #f0fdf4;--green-100: #dcfce7;--green-300: #86efac;--green-600: #16a34a;--amber-100: #fef3c7;--amber-400: #fbbf24;--amber-600: #d97706;--amber-700: #a16207;--yellow-100: #fef9c3;--yellow-200: #fef08a;--purple-500: #a855f7;--violet-600: #7c3aed;--teal-600: #0d9488;--pink-50: #fdf2f8;--pink-200: #fbcfe8;--pink-700: #be185d;--emerald-400: #34d399;--neutral-200: #e0e0e0;--neutral-400: #999999;--neutral-700: #3a3a3a;--neutral-800: #252525;--neutral-900: #1a1a1a;--color-bg: var(--white);--color-surface: var(--gray-50);--color-border: var(--gray-200);--color-text: var(--gray-900);--color-muted: var(--gray-500);--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-danger: var(--red-600);--color-danger-bg: var(--red-100);--color-danger-bg-subtle: var(--red-50);--color-danger-border: var(--red-200);--color-success: var(--green-600);--color-success-bg: var(--green-100);--color-success-bg-subtle: var(--green-50);--color-success-border: var(--green-300);--color-warning: var(--amber-600);--color-warning-fg: var(--amber-700);--color-warning-bg: var(--yellow-100);--color-warning-bg-subtle: var(--amber-100);--color-card-gender: var(--purple-500);--color-accent-ai: var(--violet-600);--color-card-sentence: var(--teal-600);--color-tab-active: var(--blue-600);--color-text-inverse: var(--white);--color-neutral: var(--gray-400);--color-info: var(--blue-700);--color-info-bg: var(--blue-100);--color-info-border: var(--blue-300);--color-surface-inverse: var(--gray-800);--color-highlight: var(--yellow-200);--color-gender-masc: var(--blue-700);--color-gender-masc-bg: var(--blue-50);--color-gender-masc-border: var(--blue-200);--color-gender-fem: var(--pink-700);--color-gender-fem-bg: var(--pink-50);--color-gender-fem-border: var(--pink-200);--color-status-connecting: var(--amber-400);--color-status-syncing: var(--blue-400);--color-status-synced: var(--emerald-400);--color-reader-dark-bg: var(--neutral-900);--color-reader-dark-surface: var(--neutral-800);--color-reader-dark-border: var(--neutral-700);--color-reader-dark-text: var(--neutral-200);--color-reader-dark-muted: var(--neutral-400);--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-full: 99px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .14);--tab-bar-height: 60px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--content-max-width: 840px}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.spin{animation:play-btn-spin .7s linear infinite}dialog::backdrop{background:#0006}.app{display:flex;flex-direction:column;height:100dvh}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-bar{display:flex;justify-content:center;border-top:1px solid var(--color-border);background:var(--color-bg);padding-bottom:var(--safe-area-bottom);height:calc(var(--tab-bar-height) + var(--safe-area-bottom));flex-shrink:0}.tab-bar-inner{display:flex;width:100%;max-width:var(--content-max-width)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:var(--color-muted);text-decoration:none;font-size:var(--font-size-xs);padding:var(--space-2) 0;transition:color .15s}.tab.tab-active{color:var(--color-tab-active)}.tab-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.tab-badge{position:absolute;top:-5px;right:-8px;background:var(--color-danger);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:700;line-height:1;min-width:16px;height:16px;border-radius:var(--radius-md);padding:0 var(--space-1);display:flex;align-items:center;justify-content:center}.page{padding:var(--space-5) var(--space-4) var(--space-8);max-width:var(--content-max-width);margin:0 auto}.page-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-5)}.section-heading{font-size:var(--font-size-base);font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--space-5) 0 var(--space-2)}.search-bar{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);background:var(--color-surface);margin-bottom:var(--space-4)}.search-input{flex:1;border:none;background:transparent;padding:var(--space-3) 0;color:var(--color-text);font-size:16px}.search-input:focus-visible{outline:none}.search-bar:has(.search-input:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.icon-btn{background:none;border:none;cursor:pointer;color:var(--color-muted);display:flex;align-items:center;padding:var(--space-1)}.icon-btn:disabled{opacity:.4}.primary-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;cursor:pointer;margin-top:var(--space-4)}.primary-btn:hover{background:var(--color-primary-hover)}.link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);text-decoration:underline}.secondary-btn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;cursor:pointer}.danger-btn{background:var(--color-danger);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:500;cursor:pointer}.back-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);padding:0}.muted{color:var(--color-muted);font-size:var(--font-size-base)}.error{color:var(--color-danger);font-size:var(--font-size-base);margin-top:var(--space-2)}.definition{font-size:var(--font-size-base);line-height:1.5;margin-bottom:var(--space-3)}.word-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.word-header h1{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-btn{font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap}.filter-btn.active{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.pos-badge{font-size:var(--font-size-sm);background:var(--color-info-bg);color:var(--color-info);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.examples{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.examples li{font-style:italic;color:var(--color-muted);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--color-border);line-height:1.4}.word-list{list-style:none;display:flex;flex-direction:column}.word-list-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text)}.word-french{font-size:var(--font-size-lg);font-weight:500}.word-definition{font-size:var(--font-size-sm);color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lookup-result{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-2)}.already-added{display:flex;align-items:center;gap:var(--space-2);color:var(--color-success);font-size:var(--font-size-base);margin-bottom:var(--space-3)}.word-meta{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-4)}.meta-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;font-size:var(--font-size-base)}.sentence-recordings-list{display:flex;flex-direction:column;gap:var(--space-3)}.sentence-recording-item{list-style:none;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);border-left:3px solid transparent;display:flex;flex-direction:column;gap:var(--space-1)}.sentence-recording-correct{border-left-color:var(--color-success)}.sentence-recording-partial{border-left-color:var(--color-warning)}.sentence-recording-incorrect{border-left-color:var(--color-danger)}.sentence-recording-header{display:flex;align-items:center;gap:var(--space-2)}.sentence-recording-badge{font-weight:700}.sentence-recording-correct .sentence-recording-badge{color:var(--color-success)}.sentence-recording-partial .sentence-recording-badge{color:var(--color-warning)}.sentence-recording-incorrect .sentence-recording-badge{color:var(--color-danger)}.sentence-recording-transcript{font-size:var(--font-size-base);font-style:italic;color:var(--color-text)}.sentence-recording-explanation{font-size:var(--font-size-sm);color:var(--color-muted)}.sentence-recording-date{font-size:var(--font-size-xs)}.sentence-recording-delete{margin-left:auto}.example-editor-label{font-size:var(--font-size-xs)}.example-editor-row{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.word-edit-form{display:flex;flex-direction:column;gap:var(--space-5)}.word-edit-field-stack{display:flex;flex-direction:column;gap:var(--space-2)}.word-edit-form-label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm)}.word-meaning-editor{margin-bottom:var(--space-3)}.word-meaning-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.word-meaning-remove{color:var(--color-danger)}.word-edit-textarea{resize:vertical;min-height:60px;width:100%;box-sizing:border-box}.word-edit-textarea-lg{resize:vertical;min-height:80px;width:100%;box-sizing:border-box}.word-meaning-examples{margin-top:var(--space-2)}.word-meaning-classification{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.word-edit-actions{display:flex;gap:var(--space-2)}.word-edit-actions>.ui-btn{flex:1}.conjugation-table-wrap{overflow-x:auto}.conjugation-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);table-layout:auto}.conjugation-table th{text-align:left;padding:var(--space-1) var(--space-2);color:var(--color-muted);font-weight:500;white-space:nowrap}.conjugation-table td{padding:3px var(--space-2);white-space:nowrap}.conjugation-table-pronoun{color:var(--color-muted);font-weight:500;font-size:var(--font-size-xs)}.conjugation-table-footnotes{display:flex;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);flex-wrap:wrap}.word-theme-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.word-theme-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-sm)}.word-theme-tag a{color:inherit;text-decoration:none}.word-theme-tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 2px;line-height:1;font-size:var(--font-size-sm)}.word-header-detail{position:relative}.word-header-gender-prefix{font-weight:400}.word-header-edit-btn{position:absolute;top:0;right:0}.word-forms-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.word-forms-table th,.word-forms-table td{text-align:left;padding:var(--space-1) var(--space-2)}.word-forms-table th{color:var(--color-muted);font-weight:500}.word-forms-table-label-col{padding-left:0;font-weight:500}.definition-followup{margin-top:var(--space-3)}.meaning-number{font-size:var(--font-size-sm);margin-right:var(--space-2)}.meaning-examples-indented{padding-left:var(--space-5)}.meaning-level-badges{display:inline-flex;gap:var(--space-1);margin-left:var(--space-2);vertical-align:middle}.word-classify-action{margin-bottom:var(--space-3)}.detail-note{font-size:var(--font-size-sm)}.detail-list-tight{margin-bottom:var(--space-3)}.word-source-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.related-words-list{margin-bottom:var(--space-3)}.related-words-list li{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.related-words-meaning-group{margin-bottom:var(--space-3)}.related-words-meaning-label{font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.related-word-relation-tag{font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-2);white-space:nowrap}.wiktionary-conjugated-note{margin-top:-4px;margin-bottom:var(--space-2)}.wiktionary-conjugated-link{color:inherit}.wiktionary-entries-stack{display:flex;flex-direction:column;gap:var(--space-3)}.wiktionary-full-entry-link{font-size:var(--font-size-sm);display:inline-block;margin-top:var(--space-2)}.word-refetch-btn{margin-top:var(--space-6)}.word-refetch-error{margin-top:var(--space-1)}.refetch-confirm{margin-top:var(--space-3);background:var(--color-surface)}.refetch-confirm-heading{margin-top:0}.refetch-confirm-actions{margin-top:var(--space-3)}.word-detail-danger-zone{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.word-debug-toggle{margin-top:var(--space-4)}.word-debug-pre{margin-top:var(--space-2);font-size:var(--font-size-xs);overflow-x:auto;background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-sm)}.word-debug-pre-secondary{margin-top:var(--space-1)}.word-debug-label{margin-top:var(--space-3)}.review-page{display:flex;flex-direction:column}.flashcard{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8) var(--space-6);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:var(--space-4);margin:var(--space-4) 0;-webkit-user-select:none;user-select:none;text-align:center}.flashcard-divider{width:100%;border:none;border-top:1px solid var(--color-border)}.flashcard-word{font-size:var(--font-size-2xl);font-weight:600;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.flashcard-definition{font-size:var(--font-size-base);line-height:1.4}.flashcard-meaning-num{font-size:var(--font-size-sm);color:var(--color-muted);margin-right:var(--space-1)}.flashcard-example{font-size:var(--font-size-base);font-style:italic;color:var(--color-muted)}.tap-hint{font-size:var(--font-size-sm);color:var(--color-muted)}.review-actions{display:flex;gap:var(--space-3)}.review-actions>.ui-btn{flex:1}.btn-retire{padding:var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);cursor:pointer;background:var(--color-warning-bg);color:var(--color-warning-fg);flex-shrink:0}.review-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.review-header .page-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-launcher-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin:var(--space-4) 0 var(--space-3)}.review-launcher-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0}.review-launcher-stat-label{font-size:var(--font-size-sm);color:var(--color-muted)}.review-launcher-stat-value{font-size:var(--font-size-xl);font-weight:600;line-height:1.1}.review-launcher-stat-goal{font-size:var(--font-size-base);font-weight:400;color:var(--color-muted)}.review-launcher-stat-sub{font-size:var(--font-size-sm);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis}.review-goal-track{height:6px;border-radius:999px;background:var(--color-border);overflow:hidden;margin-bottom:var(--space-5)}.review-goal-fill{height:100%;background:var(--color-success);border-radius:inherit;transition:width .2s ease}.review-start-btn{margin-bottom:var(--space-3)}.review-launcher-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.review-launcher-control-label{font-size:var(--font-size-sm);color:var(--color-muted)}.review-size-options{display:flex;gap:var(--space-2)}.review-quiet-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.review-quiet-toggle .review-launcher-control-label{display:inline-flex;align-items:center;gap:var(--space-1)}.review-focus-row .ui-select-wrap{min-width:0}.review-focus-row .review-launcher-control-label{flex-shrink:0}.review-launcher-controls+.review-launcher-controls{margin-top:0;padding-top:var(--space-3);border-top:none}.review-cram-note{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);font-size:var(--font-size-sm)}.review-cram-note svg{flex-shrink:0}.review-scope-switch+.review-cram-note{margin-top:calc(var(--space-2) * -1)}.review-new-word-banner{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.review-summary{display:flex;flex-direction:column;gap:var(--space-5);margin:var(--space-4) 0}.review-summary-header{display:flex;align-items:center;gap:var(--space-4)}.review-summary-title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-1)}.review-summary-section-label{font-size:var(--font-size-sm);color:var(--color-muted);margin:0 0 var(--space-2)}.review-summary-missed-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.review-summary-missed-link{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);text-decoration:none;color:inherit}.review-summary-missed-word{font-weight:600;flex-shrink:0}.review-summary-missed-def{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-summary-goal{display:flex;flex-direction:column;gap:var(--space-2)}.review-summary-goal .review-goal-track{margin-bottom:0}.review-summary-goal-row{display:flex;align-items:baseline;justify-content:space-between;font-size:var(--font-size-sm)}.review-summary-remaining{font-size:var(--font-size-sm);margin:calc(var(--space-3) * -1) 0 0}.review-batch-done-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.review-scope-switch{display:inline-block;margin:calc(var(--space-3) * -1) 0 var(--space-4);font-size:var(--font-size-sm)}.review-header+.review-scope-switch{margin-top:calc(var(--space-2) * -1)}.meaning-check-list{width:100%;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.meaning-quick-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.meaning-quick-actions>.ui-btn{flex:1}.meaning-check-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid transparent}.meaning-row-known{background:var(--color-success-bg-subtle);border-color:var(--color-success-border)}.meaning-row-unknown{background:var(--color-surface);border-color:var(--color-border)}.meaning-check-icon{font-size:var(--font-size-base);font-weight:700;min-width:18px;margin-top:var(--space-1);color:var(--color-success)}.meaning-row-unknown .meaning-check-icon{color:var(--color-neutral)}.meaning-check-content{flex:1;min-width:0}.meaning-check-content .flashcard-definition,.meaning-check-content .flashcard-example{text-align:left;margin:0}.review-progress{font-size:var(--font-size-base);white-space:nowrap;flex-shrink:0}.review-requeued-count{font-size:var(--font-size-sm);opacity:.75}.flashcard-drill{cursor:default;align-items:flex-start;text-align:left;min-height:unset}.drill-hint{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-1)}.gender-drill-phrases{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.gender-drill-phrase{font-size:var(--font-size-xl);font-weight:600;display:flex;align-items:center;gap:var(--space-3)}.gender-drill-row{display:flex;align-items:center;gap:var(--space-3)}.gender-drill-form{font-size:var(--font-size-xl);font-weight:600;min-width:100px;flex-shrink:0}.gender-drill-example{font-size:var(--font-size-base);font-style:italic;color:var(--color-muted);line-height:1.4}.review-done-row{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.flashcard-gender-test{cursor:default;gap:var(--space-3)}.gender-test-definition{font-size:var(--font-size-base);color:var(--color-muted);text-align:center;line-height:1.4}.gender-guess-actions{display:flex;gap:var(--space-3);width:100%}.btn-gender{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.btn-gender:active{opacity:.8}.btn-gender-article{font-size:var(--font-size-sm);font-weight:400;color:var(--color-muted)}.btn-masc{color:var(--color-gender-masc);border-color:var(--color-gender-masc-border);background:var(--color-gender-masc-bg)}.btn-fem{color:var(--color-gender-fem);border-color:var(--color-gender-fem-border);background:var(--color-gender-fem-bg)}.gender-correction-banner{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-danger-bg-subtle);border:1px solid var(--color-danger-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-danger);line-height:1.4}.gender-correction-wrong{font-weight:600}@keyframes review-toast-pop{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.9)}15%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}75%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) scale(.9)}}.review-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:700;color:var(--color-text-inverse);z-index:1000;pointer-events:none;white-space:nowrap;animation:review-toast-pop 1.8s ease forwards}.review-toast-schedule{background:var(--color-info)}.review-toast-neutral{background:var(--color-surface-inverse)}.review-toast-correct{background:var(--color-success)}.review-toast-wrong{background:var(--color-danger)}.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);gap:var(--space-2)}.login-page h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-1)}.login-page form{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:320px;margin-top:var(--space-6)}.login-page input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:16px;background:var(--color-surface);color:var(--color-text)}.login-page input:focus{border-color:var(--color-primary)}.login-page button[type=submit]{background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--font-size-base);font-weight:600;cursor:pointer;margin-top:var(--space-1)}.login-page button[type=submit]:disabled{opacity:.6}.settings-section{margin-bottom:var(--space-8)}.settings-section h2{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--space-2)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base);cursor:pointer}.settings-row-hint{display:block;max-width:40ch;margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--color-muted);line-height:1.4}.settings-goal-input{width:60px;text-align:right}.settings-data-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.settings-hidden-file-input{display:none}.settings-hint{font-size:var(--font-size-sm)}.settings-teacher-desc{margin-top:calc(var(--space-1) * -1);margin-bottom:var(--space-3)}.settings-share-list{display:flex;flex-direction:column;gap:var(--space-3)}.settings-share-card{display:flex;flex-direction:column;gap:var(--space-2)}.settings-share-url{font-size:var(--font-size-sm);word-break:break-all}.settings-share-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.settings-verb-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.settings-verb-link{font-size:var(--font-size-base)}.settings-mono{font-family:monospace}.settings-account-links{margin-bottom:var(--space-3);display:flex;gap:var(--space-2)}.settings-account-links a{text-decoration:none}.words-header-actions{display:flex;align-items:center;gap:var(--space-3)}.words-filter-btn{position:relative}.words-filter-badge{position:absolute;top:-4px;right:-6px;background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:700;line-height:1;min-width:15px;height:15px;border-radius:var(--radius-md);padding:0 var(--space-1);display:flex;align-items:center;justify-content:center}.words-filter-sheet-actions{display:flex;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.words-frequency-computing{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin-top:var(--space-3)}.words-bulk-actions-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2);padding:var(--space-2);background:var(--color-surface);border-radius:var(--radius-md)}.words-bulk-actions-count{font-size:var(--font-size-sm)}.word-status-badge{margin-left:var(--space-2)}.word-meta-note{font-size:var(--font-size-xs);margin-left:var(--space-2)}.word-form-variant{font-weight:400}.word-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.word-list-checkbox{flex-shrink:0}.word-list-row-content{flex:1;min-width:0;padding:0;border-bottom:none}.word-list-row-button{border:none;background:none;cursor:pointer;text-align:left}.words-wiktionary-section{margin-top:var(--space-4)}.words-wiktionary-label{font-size:var(--font-size-xs);margin-bottom:var(--space-2)}.words-wiktionary-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.words-wiktionary-pill{text-decoration:none}.words-lookup-cta{margin-top:var(--space-2)}.words-loading{margin-top:var(--space-3)}.words-lookup-results{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.words-meaning-block+.words-meaning-block{margin-top:var(--space-3)}.words-meaning-index{font-size:var(--font-size-sm);margin-right:var(--space-2)}.words-examples-indented{padding-left:var(--space-5)}.bulk-move-toast{position:fixed;bottom:calc(var(--tab-bar-height) + var(--safe-area-bottom) + 12px);left:50%;transform:translate(-50%);background:var(--color-surface-inverse);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);z-index:9999;white-space:nowrap;box-shadow:0 4px 16px #0003}.bulk-move-toast-undo{color:var(--color-text-inverse)!important;font-weight:700!important;text-decoration:underline!important}.clipboard-toast{position:fixed;bottom:calc(var(--tab-bar-height) + var(--safe-area-bottom) + 12px);left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);z-index:9999;white-space:nowrap;box-shadow:0 4px 16px #0003}.clipboard-toast-success{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.clipboard-toast-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border);white-space:normal;max-width:min(90vw,360px);text-align:center}.admin-modal-dialog{border:none;border-radius:var(--radius-md);padding:0;width:90vw;max-width:380px;margin:auto;background:var(--color-surface);color:var(--color-text)}@media(max-width:640px){.admin-modal-dialog{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:100%;max-height:80vh;overflow-y:auto;border-radius:var(--radius-md) var(--radius-md) 0 0}}.admin-modal-body{padding:var(--space-5)}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.admin-modal-title{font-size:var(--font-size-lg)}.admin-modal-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end}.admin-status-text{font-size:var(--font-size-sm)}.admin-status-loading{display:flex;align-items:center;gap:var(--space-2)}.admin-break-all{word-break:break-all}.admin-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-list-spaced{margin-top:var(--space-3)}.admin-list-top-spaced{margin-top:var(--space-4)}.admin-user-card{display:flex;flex-direction:column;gap:var(--space-2)}.admin-user-card-disabled{opacity:.6}.admin-user-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.admin-user-identity{display:inline-flex;align-items:center;gap:var(--space-2)}.admin-user-badge{text-transform:uppercase;letter-spacing:.02em;font-size:var(--font-size-xs)}.admin-user-meta{font-size:var(--font-size-sm)}.admin-user-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-recovery-line{margin:0}.admin-row-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-size-base)}.admin-new-invite-line{margin-top:var(--space-3)}.admin-usage-table{font-size:var(--font-size-sm);border-collapse:collapse;width:100%}.admin-usage-th-left,.admin-usage-td-left{text-align:left;padding-right:var(--space-3)}.admin-usage-th-right,.admin-usage-td-right{text-align:right;padding-right:var(--space-3)}.admin-usage-th-right-last,.admin-usage-td-right-last{text-align:right}.admin-books-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-book-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.admin-book-copy-controls{display:flex;gap:var(--space-2);align-items:center}.admin-verb-form{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:flex-end;margin-top:var(--space-3)}.admin-verb-form .ui-field{margin-bottom:0}.admin-section-desc{font-size:var(--font-size-sm)}.admin-preview{margin-top:var(--space-3)}.admin-preview-label{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.admin-template-form{display:flex;flex-direction:column;gap:var(--space-1);max-width:480px;margin-top:var(--space-3)}.admin-template-json-input{font-family:monospace;font-size:var(--font-size-xs);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);width:100%;resize:vertical}.admin-template-save-btn{align-self:flex-start;margin-top:var(--space-2)}.admin-details{margin-top:var(--space-5)}.admin-details-summary{cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);padding:var(--space-1) 0;list-style:none}.admin-details-summary::-webkit-details-marker{display:none}.admin-details-summary:before{content:"";display:inline-block;width:0;height:0;margin-right:var(--space-2);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid var(--color-muted);transition:transform .15s ease;vertical-align:middle}.admin-details[open]>.admin-details-summary:before{transform:rotate(90deg)}.admin-details-summary:hover{color:var(--color-primary)}.admin-details-summary:hover:before{border-left-color:var(--color-primary)}.stats-summary{display:flex;gap:var(--space-3);margin-bottom:var(--space-7)}.stats-summary-item{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-2);gap:var(--space-1)}.stats-summary-value{font-size:var(--font-size-xl);font-weight:700;line-height:1}.stats-summary-label{font-size:var(--font-size-xs);color:var(--color-muted);text-align:center}.stats-section-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-2)}.stats-legend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-4)}.stats-legend-dot{width:10px;height:10px;border-radius:var(--radius-sm);display:inline-block}.stats-legend-meaning{background:var(--color-primary)}.stats-legend-gender{background:var(--color-card-gender)}.stats-legend-sentence{background:var(--color-card-sentence)}.histogram{display:flex;flex-direction:column;gap:var(--space-1)}.histogram-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.histogram-row.histogram-today .histogram-label{font-weight:700;color:var(--color-primary)}.histogram-row.histogram-overdue .histogram-label{font-weight:700;color:var(--color-danger)}.histogram-label{width:60px;flex-shrink:0;text-align:right;color:var(--color-muted);font-size:var(--font-size-sm)}.histogram-bar-track{flex:1;height:18px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}.histogram-bar{height:100%;display:flex;border-radius:var(--radius-sm);overflow:hidden}.histogram-bar-meaning{background:var(--color-primary);height:100%}.histogram-bar-gender{background:var(--color-card-gender);height:100%}.histogram-bar-sentence{background:var(--color-card-sentence);height:100%}.histogram-count{width:28px;flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-muted);text-align:right}.histogram-row-tappable{cursor:pointer;border-radius:var(--radius-sm)}.histogram-row-tappable:active{opacity:.7}.stats-day-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.stats-day-title{font-size:var(--font-size-lg);font-weight:700;margin:0;flex:1}.stats-day-nav{display:flex;gap:var(--space-1)}.stats-day-nav-btn{background:none;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer}.stats-day-nav-btn:disabled{opacity:.3;cursor:default}.day-cards-list{list-style:none;margin:0;padding:0}.day-cards-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;gap:var(--space-3)}.day-cards-item:not(:last-child){border-bottom:1px solid var(--color-surface)}.day-cards-item-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.day-cards-word{font-size:var(--font-size-base);font-weight:500}.day-cards-due{font-size:var(--font-size-sm);color:var(--color-muted)}.day-cards-type{font-size:var(--font-size-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);flex-shrink:0}.day-cards-type-meaning{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary)}.day-cards-type-gender-drill{background:color-mix(in srgb,var(--color-card-gender) 20%,transparent);color:var(--color-card-gender)}.day-cards-type-sentence{background:color-mix(in srgb,var(--color-card-sentence) 20%,transparent);color:var(--color-card-sentence)}.reader-content mark.known-word{color:inherit;border-radius:var(--radius-sm);cursor:pointer;-webkit-touch-callout:none}.reader-content mark.known-word:hover{filter:brightness(.82)}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:40px}.password-field-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.play-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;padding:var(--space-1) var(--space-1);line-height:1;flex-shrink:0}.play-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.play-btn:disabled{opacity:.5;cursor:default}.play-btn-error{color:var(--color-danger);border-color:var(--color-danger)}@keyframes play-btn-spin{to{transform:rotate(360deg)}}.play-btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--color-border);border-top-color:var(--color-muted);border-radius:50%;animation:play-btn-spin .7s linear infinite}.sync-dot{position:fixed;top:8px;right:8px;width:8px;height:8px;border-radius:50%;z-index:9999;pointer-events:none}.update-prompt{position:fixed;bottom:calc(var(--tab-bar-height) + var(--safe-area-bottom) + 12px);left:50%;transform:translate(-50%);background:var(--color-surface-inverse);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);z-index:9999;white-space:nowrap;box-shadow:0 4px 16px #0003}.update-prompt button{background:var(--color-text-inverse);color:var(--color-surface-inverse);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.update-prompt-dismiss{background:transparent!important;color:#ffffffb3!important;padding:var(--space-1) var(--space-2)!important;font-size:var(--font-size-base)!important;font-weight:400!important}.teach-mode{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.teach-mode-word{font-size:var(--font-size-xl);font-weight:600;text-align:center}.teach-cost{font-size:var(--font-size-sm);text-align:center;margin-top:calc(var(--space-2) * -1)}.teach-transcript{display:flex;flex-direction:column;gap:var(--space-3);max-height:50vh;overflow-y:auto;padding:var(--space-1)}.teach-turn{display:flex;align-items:flex-end;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);max-width:90%}.teach-turn-body{flex:1;line-height:1.5;white-space:pre-wrap}.teach-message-play-btn{flex:none;border:none;background:transparent;color:inherit;opacity:.7;cursor:pointer;font-size:var(--font-size-base);line-height:1;padding:var(--space-1)}.teach-message-play-btn:disabled{opacity:.4;cursor:default}.teach-turn-assistant{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border)}.teach-turn-user{align-self:flex-end;background:var(--color-primary);color:var(--color-text-inverse)}.teach-loading{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4)}.teach-typing-dot{width:8px;height:8px;border-radius:50%;background:var(--color-muted);animation:teach-typing-bounce 1.2s infinite ease-in-out}.teach-typing-dot:nth-child(2){animation-delay:.2s}.teach-typing-dot:nth-child(3){animation-delay:.4s}@keyframes teach-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.teach-word-active{background:var(--color-highlight);border-radius:var(--radius-sm)}.teach-error-row{display:flex;align-items:center;gap:var(--space-3)}.teach-error{color:var(--color-danger);font-size:var(--font-size-base)}.teach-input-row{display:flex;gap:var(--space-2)}.teach-input-row input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-size:max(16px,1em);background:var(--color-surface);color:var(--color-text)}.teach-done-btn{align-self:center}.teach-me-btn{align-self:center;margin-top:calc(var(--space-2) * -1)}.sentence-card{align-items:center;text-align:center}.sentence-record-controls{display:flex;justify-content:center;margin-top:var(--space-1)}.sentence-record-btn{width:68px;height:68px;border-radius:50%;border:none;background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #2563eb59}.sentence-record-btn:disabled{cursor:default;opacity:.7}.sentence-record-btn-active{background:var(--color-danger);box-shadow:0 2px 8px #dc262659;animation:sentence-record-pulse 1.4s ease-in-out infinite}@keyframes sentence-record-pulse{0%,to{box-shadow:0 0 #dc262659}50%{box-shadow:0 0 0 12px #dc262600}}.sentence-recording-row{display:flex;align-items:center;gap:var(--space-2)}.sentence-recording-dot{width:10px;height:10px;border-radius:50%;background:var(--color-danger);animation:sentence-record-pulse 1.4s ease-in-out infinite}.sentence-timer{font-variant-numeric:tabular-nums;font-size:var(--font-size-base);color:var(--color-muted)}.sentence-processing,.sentence-error{font-size:var(--font-size-base);color:var(--color-muted)}.sentence-error{color:var(--color-danger)}.sentence-result-banner{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:700}.sentence-result-correct{background:var(--color-success-bg);color:var(--color-success)}.sentence-result-partial{background:var(--color-warning-bg-subtle);color:var(--color-warning)}.sentence-result-incorrect{background:var(--color-danger-bg);color:var(--color-danger)}.sentence-transcript{font-size:var(--font-size-base);font-style:italic;color:var(--color-text)}.sentence-explanation{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text);line-height:1.4;text-align:left}.sentence-result-debug-actions{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;margin-top:var(--space-1)}.sentence-icon-link-btn{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);text-decoration:none}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;white-space:nowrap}.ui-btn:disabled{opacity:.5;cursor:default}.ui-btn-full{width:100%}.ui-btn-md{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base)}.ui-btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.ui-btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.ui-btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.ui-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.ui-btn-danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-btn-danger:hover:not(:disabled){background:var(--color-danger-bg-subtle)}.ui-btn-success{background:var(--color-success-bg);color:var(--color-success)}.ui-btn-success:hover:not(:disabled){background:var(--color-success-bg-subtle)}.ui-btn-ghost{background:none;color:var(--color-muted)}.ui-btn-ghost:hover:not(:disabled){color:var(--color-text)}.ui-btn-ai{background:var(--color-accent-ai);color:var(--color-text-inverse)}.ui-btn-ai:hover:not(:disabled){filter:brightness(.9)}.ui-btn-link{background:none;color:var(--color-primary);text-decoration:underline;padding:0;border-radius:0}.ui-select-wrap{position:relative;display:inline-flex;align-items:center}.ui-select-wrap-full{display:flex;width:100%}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--font-size-sm);max-width:100%;min-width:0;text-overflow:ellipsis}.ui-select-full{width:100%}.ui-select-chevron{position:absolute;right:var(--space-2);color:var(--color-muted);pointer-events:none}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.ui-card-sm{padding:var(--space-3)}.ui-card-md{padding:var(--space-4)}.ui-card-lg{padding:var(--space-6)}.ui-card-interactive{cursor:pointer;transition:box-shadow .15s,border-color .15s}.ui-card-interactive:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.ui-card-interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-input{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--font-size-base)}.ui-input:disabled{opacity:.6}.ui-input-full{width:100%}.ui-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.ui-field-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.ui-field-hint{font-size:var(--font-size-xs);color:var(--color-muted)}.ui-field-error{font-size:var(--font-size-xs);color:var(--color-danger)}.ui-empty-state{text-align:center;padding:var(--space-8) 0;color:var(--color-muted)}.ui-empty-state-icon{display:flex;justify-content:center;margin-bottom:var(--space-3);opacity:.4}.ui-empty-state-title{font-size:var(--font-size-base);color:var(--color-text)}.ui-empty-state-description{font-size:var(--font-size-sm);margin-top:var(--space-1)}.ui-empty-state-action{margin-top:var(--space-4);display:flex;justify-content:center}.ui-badge{display:inline-flex;align-items:center;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.ui-badge-neutral{background:var(--color-surface);color:var(--color-muted)}.ui-badge-info{background:var(--color-info-bg);color:var(--color-info)}.ui-badge-success{background:var(--color-success-bg);color:var(--color-success)}.ui-badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-badge-warning{background:var(--color-warning-bg);color:var(--color-warning-fg)}.ui-dialog{border:none;border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-lg);max-width:min(420px,calc(100vw - var(--space-8)));color:var(--color-text);background:var(--color-bg)}.ui-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.ui-dialog-title{font-size:var(--font-size-lg);font-weight:600}.ui-dialog-close{background:none;border:none;color:var(--color-muted);cursor:pointer;display:flex;padding:var(--space-1)}.ui-dialog-body{font-size:var(--font-size-base);line-height:1.4}.ui-dialog-sheet{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:var(--content-max-width);max-height:85vh;overflow-y:auto;border-radius:var(--radius-md) var(--radius-md) 0 0;padding-bottom:calc(var(--space-5) + var(--safe-area-bottom))}.ui-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.ui-page-header-title{margin-bottom:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-page-header-action{flex-shrink:0}.design-gallery-section{margin-bottom:var(--space-8)}.design-gallery-stack{display:flex;flex-direction:column;gap:var(--space-3)}.design-gallery-row{display:flex;align-items:center;gap:var(--space-3)}.design-gallery-row-wrap{flex-wrap:wrap}.design-gallery-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.design-gallery-swatch{display:flex;flex-direction:column;gap:var(--space-1)}.design-gallery-swatch-chip{height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.design-gallery-swatch code{font-size:var(--font-size-xs);color:var(--color-muted);word-break:break-all}.design-gallery-spacing-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.design-gallery-spacing-box{background:var(--color-primary)}.design-gallery-radius-box,.design-gallery-shadow-box{width:48px;height:48px;background:var(--color-surface);border:1px solid var(--color-border)}.design-gallery-spacing-item code{font-size:var(--font-size-xs);color:var(--color-muted)}