:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#141517;--bg-card:#1e1f22;--bg-elevated:#242629;--bg-input:#26272b;--border:#2e3033;--border-soft:#26282b;--text:#e8e6df;--text-secondary:#9d9b92;--text-faint:#6e6d66;--accent:#315cff;--accent-soft:#315cff29;--accent-text:#8ea4ff;--danger:#e5615c;--danger-soft:#e5615c24;--ok:#58b368;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-size:15px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input{font:inherit;color:inherit;background:0 0;border:none;outline:none}a{color:var(--accent-text);text-decoration:none}::selection{background:#315cff52}.app-shell{max-width:620px;min-height:100dvh;padding:0 16px calc(72px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.app-header{justify-content:space-between;align-items:baseline;padding:20px 2px 12px;display:flex}.app-title{letter-spacing:.2px;font-size:20px;font-weight:700}.app-subtitle{color:var(--text-faint);font-size:12px}.search-panel{z-index:10;background:var(--bg);padding:6px 0 10px;position:sticky;top:0}.search-bar{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{flex:1;min-width:0;font-size:17px}.search-bar .search-clear{color:var(--text-faint);padding:2px 6px;font-size:18px;line-height:1}.search-hint{color:var(--text-faint);margin:8px 4px 0;font-size:12px}.suggestions{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:14px;margin:8px 0 0;padding:4px 0;overflow:hidden}.suggestion{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;font-size:15px;display:flex}.suggestion+.suggestion{border-top:1px solid var(--border-soft)}.suggestion .suggestion-index{color:var(--text-faint);font-size:12px;font-family:var(--mono);margin-right:10px}.suggestion .suggestion-word{flex:1}.suggestion:active,.suggestion:hover{background:var(--bg-elevated)}.suggestion b{color:var(--accent-text);font-weight:600}.result-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:16px;margin-top:14px;padding:18px 16px 16px}.result-head{align-items:center;gap:12px;display:flex}.result-word{letter-spacing:.2px;overflow-wrap:anywhere;font-size:26px;font-weight:700}.result-phonetic{font-family:var(--mono);color:var(--text-secondary);font-size:14px}.speak-button{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:12px;place-items:center;width:40px;height:40px;margin-left:auto;font-size:17px;display:grid}.speak-button:active{background:var(--bg-elevated)}.badges{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.badge{background:var(--accent-soft);color:var(--accent-text);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1}.badge.neutral{background:var(--bg-input);color:var(--text-secondary)}.result-section{margin-top:14px}.result-section h3{color:var(--text-faint);text-transform:uppercase;letter-spacing:.8px;margin:0 0 6px;font-size:12px;font-weight:600}.result-line{margin:2px 0;font-size:15px;line-height:1.65}.result-line.english{color:var(--text-secondary)}.exchange-chips{flex-wrap:wrap;gap:6px;display:flex}.exchange-chip{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:8px;padding:5px 9px;font-size:12px}.exchange-chip span{color:var(--text-faint);margin-right:5px}.result-actions{gap:10px;margin-top:16px;display:flex}.primary-button{background:var(--accent);color:#fff;text-align:center;border-radius:12px;flex:1;padding:12px 14px;font-size:15px;font-weight:600}.primary-button:disabled{background:var(--bg-input);color:var(--text-faint)}.ghost-button{border:1px solid var(--border);color:var(--text-secondary);border-radius:12px;padding:12px 14px;font-size:14px}.empty-state{text-align:center;color:var(--text-faint);margin-top:48px;font-size:14px;line-height:1.8}.empty-state .glyph{margin-bottom:8px;font-size:34px;display:block}.not-found{background:var(--bg-card);border:1px solid var(--border-soft);text-align:center;color:var(--text-secondary);border-radius:16px;margin-top:20px;padding:20px 16px;font-size:14px}.wordbook-summary{justify-content:space-between;align-items:baseline;padding:20px 2px 10px;display:flex}.wordbook-count{color:var(--text-faint);font-size:12px}.day-group{margin-top:14px}.login-wrap{place-items:center;min-height:100dvh;padding:24px 0;display:grid}.login-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:20px;flex-direction:column;gap:14px;width:100%;max-width:360px;padding:28px 22px;display:flex}.login-eyebrow{letter-spacing:2px;color:var(--accent-text);margin:0;font-size:11px}.login-title{margin:0;font-size:24px}.login-hint{color:var(--text-faint);margin:-6px 0 4px;font-size:13px}.login-field{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-field input{background:var(--bg-input);border:1px solid var(--border-soft);border-radius:10px;padding:11px 12px;font-size:16px}.login-field input:focus{border-color:var(--accent);outline:none}.login-error{color:var(--danger);margin:0;font-size:13px}.login-submit{background:var(--accent);color:#fff;border-radius:12px;margin-top:4px;padding:12px;font-size:15px;font-weight:600}.login-submit:disabled{background:var(--bg-input);color:var(--text-faint)}.sync-block{align-items:center;gap:10px;display:flex}.sync-state{color:var(--text-faint);font-size:12px}.sync-state[data-state=syncing],.sync-state[data-state=idle]{color:var(--ok)}.sync-state[data-state=error]{color:var(--danger)}.sync-action{color:var(--accent-text);border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px}.day-label{color:var(--text-faint);letter-spacing:.5px;margin:0 0 6px 4px;font-size:12px}.word-row{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.word-row+.word-row{margin-top:8px}.word-row-main{flex:1;min-width:0}.word-row-word{overflow-wrap:anywhere;font-size:16px;font-weight:600}.word-row-gloss{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.status-chip{border:1px solid var(--border);color:var(--text-secondary);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:11px;line-height:1}.status-chip[data-status=new]{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.status-chip[data-status=learning]{color:var(--accent-text);border-color:var(--accent-soft);background:var(--accent-soft)}.status-chip[data-status=known]{color:var(--ok);background:#58b3681f;border-color:#58b36833}.delete-button{color:var(--text-faint);border-radius:8px;padding:6px 8px;font-size:13px}.delete-button:active{color:var(--danger);background:var(--danger-soft)}.bottom-nav{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border-soft);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{width:100%;max-width:620px;display:flex}.bottom-nav a{text-align:center;color:var(--text-faint);flex:1;padding:12px 0 10px;font-size:13px}.bottom-nav a[aria-current=page]{color:var(--accent-text);font-weight:600}.loading-block{text-align:center;color:var(--text-faint);margin-top:20px;font-size:13px}