: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{background:radial-gradient(circle at 0 0,#5b8def2e,#0000 32%),linear-gradient(#f7f8fb 0%,#eef1f6 100%);justify-content:center;align-items:flex-start;min-height:100svh;padding:18px;display:flex}.overlay-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #15203314;border-radius:28px;flex-direction:column;gap:18px;width:min(100%,430px);min-height:calc(100svh - 36px);padding:20px;display:flex;box-shadow:0 20px 60px #1d2d4429}.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:22px;box-shadow:0 10px 30px #1d2d4414}.sentence-card{padding:18px}.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:136px;font:inherit;background:#f8fafc;border:1px solid #d9e0ea;border-radius:16px;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:46px;font:inherit;cursor:pointer;background:#111827;border:0;border-radius:15px;margin:12px 0 0;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 12px 24px #11182729}.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:46px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:15px;margin:14px 0 0;padding:0 16px;font-size:.95rem;font-weight:800;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 12px 24px #2563eb33}.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:46px;font:inherit;cursor:pointer;background:#0f766e;border:0;border-radius:15px;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 12px 24px #0f766e2e}.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:46px;font:inherit;cursor:pointer;background:#2563eb14;border:1px solid #2563eb2e;border-radius:15px;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}.error-message{color:#b42318;margin:10px 2px 0;font-size:.9rem;font-weight:700;line-height:1.35}.word-list{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.word-list:empty{display:none}.word-chip{color:#253044;min-height:42px;font:inherit;cursor:pointer;background:#f7f9fc;border:1px solid #d9e0ea;border-radius:999px;padding:0 15px;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 10px 22px #2563eb47}.selected-panel{padding:16px 18px}.cards-panel,.result-panel{background:#fff;border:1px solid #15203314;border-radius:22px;padding:16px 18px;box-shadow:0 10px 30px #1d2d4414}.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}.cards-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.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:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.saved-card{background:#f8fafc;border:1px solid #e6ebf2;border-radius:16px;padding:14px}.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-date{color:#858f9f;margin-top:10px;font-size:.78rem;font-weight:700;line-height:1.3;display:block}.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}@media (width>=700px){.app-shell{align-items:center;padding:32px}.overlay-panel{min-height:auto}}