:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{box-sizing:border-box;min-height:100svh;padding:24px}main{max-width:480px;margin:0 auto}h1{margin:0 0 20px;font-size:28px}.add-form{gap:8px;margin-bottom:8px;display:flex}.add-form input{min-width:0;color:inherit;background:0 0;border:1px solid #8886;border-radius:8px;flex:1;padding:10px 12px;font-size:16px}.add-form button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:10px 18px;font-size:16px}.add-form button:disabled{opacity:.5;cursor:default}.error{color:#ef4444;margin-bottom:8px;display:block}.empty{opacity:.7;margin-top:24px}.card-list{margin:16px 0 0;padding:0;list-style:none}.card-list li{border-bottom:1px solid #8882;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 4px;display:flex}.card-word{font-size:18px}.card-reading{opacity:.6;margin-left:8px;font-size:14px}.card-date{opacity:.5;white-space:nowrap;font-size:13px}