:root{font-family:ui-rounded,Trebuchet MS,Arial,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;font-weight:400;color-scheme:light;--accent: #174bcd;--accent-shadow: #12399b;--page: #eaf3ff;--screen: #f8fbff;--ink: #153364;--muted: #49658e;--placeholder: #526e98;--soft: #eaf1ff;--input-border: #99b6e8;--divider: #c1d4f5;--example: #edf3fd;--example-border: #9cbaef}:root[data-theme=purple]{--accent: #6843ad;--accent-shadow: #4d2e86;--page: #f3edfc;--screen: #fcfaff;--ink: #352453;--muted: #67517f;--placeholder: #67517f;--soft: #f0e9fb;--input-border: #b7a0da;--divider: #ddd0ef;--example: #f1ebfa;--example-border: #af94d8}:root[data-theme=pink]{--accent: #b42374;--accent-shadow: #85174f;--page: #ffe6f5;--screen: #fffbfe;--ink: #552340;--muted: #7a4565;--placeholder: #7a4565;--soft: #fce0f1;--input-border: #da8cbc;--divider: #ebc3dc;--example: #ffedf8;--example-border: #d97ab0}:root[data-theme=green]{--accent: #206743;--accent-shadow: #164f33;--page: #eaf6ef;--screen: #f8fdf9;--ink: #183f2b;--muted: #466b55;--placeholder: #466b55;--soft: #e6f3e9;--input-border: #91bba0;--divider: #c5decf;--example: #eaf5ed;--example-border: #95c7a6}:root[data-theme=rose]{--accent: #9d3861;--accent-shadow: #782445;--page: #fff0f5;--screen: #fffafd;--ink: #53283d;--muted: #81566b;--placeholder: #81566b;--soft: #fbe8f0;--input-border: #d9a1b8;--divider: #efd0de;--example: #fcecf3;--example-border: #d9a0b8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible{outline:4px solid var(--ink);outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}svg{width:26px;height:26px;flex-shrink:0}.dictionary-device{width:min(100% - 32px,640px);margin:28px auto;background:var(--accent);padding:25px 20px 18px;border-radius:36px;box-shadow:0 10px 0 var(--accent-shadow),0 22px 50px #12399b1c}.device-header{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:0 12px 22px;color:#fff}.title-mark{color:#f9da57;font-size:2.75rem;font-weight:700;letter-spacing:-.09em;padding-right:5px}h1{flex:1 1 0;min-width:min(100%,5em);margin:0;font-size:2rem;line-height:1.12;font-weight:700;letter-spacing:-.035em;overflow-wrap:anywhere}.title-break{display:none}.device-screen{background:var(--screen);border-radius:24px;overflow:hidden;padding:28px}.lookup-panel,.result-panel{min-width:0}.color-picker{display:contents}.color-toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:8px;min-width:80px;min-height:56px;padding:10px 12px;border:2px solid white;border-radius:14px;color:#fff;background:transparent;font-size:1rem;font-weight:700}.color-toggle:focus-visible{outline-color:#f9da57}.color-options{flex:0 0 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:10px;padding:16px;border:2px solid var(--divider);border-radius:20px;background:var(--screen)}.color-choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:12px 8px;color:var(--ink);background:#fff;border:2px solid var(--divider);border-radius:14px;font-weight:700}.color-swatch{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:var(--swatch)}.color-selected{font-size:1rem;line-height:1}.color-choice[data-color=blue]{--swatch: #174bcd}.color-choice[data-color=purple]{--swatch: #6843ad}.color-choice[data-color=pink]{--swatch: #b42374}.color-choice[data-color=green]{--swatch: #206743}.color-choice[data-color=rose]{--swatch: #9d3861}.color-choice[aria-pressed=true]{border-color:var(--ink);background:var(--soft)}.lookup-form label{display:block;font-size:1.25rem;font-weight:700;margin-bottom:12px}.input-wrap{position:relative}input{width:100%;min-height:76px;line-height:1.5;padding:12px 68px 12px 20px;border:2px solid var(--input-border);border-radius:16px;color:var(--ink);background:#fff;font-size:1.75rem;font-weight:700}input::placeholder{color:var(--placeholder);font-weight:400;opacity:1}.clear-button{position:absolute;right:9px;top:9px;bottom:9px;width:56px;min-height:58px;border:none;color:var(--ink);background:var(--soft);border-radius:11px;display:grid;place-items:center}.lookup-button{min-height:68px;width:100%;border:none;border-radius:16px;margin-top:14px;background:#f9da57;color:#13315e;font-weight:800;font-size:1.25rem;letter-spacing:.05em;box-shadow:0 4px #dfbc32}.lookup-feedback p{font-size:1.25rem;line-height:1.5;margin:26px 0 10px}.suggestions{display:grid;gap:12px;margin:18px 0 8px}.suggestions button{min-height:62px;border:2px solid var(--input-border);border-radius:14px;background:var(--soft);color:var(--accent);padding:12px 18px;font-size:1.5rem;font-weight:700;overflow-wrap:anywhere}.empty-result{margin-top:32px;padding:25px 12px 16px;text-align:center;border-top:2px dashed var(--divider)}.empty-letters{display:inline-block;color:var(--accent);font-size:4.5rem;font-weight:700;letter-spacing:-.09em;line-height:1.1}.empty-result p{color:var(--muted);font-size:1.25rem;line-height:1.6;margin:16px 0 0}.word-result{margin-top:30px}.word-heading{padding:0 0 23px;border-bottom:2px solid var(--divider)}.section-label{margin:0 0 8px;color:var(--placeholder);font-size:.875rem;letter-spacing:.1em;font-weight:700}h2{margin:0 0 18px;font-size:clamp(2rem,6vw,3rem);color:var(--ink);line-height:1.18;letter-spacing:-.035em;overflow-wrap:anywhere}.hear-word,.hear-everything{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;border-radius:14px;font-size:1.125rem;font-weight:700;padding:12px 22px}.hear-word{border:2px solid var(--divider);color:var(--accent);background:var(--soft)}.meaning-section{margin:26px 0}.sense-section+.sense-section{border-top:2px solid var(--divider);margin-top:26px}h3{font-size:1rem;font-weight:700;color:var(--muted);margin:0 0 10px}.definition{font-size:1.75rem;font-weight:700;line-height:1.45;margin:0;overflow-wrap:anywhere}.example-section{background:var(--example);border-left:4px solid var(--example-border);border-radius:0 12px 12px 0;padding:20px;margin-bottom:24px}.example{font-size:1.375rem;line-height:1.55;margin:0;overflow-wrap:anywhere}.hear-everything{background:var(--accent);color:#fff;border:none;width:100%;min-height:66px}.word-heading .hear-everything{margin-top:12px}.speech-message{font-size:1rem;line-height:1.5;margin:12px 0 0}.speech-message:empty{display:none}.word-keyboard{display:grid;gap:8px;margin-top:20px}.keyboard-row{display:flex;flex-wrap:wrap;gap:8px}.word-keyboard button{min-height:56px;min-width:max(48px,2.5rem);border:2px solid var(--input-border);border-radius:12px;background:#fff;color:var(--ink);font-weight:700;padding:8px;line-height:1.2}.letter-key{flex:1 0 max(48px,2.5rem);font-size:1.5rem}.keyboard-actions{display:flex;flex-wrap:wrap;gap:8px}.keyboard-actions button{font-size:1.125rem;overflow-wrap:anywhere}.keyboard-actions .letter-key{font-size:1.5rem}.keyboard-actions .erase-key{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;flex:3 1 8rem}.keyboard-actions button:last-child{flex:2 1 5rem;background:var(--soft)}.is-typing .device-screen{display:block}.is-typing .result-panel,.is-typing .source-credit{display:none}.source-credit{color:#fff;text-align:center;font-size:.875rem;line-height:1.5;margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.dictionary-device{width:100%;margin:0;padding:max(20px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));border-radius:0;min-height:100svh;box-shadow:none}.device-header{padding:0 10px 20px;gap:14px}h1{font-size:1.75rem}.title-mark{display:none}.device-screen{padding:22px 18px;border-radius:21px}.definition{font-size:1.625rem}.example-section{padding:17px}.color-toggle{padding:10px 8px}.color-choice{gap:6px}.color-swatch{width:16px;height:16px}}@media(max-width:600px){.title-break{display:block}}@media(max-width:350px){.title-mark{display:none}.device-header{gap:10px}.device-screen{padding:20px 14px}input{font-size:1.5rem;padding-left:14px}}@media(min-width:760px)and (orientation:landscape){.dictionary-device{width:min(100% - 32px,1200px);margin:20px auto}.device-screen{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:32px;align-items:start}.result-panel{border-left:2px solid var(--divider);padding-left:32px}.word-result{margin-top:0}.empty-result{margin-top:0;border-top:none;padding:16px 12px 24px}}@media(min-width:1000px)and (orientation:landscape){.word-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}.word-heading .section-label,.word-heading h2{grid-column:1}.word-heading h2{margin-bottom:0}.word-heading .hear-word{grid-column:2;grid-row:1 / span 2;align-self:center}.word-heading .hear-everything,.word-heading .speech-message{grid-column:1 / -1}}@media(min-width:760px)and (orientation:landscape)and (max-height:700px){.dictionary-device{margin:8px auto;padding-top:16px;padding-bottom:16px}.device-header{padding-bottom:12px}.device-screen{padding:20px}}@media(min-width:600px)and (orientation:landscape){.is-typing{width:min(100% - 24px,1040px);margin:8px auto;padding:12px}.is-typing .device-header{padding:0 8px 8px;gap:12px}.is-typing .title-mark{display:none}.is-typing h1{font-size:1.5rem}.is-typing .title-break{display:none}.is-typing .device-screen{padding:16px}.is-typing .lookup-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.3fr);gap:10px;align-items:stretch}.is-typing .lookup-form label{grid-column:1 / -1;margin-bottom:0}.is-typing input{min-height:68px;padding-block:8px}.is-typing .clear-button{top:5px;bottom:5px}.is-typing .lookup-button{margin-top:0;box-shadow:none}.is-typing .word-keyboard{margin-top:14px}}@media(min-width:600px)and (orientation:landscape)and (max-height:500px){.is-typing{margin-block:0}.is-typing .lookup-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.is-typing .device-screen{padding:12px}}@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}}