:root{color:#14213d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#f77f0047,#0000 30%),linear-gradient(#fff9f2 0%,#f3f7ff 100%);font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer;border:0}#root{min-height:100vh}.shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero{grid-template-columns:1.3fr 1fr;align-items:end;gap:24px;margin-bottom:24px;display:grid}.eyebrow,.panel-label,.review-label{text-transform:uppercase;letter-spacing:.14em;color:#f77f00;margin:0 0 8px;font-size:.76rem}.hero h1,.panel h2,.empty-state h3{margin:0}.hero h1{max-width:12ch;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.95}.hero-copy{color:#415a77;max-width:58ch;font-size:1.03rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-card,.panel,.review-card,.word-chip,.empty-state,.empty-inline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #14213d14;border-radius:24px;box-shadow:0 18px 50px #14213d14}.stat-card{padding:20px}.stat-card span{color:#5c677d;margin-bottom:8px;display:block}.stat-card strong{font-size:2rem}.layout{grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:24px;display:grid}.page-switcher{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.sync-banner{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.sync-copy{color:#5c677d;margin:0}.panel{padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.list-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.control-card{background:#ffffffb8;border:1px solid #14213d14;border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.control-copy h3{margin:0;font-size:1.05rem}.control-note{color:#5c677d;margin:8px 0 0;font-size:.95rem}.control-actions{flex-wrap:wrap;gap:10px;display:flex}.field-stack{flex-direction:column;gap:8px;display:flex}.field-label{color:#415a77;font-size:.88rem;font-weight:700}.import-layout{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.import-card{min-height:100%}.file-dropzone{cursor:pointer;background:#fffdf9;border:1.5px dashed #14213d33;border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.file-dropzone-title{color:#14213d;font-size:1.05rem;font-weight:700}.file-dropzone-note,.import-message{color:#5c677d}.file-input{display:none}.import-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.import-stat{background:#edf2fbb8;border-radius:16px;padding:14px}.import-stat span{color:#5c677d;margin-bottom:8px;display:block}.import-stat strong{color:#14213d;font-size:1.5rem}.import-preview{margin-top:8px}.practice-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.practice-page{background:radial-gradient(circle at 100% 0,#f77f0024,#0000 28%),linear-gradient(#ffffffd1,#fffaf2e6)}.practice-stat-card{background:linear-gradient(#edf2fbe6,#fffffff2);border:1px solid #14213d14;box-shadow:0 12px 28px #14213d0f}.practice-mode-switch{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.practice-card{background:linear-gradient(145deg,#fffffff5,#f7f9fce0);border:1px solid #14213d14;border-radius:32px;flex-direction:column;gap:24px;width:min(760px,100%);margin:0 auto;padding:18px;display:flex;box-shadow:0 24px 60px #14213d1f}.practice-card-face{background:radial-gradient(circle at 0 0,#f77f0029,#0000 30%),linear-gradient(#fffdf9 0%,#f6f9ff 100%);border:1px solid #14213d14;border-radius:26px;flex-direction:column;justify-content:center;min-height:240px;padding:26px 24px 28px;display:flex;position:relative;overflow:hidden}.practice-card-label{text-transform:uppercase;letter-spacing:.16em;color:#f77f00;margin:0 0 14px;font-size:.74rem;font-weight:700}.practice-sentence{color:#14213d;text-wrap:balance;margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.28}.practice-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.practice-option{color:#14213d;text-align:left;background:linear-gradient(#edf2fb 0%,#f7faff 100%);border-radius:18px;min-height:72px;padding:16px 18px;font-size:1rem;font-weight:600;transition:transform .18s,background-color .18s,color .18s,box-shadow .18s}.practice-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #14213d1a}.practice-option:disabled{cursor:default}.practice-option.is-correct{color:#166534;background:#e3fcef}.practice-option.is-wrong{color:#b42318;background:#fff1f2}.practice-option.is-muted{color:#8b96ab;background:#f6f8fc}.practice-feedback{border:1px solid #14213d14;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;padding:16px 18px;font-size:.98rem;display:flex}.practice-feedback.is-correct{color:#166534;background:#e3fcef}.practice-feedback.is-wrong{color:#b42318;background:#fff1f2}.status-pill{color:#166534;background:#e3fcef;border-radius:999px;align-items:center;padding:7px 12px;font-size:.86rem;font-weight:700;display:inline-flex}.status-pill.is-muted{color:#5c677d;background:#edf2fb}.status-pill.is-merge{color:#8d4b00;background:#fff4ce}.tag-filter,.tag-input{color:#14213d;background:#fffdf9;border:1px solid #14213d1f;border-radius:16px;min-height:46px;padding:0 16px}.tag-filter{min-width:160px}.tag-filter:focus,.tag-input:focus{border-color:#f77f00;outline:2px solid #f77f0047}.text-input{resize:vertical;color:#14213d;background:#fffdf9;border:1px solid #14213d1f;border-radius:20px;width:100%;min-height:280px;padding:18px 20px}.text-input:focus{border-color:#f77f00;outline:2px solid #f77f0047}.actions,.review-actions,.tabs{flex-wrap:wrap;gap:12px;display:flex}.actions{margin-top:18px}.primary-button,.secondary-button,.ghost-button,.known-button,.unknown-button,.tab,.chip-action{border-radius:999px;padding:12px 18px;transition:transform .18s,box-shadow .18s,background-color .18s}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.known-button:hover,.unknown-button:hover,.tab:hover,.chip-action:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:#14213d;box-shadow:0 10px 24px #14213d2e}.secondary-button,.ghost-button,.tab{color:#14213d;background:#edf2fb}.ghost-button{background:0 0;border:1px solid #14213d1f}.queue-badge{color:#8d4b00;background:#ffe8cc;border-radius:999px;padding:8px 14px;font-weight:700}.review-card,.empty-state{flex-direction:column;justify-content:center;padding:28px;display:flex}.review-word{margin:6px 0 24px;font-size:clamp(2rem,5vw,4rem);font-weight:700}.review-word-row{align-items:center;gap:14px;margin:6px 0 14px;display:flex}.review-word-row .review-word{margin:0}.copy-button{color:#14213d;background:#edf2fb;border-radius:18px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.copy-button:hover{color:#fff;background:#14213d;transform:translateY(-1px)}.copy-icon{width:24px;height:24px}.copy-toast{color:#166534;background:#e3fcef;border-radius:999px;align-self:flex-start;margin-bottom:24px;padding:8px 14px;font-size:.95rem;font-weight:600}.known-button{color:#fff;background:#2a9d8f}.unknown-button{color:#fff;background:#ef476f}.hint,.empty-state p,.empty-inline{color:#5c677d}.tabs{justify-content:flex-end}.tab.active{color:#fff;background:#14213d}.table-shell{background:#ffffffb8;border:1px solid #14213d14;border-radius:20px;overflow-x:auto}.word-table{border-collapse:collapse;width:100%;min-width:860px}.word-table th,.word-table td{text-align:left;border-bottom:1px solid #14213d14;padding:16px 18px}.word-table th{text-transform:uppercase;letter-spacing:.08em;color:#5c677d;background:#edf2fbeb;font-size:.82rem}.word-table tbody tr:last-child td{border-bottom:0}.word-table tbody tr:hover{background:#f77f000d}.word-cell{color:#14213d;font-weight:600}.translation-shell{text-align:left;background:0 0;width:100%;min-width:180px;padding:0;position:relative}.translation-input,.example-input{color:#14213d;background:#fffdf9;border:1px solid #14213d1f;border-radius:14px;width:100%;transition:filter .18s,border-color .18s,box-shadow .18s}.translation-input{min-height:42px;padding:10px 12px}.example-input{resize:vertical;min-width:280px;min-height:76px;font:inherit;padding:12px;line-height:1.45}.translation-input:focus,.example-input:focus{border-color:#f77f00;outline:none;box-shadow:0 0 0 2px #f77f0033}.translation-shell.is-blurred .translation-input{filter:blur(6px);-webkit-user-select:none;user-select:none}.translation-hint{letter-spacing:.04em;color:#415a77;pointer-events:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex;position:absolute;inset:0}.word-checkbox{accent-color:#14213d;width:18px;height:18px}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{color:#31456a;background:#edf2fb;border-radius:999px;align-items:center;padding:6px 10px;font-size:.88rem;font-weight:600;display:inline-flex}.tag-empty{color:#8b96ab}.chip-action{color:#b42318;background:#fff1f2;padding:8px 12px}.empty-inline{padding:18px 20px}.modal-backdrop{background:#14213d57;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tag-modal{background:#fffdf9;border:1px solid #14213d14;border-radius:28px;width:min(560px,100%);padding:24px;box-shadow:0 22px 70px #14213d3d}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-copy{color:#415a77;margin:18px 0}.modal-actions{align-items:center;gap:12px;display:flex}.modal-actions .tag-input{flex:1}@media (width<=900px){.hero,.layout,.import-layout,.list-toolbar,.practice-toolbar,.practice-options{grid-template-columns:1fr}.hero h1{max-width:none}}@media (width<=640px){.shell{width:min(100% - 20px,1180px);padding-top:20px}.panel,.review-card,.empty-state{padding:20px}.stats-grid{grid-template-columns:1fr 1fr}.import-stats{grid-template-columns:1fr}.word-table{min-width:0}.word-table th,.word-table td{padding:14px 12px}.modal-actions{flex-direction:column;align-items:stretch}}