:root{color-scheme:light dark;--bg:#fff;--fg:#171717;--muted:#777;--line:#e8e8e8;--hover:#f7f7f7;--field:#f6f6f6;--c1:#c96962;--c2:#c78a47;--c3:#b8a145;--c4:#63977b;--c5:#628eb2;--c6:#8c79b6;--c7:#b57499;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
@media(prefers-color-scheme:dark){:root{--bg:#000;--fg:#ededed;--muted:#909090;--line:#242424;--hover:#101010;--field:#141414;--c1:#d5837d;--c2:#d6a166;--c3:#c9b867;--c4:#83b39a;--c5:#85aed0;--c6:#a999ce;--c7:#c897b3}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:pan-x pan-y}html{background:var(--bg);color:var(--fg);overscroll-behavior-x:none}body{margin:0;font-size:15px;line-height:1.5}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:0;background:none}button,input,select{touch-action:pan-x pan-y}button:focus-visible,input:focus-visible,select:focus-visible,.word-row:focus-visible{outline:2px solid var(--fg);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}main{max-width:1120px;margin:auto;padding:0 40px calc(28px + env(safe-area-inset-bottom))}header{position:sticky;top:0;z-index:2;background:var(--bg);padding:28px 0 17px}.title-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}h1{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:0}#count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.connection{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--fg)}.connection.offline{background:transparent;border:1px solid var(--muted)}.tools{display:flex;gap:12px}.search-box{display:flex;gap:9px;align-items:center;min-width:0;flex:1;background:var(--field);border-radius:8px;padding:0 12px;color:var(--muted)}.search-box input{height:44px;width:100%;min-width:0;font-size:16px;border:0;outline:0;background:none;color:var(--fg);appearance:none}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{font-size:23px;width:30px;height:42px;padding:0;color:var(--muted)}select{height:44px;max-width:230px;width:230px;border:1px solid var(--line);border-radius:8px;background:var(--bg);padding:0 32px 0 12px;font-size:14px}.table-head,.word-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.8fr) 30px;gap:22px}.table-head{position:sticky;top:130px;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);padding:11px 12px;color:var(--muted);font-size:11px;letter-spacing:.07em}.word-row{position:relative;padding:19px 12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s;border-radius:2px;outline-offset:-2px!important;overflow-wrap:anywhere}.word-row:hover{background:var(--hover)}.word-row .de{font-weight:500}.word-row .en{font-weight:500}.word-row .example{color:var(--muted);font-size:14px;line-height:1.6}.word-row[data-color]{background:color-mix(in srgb,var(--mark) 7%,var(--bg));box-shadow:inset 3px 0 var(--mark)}.word-row[data-color]:hover{background:color-mix(in srgb,var(--mark) 11%,var(--bg))}.mark{align-self:start;justify-self:center;width:12px;height:12px;border:1px solid var(--line);border-radius:50%;margin-top:6px}.word-row[data-color] .mark{background:var(--mark);border-color:var(--mark)}#empty{padding:32px 12px;color:var(--muted);font-size:14px}dialog{background:var(--bg);color:var(--fg);border:1px solid var(--line);padding:20px;border-radius:16px;width:400px;max-width:calc(100% - 24px);box-shadow:0 15px 65px #0002}dialog::backdrop{background:#0006;backdrop-filter:blur(3px)}.picker-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}h2{font-size:16px;font-weight:500;line-height:1.4;margin:0;overflow-wrap:anywhere}.close{width:40px;height:40px;flex-shrink:0;font-size:24px;color:var(--muted);margin:-8px -8px -8px 0}.palette{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.swatch{height:46px;min-width:0;padding:0;display:grid;place-items:center;border-radius:8px}.swatch:hover{background:var(--hover)}.swatch span{display:grid;place-items:center;width:29px;height:29px;background:var(--mark);border-radius:50%;color:#000;font-size:18px}.swatch[aria-pressed=true]{outline:1px solid var(--fg);outline-offset:-1px}.reset-color{display:block;width:100%;margin-top:16px;font-size:13px;color:var(--muted);min-height:44px;border-top:1px solid var(--line);padding-top:12px}#login{min-height:90dvh;display:grid;place-items:center}#login-form{width:100%;max-width:320px}#login h1{margin-bottom:32px}#login label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.login-controls{display:flex;border-bottom:1px solid var(--fg)}#password{width:100%;min-width:0;border:0;background:none;height:50px;font-size:16px;outline:0}.login-controls button{width:50px;font-size:25px}.login-controls:focus-within{box-shadow:0 1px var(--fg)}#login-error{font-size:13px;color:var(--muted);min-height:20px}#notice{position:fixed;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;background:var(--fg);color:var(--bg);border-radius:9px;font-size:13px;box-shadow:0 4px 20px #0002}
@media(max-width:650px){main{padding:0 max(16px,env(safe-area-inset-left)) calc(24px + env(safe-area-inset-bottom))}header{padding:18px 0 13px}.title-row{margin-bottom:14px}h1{font-size:21px}.tools{gap:8px}select{width:108px;max-width:108px;font-size:12px;padding-left:8px;padding-right:16px}.search-box{padding:0 10px}.table-head{top:112px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 18px;gap:12px;padding:10px 8px}.table-head span:nth-child(3){display:none}.word-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 18px;gap:7px 12px;padding:16px 8px;font-size:14px;line-height:1.45}.word-row .example{grid-column:1/3;grid-row:2;font-size:13px;line-height:1.55}.mark{grid-column:3;grid-row:1;width:10px;height:10px;margin-top:5px}.word-row[data-color]{box-shadow:inset 2px 0 var(--mark)}dialog{padding:16px}.palette{gap:1px}.swatch{height:46px}.swatch span{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#units{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;touch-action:pan-x;margin-top:12px;border-bottom:1px solid var(--line)}#units::-webkit-scrollbar{display:none}#units button{position:relative;flex-shrink:0;min-height:42px;padding:0 1px;color:var(--muted);font-size:13px;touch-action:pan-x}#units button[aria-selected=true]{color:var(--fg)}#units button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--fg)}header{padding-bottom:0}.table-head{top:171px}@media(max-width:650px){#units{gap:21px;margin-top:10px}.table-head{top:151px}}

.table-head{top:var(--header-height,180px)}

.word-row .de{hyphens:auto;overflow-wrap:break-word}