:root{--bg:#121212;--panel:#1e1e1e;--surface:#2a2a2a;--border:#333;--border-input:#444;--text:#fff;--text-muted:#888;--accent:#4facfe;--success:#2e7d32;--danger:#f55;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:20px;--space-1:6px;--space-2:10px;--space-3:15px;--space-4:20px;--font-sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.45 var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3{margin:0;font-weight:600}p{margin:0}button{font:inherit;color:inherit}#root{min-height:100svh}.reader{flex-direction:column;height:80svh;display:flex}.reader__viewer{flex:1;overflow:hidden}.reader__nav{padding:var(--space-2);justify-content:space-between;display:flex}.reader__nav button{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;padding:8px 14px}.dictionary{padding:var(--space-3);color:var(--text)}.dictionary__search{width:100%;margin-bottom:var(--space-3);padding:var(--space-2);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);background:#222}.dictionary__empty{color:var(--text-muted);text-align:center;margin-top:30px}.dictionary__list{flex-direction:column;gap:12px;display:flex}.word-card{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;display:flex}.word-card__head{justify-content:space-between;align-items:center;display:flex}.word-card__term{color:var(--accent);align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.word-card__speak,.word-card__delete{cursor:pointer;background:0 0;border:none;font-size:16px}.word-card__delete{color:var(--danger)}.word-card__translation{color:#e0e0e0;font-size:16px}.word-card__context{color:var(--text-muted);margin-top:4px;font-size:12px;font-style:italic}.app{background:var(--bg);min-height:100svh;color:var(--text)}.tabbar{z-index:10;justify-content:center;gap:var(--space-4);background:var(--panel);border-bottom:1px solid var(--border);padding:12px;display:flex;position:sticky;top:0}.tab{border-radius:var(--radius-pill);color:var(--text);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-weight:700}.tab--active{background:var(--accent);color:#fff}.container{max-width:800px;padding:var(--space-3);margin:0 auto}.upload{text-align:center;margin-top:50px}.upload input{margin-top:var(--space-4)}.sheet{z-index:1000;padding:var(--space-4);background:var(--panel);color:var(--text);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000080}.sheet__head{justify-content:space-between;align-items:center;display:flex}.sheet__word{color:var(--accent)}.sheet__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.sheet__translation{margin:var(--space-2) 0;font-size:18px}.sheet__error{color:var(--danger);font-size:15px}.sheet__context{color:var(--text-muted);margin:5px 0;font-size:13px;font-style:italic}.sheet__save{width:100%;margin-top:var(--space-2);border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;padding:12px;font-weight:700}.sheet__save--saved{background:var(--success);cursor:default}.sheet__save:disabled{cursor:default}.sheet__save:disabled:not(.sheet__save--saved){opacity:.55}