:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button{-webkit-tap-highlight-color:transparent}#root{min-height:100svh}.app-shell{min-height:100svh;padding:14px 14px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(circle at 0 0,#5b8def2e,#0000 32%),linear-gradient(#f7f8fb 0%,#eef1f6 100%);justify-content:center;align-items:flex-start;display:flex}.overlay-panel{width:min(100%,430px);min-height:calc(100svh - 28px - env(safe-area-inset-bottom));padding:18px;padding-bottom:calc(22px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #1520330f;border-radius:24px;flex-direction:column;gap:14px;display:flex;box-shadow:0 16px 42px #1d2d441f}.app-header{padding:8px 2px 4px}.app-kicker{color:#6a7484;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.app-header h1{color:#111827;margin:0;font-size:2rem;font-weight:800;line-height:1.05}.sentence-card,.selected-panel{background:#fff;border:1px solid #15203314;border-radius:18px;box-shadow:0 8px 20px #1d2d440f}.sentence-card{padding:16px}.input-label{color:#667085;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:800;display:block}.sentence-input{resize:vertical;color:#1f2937;width:100%;min-height:128px;font:inherit;background:#f8fafc;border:1px solid #d9e0ea;border-radius:14px;padding:14px;font-size:1rem;line-height:1.45;transition:border-color .16s,background .16s,box-shadow .16s;display:block;box-shadow:inset 0 1px 2px #1d2d440a}.sentence-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:inset 0 1px 2px #1d2d440a,0 0 0 4px #2563eb1f}.clipboard-button{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#111827;border:0;border-radius:14px;margin:14px 0 0;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 8px 18px #11182724}.clipboard-button:active{transform:scale(.98)}.clipboard-button:focus-visible{outline-offset:2px;outline:3px solid #11182733}.save-button{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:14px;margin:14px 0 0;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 8px 18px #2563eb2e}.save-button:active{transform:scale(.98)}.save-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb3d}.generate-button{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#0f766e;border:0;border-radius:14px;margin:14px 0 0;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s,opacity .16s;box-shadow:0 8px 18px #0f766e29}.generate-button:active{transform:scale(.98)}.generate-button:disabled{cursor:wait;opacity:.72}.generate-button:focus-visible{outline-offset:2px;outline:3px solid #0f766e38}.export-button{color:#1d4ed8;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#2563eb14;border:1px solid #2563eb2e;border-radius:14px;margin:12px 0 0;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .16s,border-color .16s,background .16s}.export-button:active{transform:scale(.98)}.export-button:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}.backup-input{display:none}.card-search-input{color:#1f2937;width:100%;min-height:46px;font:inherit;background:#f8fafc;border:1px solid #d9e0ea;border-radius:14px;margin-top:12px;padding:0 14px;font-size:.95rem}.card-search-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.card-filter-group{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.card-search-mode{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.card-filter-button{color:#475467;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e0ea;border-radius:12px;font-size:.84rem;font-weight:800}.card-filter-button.active{color:#1d4ed8;background:#2563eb14;border-color:#2563eb}.error-message{color:#b42318;margin:10px 2px 0;font-size:.9rem;font-weight:700;line-height:1.35}.word-list{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.word-list:empty{display:none}.word-chip{color:#253044;min-height:48px;font:inherit;cursor:pointer;background:#f7f9fc;border:1px solid #d9e0ea;border-radius:999px;padding:0 18px;font-size:.96rem;font-weight:700;transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.word-chip:active{transform:scale(.96)}.word-chip:focus-visible{outline-offset:2px;outline:3px solid #377dff40}.word-chip.selected{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 8px 18px #2563eb3d}.selected-panel{padding:16px}.metadata-label{color:#667085;letter-spacing:.04em;text-transform:uppercase;gap:7px;margin-top:12px;font-size:.78rem;font-weight:850;line-height:1.2;display:grid}.metadata-label input,.metadata-label select{color:#1f2937;width:100%;min-height:44px;font:inherit;text-transform:none;letter-spacing:0;background:#f8fafc;border:1px solid #d9e0ea;border-radius:12px;padding:0 13px;font-size:.94rem;line-height:1.4}.metadata-label input:focus,.metadata-label select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.suggestion-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.suggestion-chip{color:#0f766e;min-height:42px;font:inherit;cursor:pointer;background:#0f766e14;border:1px solid #0f766e33;border-radius:999px;padding:0 14px;font-size:.9rem;font-weight:800}.suggestion-chip.selected{color:#fff;background:#0f766e}.cards-panel,.result-panel{background:#fff;border:1px solid #15203314;border-radius:18px;padding:16px;box-shadow:0 8px 20px #1d2d440f}.result-content{gap:10px;margin-top:10px;display:grid}.result-meaning{color:#111827;margin:0;font-size:1.15rem;font-weight:850;line-height:1.3}.result-explanation{color:#475467;margin:0;font-size:.95rem;line-height:1.45}.result-style{color:#667085;margin:4px 0 0;font-size:.82rem;font-weight:800;line-height:1.35}.tag-chip-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag-editor{margin-top:10px}.tag-chip{color:#1d4ed8;min-height:34px;font:inherit;cursor:pointer;background:#2563eb14;border:1px solid #2563eb2e;border-radius:999px;padding:0 11px;font-size:.8rem;font-weight:850}.tag-add-row{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.tag-add-row select{color:#1f2937;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #d9e0ea;border-radius:12px;padding:0 12px;font-size:.9rem}.tag-add-row button{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:0 13px;font-size:.84rem;font-weight:850}.cards-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cards-toggle{color:#111827;width:100%;min-height:50px;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-size:.98rem;font-weight:850;display:flex}.cards-toggle span:last-child{color:#2563eb;font-size:.86rem;font-weight:850}.cards-toggle:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #2563eb2e}.card-count{color:#2563eb;background:#2563eb1a;border-radius:999px;justify-content:center;align-items:center;min-width:30px;min-height:30px;font-size:.84rem;font-weight:800;display:inline-flex}.card-list{gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.saved-card{background:#f8fafc;border:1px solid #e6ebf2;border-radius:14px;padding:14px}.edit-card-form{gap:12px;display:grid}.edit-card-form label{color:#667085;letter-spacing:.04em;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:850;line-height:1.2;display:grid}.edit-card-form input,.edit-card-form textarea,.edit-card-form select{color:#1f2937;width:100%;font:inherit;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #d9e0ea;border-radius:12px;padding:11px 12px;font-size:.94rem;line-height:1.4}.edit-card-form textarea{resize:vertical}.edit-card-form input:focus,.edit-card-form textarea:focus,.edit-card-form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.card-select-label{color:#667085;align-items:center;gap:8px;margin:0 0 10px;font-size:.84rem;font-weight:800;line-height:1.3;display:inline-flex}.card-select-label input{accent-color:#2563eb;width:18px;height:18px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:10px;margin:0 0 6px;display:flex}.card-word{color:#111827;margin:0;font-size:1.05rem;font-weight:850;line-height:1.25}.export-status{color:#047857;background:#10b9811f;border-radius:999px;flex:none;padding:4px 8px;font-size:.72rem;font-weight:850;line-height:1.2}.export-status.exported{color:#667085;background:#eef1f6}.card-meaning{color:#0f766e;margin:0 0 8px;font-size:.96rem;font-weight:800;line-height:1.35}.card-sentence{color:#475467;margin:0;font-size:.94rem;line-height:1.42}.card-explanation{color:#667085;margin:8px 0 0;font-size:.88rem;line-height:1.4}.card-source{color:#858f9f;margin:8px 0 0;font-size:.82rem;font-weight:700;line-height:1.35}.card-tags{color:#475467;margin:8px 0 0;font-size:.82rem;font-weight:800;line-height:1.35}.backup-reminder{color:#92400e;background:#fbbf241f;border:1px solid #d977062e;border-radius:14px;margin:12px 0 0;padding:11px 12px;font-size:.9rem;font-weight:750;line-height:1.35}.search-highlight{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fef08a;border-radius:5px}.card-date{color:#858f9f;margin-top:10px;font-size:.78rem;font-weight:700;line-height:1.3;display:block}.card-action-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.edit-card-button,.save-edit-button{color:#1d4ed8;min-height:38px;font:inherit;cursor:pointer;background:#2563eb14;border:1px solid #2563eb2e;border-radius:12px;padding:0 14px;font-size:.84rem;font-weight:800}.save-edit-button{color:#fff;background:#2563eb}.delete-card-button{color:#b42318;min-height:38px;font:inherit;cursor:pointer;background:#b423180f;border:1px solid #b423182e;border-radius:12px;padding:0 14px;font-size:.84rem;font-weight:800}.delete-card-button:active{transform:scale(.98)}.delete-card-button:focus-visible{outline-offset:2px;outline:3px solid #b4231829}.undo-delete{background:#0f766e0f;border:1px solid #0f766e24;border-radius:14px;margin-top:12px;padding:12px}.undo-delete p{color:#334155;margin:0 0 10px;font-size:.9rem;font-weight:700;line-height:1.35}.undo-delete button{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#0f766e;border:0;border-radius:12px;padding:0 14px;font-size:.84rem;font-weight:800}.empty-state{color:#667085;margin:12px 0 0;font-size:.94rem;line-height:1.4}.panel-label{color:#667085;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:800}.selected-word{color:#111827;min-height:32px;margin:0;font-size:1.25rem;font-weight:800;line-height:1.35}.audio-button-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.audio-button{color:#0f766e;min-height:40px;font:inherit;cursor:pointer;background:#0f766e14;border:1px solid #0f766e2e;border-radius:12px;padding:0 13px;font-size:.84rem;font-weight:850}.audio-button:active{transform:scale(.98)}.audio-button:focus-visible{outline-offset:2px;outline:3px solid #0f766e2e}@media (width<=430px){.app-shell{padding-inline:10px;padding-top:10px}.overlay-panel{border-radius:22px;padding-inline:14px}}@media (width>=700px){.app-shell{align-items:center;padding:32px}.overlay-panel{min-height:auto}}