:root{--bg:#323437;--bg-alt:#2c2e31;--main:#e2b714;--caret:#e2b714;--sub:#646669;--text:#d1d0c5;--error:#ca4754;--error-extra:#7e2a33;--font-size:2rem;--mono:"Roboto Mono", "Nanum Gothic Coding", "Apple SD Gothic Neo", monospace;--ko:"Nanum Gothic Coding", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--ui:"Lexend Deca", "Apple SD Gothic Neo", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);margin:0}[hidden]{display:none!important}button{font:inherit;color:inherit}kbd{font-family:var(--mono);background:var(--sub);color:var(--bg);border-radius:.25em;padding:.05em .35em;font-size:.75em}#app{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:2rem;max-width:1100px;min-height:100%;margin:0 auto;padding:2rem 2rem 1.5rem;display:grid}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{color:var(--text);align-items:center;gap:.6rem;display:flex}.logo-mark{width:2.1rem;height:2.1rem;color:var(--main);font-family:var(--ko);flex:none}.logo-text{flex-direction:column;font-size:1.9rem;line-height:1;display:flex}.logo-top{color:var(--sub);margin-bottom:.1rem;font-size:.7rem}nav{gap:.25rem;display:flex}.nav-btn{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:.4rem;padding:.4rem .7rem;transition:color .15s}.nav-btn:hover{color:var(--text)}main{flex-direction:column;justify-content:center;display:flex}.setup-hint{color:var(--sub);margin:0 0 .75rem}#source{resize:vertical;background:var(--bg-alt);width:100%;min-height:45vh;color:var(--text);font-family:var(--ko);border:0;border-radius:.5rem;outline:none;padding:1rem 1.2rem;font-size:1.15rem;line-height:1.7}#source:focus{box-shadow:0 0 0 2px var(--sub)}.setup-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.setup-count{color:var(--sub);margin-right:auto}.btn{background:var(--bg-alt);color:var(--text);cursor:pointer;border:0;border-radius:.5rem;padding:.65rem 1.1rem;transition:background .15s,color .15s}.btn:hover:not(:disabled){background:var(--text);color:var(--bg)}.btn.primary{color:var(--main)}.btn:disabled{opacity:.4;cursor:default}.live{min-height:1.6em;color:var(--main);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.4rem 1.25rem;margin-bottom:.4rem;font-size:1.4rem;display:flex}#words-wrapper{cursor:default;position:relative}#words{font-family:var(--ko);font-size:min(var(--font-size), 7vw);-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-content:flex-start;transition:filter .25s,opacity .25s;display:flex;overflow:hidden}#words-input{opacity:0;width:2em;height:1.5em;font-size:min(var(--font-size), 7vw);pointer-events:none;z-index:-1;border:0;padding:0;position:absolute;top:0;left:0}.word{word-break:keep-all;overflow-wrap:anywhere;border-bottom:2px solid #0000;max-width:100%;margin:.25em .3em;padding-bottom:.08em;line-height:1.3}.word.error{border-bottom-color:var(--error)}.l{color:var(--sub);transition:color 50ms}.l.correct{color:var(--text)}.l.incorrect{color:var(--error)}.l.composing{color:var(--sub);text-decoration:underline;-webkit-text-decoration-color:var(--sub);text-decoration-color:var(--sub);text-underline-offset:.25em;text-decoration-thickness:2px}.l.extra{color:var(--error-extra)}.word.typed .l.untyped{color:var(--sub)}.caret{background:var(--caret);pointer-events:none;z-index:2;border-radius:1px;width:.14rem;transition:transform .1s ease-out;position:absolute;top:0;left:0}.caret.blink{animation:1s infinite caret-flash}@keyframes caret-flash{0%,to{opacity:0}50%{opacity:1}}#focus-hint{color:var(--text);opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:1.1rem;transition:opacity .25s;display:flex;position:absolute;inset:0}#words-wrapper.blurred #words{filter:blur(4px);opacity:.4}#words-wrapper.blurred .caret{opacity:0}#words-wrapper.blurred #focus-hint{opacity:1}.result-grid{grid-template-columns:repeat(3,auto);justify-content:start;gap:1.25rem 3.5rem;display:grid}.stat .label,.missed .label{color:var(--sub);font-size:1rem}.stat .value{color:var(--main);font-variant-numeric:tabular-nums;font-size:1.8rem}.stat.big .value{font-size:3.5rem;line-height:1.1}.missed{margin-top:2.5rem}#r-missed{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.chip{background:var(--bg-alt);font-family:var(--ko);color:var(--error);cursor:pointer;border:0;border-radius:.4rem;padding:.35rem .7rem;font-size:1.1rem}.chip:hover{color:var(--text)}.none{color:var(--sub)}.result-actions{gap:.75rem;margin-top:2.5rem;display:flex}footer{color:var(--sub);flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;font-size:.8rem;line-height:1.6;display:flex}footer .sep{display:none}.definition{z-index:10;pointer-events:none;justify-content:center;padding:0 1rem;transition:transform .18s ease-out;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.definition.show{transform:translateY(0)}.def-inner{pointer-events:auto;background:var(--bg-alt);border:1px solid #3d3f43;border-top:0;border-radius:0 0 .75rem .75rem;width:min(1100px,100%);max-height:45vh;padding:.9rem 1.3rem 1rem;overflow-y:auto;box-shadow:0 10px 30px #00000059}.def-head{flex-wrap:wrap;align-items:baseline;gap:.8rem;display:flex}.def-word{font-family:var(--ko);color:var(--main);font-size:1.7rem;font-weight:700}.def-roman{color:var(--sub);font-style:italic}.def-lemma{color:var(--text);font-family:var(--ko)}.def-spacer{flex:1}.icon-btn{color:var(--sub);cursor:pointer;background:0 0;border:0;padding:.2rem .4rem;font-size:1rem}.icon-btn:hover{color:var(--text)}.def-body{margin-top:.35rem}.def-loading{color:var(--sub)}.def-meaning{color:var(--text);font-size:1.25rem}.def-breakdown{color:var(--sub);font-family:var(--ko);margin-top:.2rem}.def-entry{border-top:1px solid #3d3f43;margin-top:.8rem;padding-top:.6rem}.def-entry-title{font-family:var(--ko);align-items:baseline;gap:.6rem;display:flex}.def-entry-word{color:var(--main);font-weight:700}.def-entry-meta{color:var(--sub);font-size:.9rem}.def-senses{margin:.3rem 0 0;padding-left:1.4rem}.def-senses li{margin:.25rem 0}.def-en{color:var(--text);font-weight:600}.def-en-def{color:#a9a89f}.def-ko{color:var(--sub);font-family:var(--ko);font-size:.9rem}.def-meaning-row{align-items:baseline;gap:.6rem;min-width:0;display:flex}.def-more{color:var(--sub);font-size:.85rem;display:none}.def-nav{color:var(--sub);white-space:nowrap;align-items:baseline;gap:.15rem;margin-left:auto;font-size:.85rem;display:inline-flex}.def-nav-btn,.def-all-toggle{color:var(--sub);cursor:pointer;font:inherit;background:0 0;border:none;padding:0 .3rem}.def-nav-btn{font-size:1.1rem}.def-nav-btn:hover,.def-all-toggle:hover{color:var(--text)}.def-detail{margin-top:.3rem}.def-detail .def-entry-title{font-size:.9rem}.def-homonym{margin-left:.05em;font-size:.65em}.definition.all-open .def-inner{max-height:26vh}.def-all-toggle{margin-top:.5rem;padding:0;font-size:.85rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:block}.def-senses li{cursor:pointer}.def-senses li.current{color:var(--main)}.def-note{color:var(--sub);margin-top:.5rem;font-size:.8rem;font-style:italic}.def-error{color:var(--error)}.def-sources{color:var(--sub);margin-top:.7rem;font-size:.75rem}.row.stacked{border-bottom:0;flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.2rem}.window-controls{color:var(--sub);flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.window-controls b{color:var(--text);font-weight:400}.row .window-controls select{max-width:none}.window-preview{color:var(--sub);border-bottom:1px solid #3d3f43;padding:.5rem 0 .6rem;font-size:.9rem}.window-preview span:not(:first-child){font-family:var(--ko)}.window-preview .said{color:var(--main)}.window-preview .typed-word{color:var(--main);text-underline-offset:.25em;text-decoration:underline}.settings-form h2.section{margin-top:1.5rem}.settings-form h2 small{margin-left:.4rem;font-size:.8rem}.shortcut-btn{background:var(--bg);cursor:pointer;border:1px solid #0000;border-radius:.4rem;justify-content:center;gap:.25rem;min-width:7rem;padding:.3rem .5rem;display:flex}.shortcut-btn:hover{border-color:var(--sub)}.shortcut-btn.recording{border-color:var(--main);color:var(--main)}.shortcut-error{color:var(--error);min-height:1.2em;margin-top:.4rem;font-size:.85rem}dialog{background:var(--bg-alt);color:var(--text);border:1px solid #3d3f43;border-radius:.75rem;width:min(520px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.5rem 1.75rem;overflow-y:auto}dialog::backdrop{background:#0000008c}.settings-form h2{color:var(--sub);margin:0 0 1rem;font-size:1.1rem;font-weight:400}.row{border-bottom:1px solid #3d3f43;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.row small{color:var(--sub)}.row output{color:var(--main);margin-left:.3rem}.row select{background:var(--bg);color:var(--text);font:inherit;border:0;border-radius:.35rem;max-width:55%;padding:.35rem .5rem}.row input[type=checkbox]{accent-color:var(--main);width:1.1rem;height:1.1rem}.row input[type=range]{accent-color:var(--main)}.settings-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}@media (width<=640px){#app{padding:1.25rem 1rem}.result-grid{grid-template-columns:repeat(2,auto);gap:1rem 2rem}.logo-mark{width:1.7rem;height:1.7rem}.logo-text{font-size:1.45rem}.live{gap:.4rem .9rem;font-size:1.1rem}.stat.big .value{font-size:2.6rem}.result-actions,.setup-actions{flex-wrap:wrap}}footer .hint{white-space:nowrap}.plus{color:var(--sub);margin:0 .1em}dialog .btn{background:var(--bg)}.setup-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}.library-head{color:var(--sub);justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.library-head .nav-btn{padding:.2rem .4rem}#library-list{flex-direction:column;gap:.35rem;max-height:60vh;display:flex;overflow-y:auto}.library-empty{color:var(--sub);font-size:.85rem;line-height:1.5}.library-item{background:var(--bg-alt);border:1px solid #0000;border-radius:.5rem;align-items:flex-start;gap:.25rem;display:flex}.library-item.active{border-color:var(--sub)}.library-open{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:.55rem 0 .55rem .7rem}.library-title{font-family:var(--ko);color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-item:hover .library-title,.library-item.active .library-title{color:var(--main)}.library-meta{color:var(--sub);margin-top:.15rem;font-size:.75rem}.library-progress{background:linear-gradient(to right, var(--main) var(--pct), var(--bg) var(--pct));border-radius:2px;height:3px;margin-top:.4rem}.library-delete{opacity:0;margin:.4rem .3rem 0 0;font-size:.8rem}.library-share{opacity:0;margin:.4rem 0 0;font-size:.85rem}.library-item:hover .library-delete,.library-delete:focus-visible,.library-item:hover .library-share,.library-share:focus-visible{opacity:1}@media (hover:none){.library-share,.library-delete{opacity:1}}.library-confirm{flex-direction:column;gap:.2rem;padding:.4rem .4rem 0 0;display:flex}.library-confirm button{background:var(--bg);cursor:pointer;color:var(--text);border:0;border-radius:.3rem;padding:.2rem .5rem;font-size:.75rem}.library-confirm .danger{color:var(--error)}.title-input{background:var(--bg-alt);width:100%;color:var(--text);font-family:var(--ko);border:0;border-radius:.5rem;outline:none;margin-bottom:.6rem;padding:.6rem 1.2rem;font-size:1.05rem}.title-input:focus{box-shadow:0 0 0 2px var(--sub)}.save-status{color:var(--sub);font-size:.85rem}.save-status.error{color:var(--error)}@media (width<=760px){.setup-layout{grid-template-columns:minmax(0,1fr)}#library-list{max-height:30vh}}.import-row{gap:.5rem;display:flex}.import-row .title-input{min-width:0;font-family:var(--ui);margin-bottom:0;font-size:.95rem}.import-status{min-height:1.4em;color:var(--sub);margin:.3rem 0 .2rem;font-size:.85rem}.import-status.error{color:var(--error)}.video-chip{background:var(--bg-alt);border-radius:.5rem;align-items:center;gap:.6rem;margin-bottom:.6rem;padding:.45rem .6rem .45rem .9rem;font-size:.9rem;display:flex}.video-chip-icon{color:var(--error)}.video-chip-title{font-family:var(--ko);color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.video-chip-meta{color:var(--sub);white-space:nowrap;margin-left:auto}.video-wrap{aspect-ratio:16/9;background:#000;border-radius:.6rem;width:min(560px,100%);margin:0 auto 1.25rem;overflow:hidden}.video-wrap iframe,#video-player{border:0;width:100%;height:100%;display:block}.live{align-items:center}.live-spacer{flex:1}.mode-toggle{background:var(--bg-alt);border-radius:.45rem;padding:.2rem;font-size:.85rem;display:flex}.mode-toggle button{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:.3rem;padding:.25rem .7rem}.mode-toggle button.active{background:var(--bg);color:var(--main)}.live-note{color:var(--sub);font-size:.8rem}.num-input{background:var(--bg);width:3.5rem;color:var(--text);font:inherit;border:0;border-radius:.35rem;padding:.35rem .4rem}.bookmarklet{background:var(--bg-alt);border:1px dashed var(--main);color:var(--main);cursor:grab;white-space:nowrap;border-radius:.4rem;padding:.1rem .6rem;text-decoration:none;display:inline-block}.btn.small{background:var(--bg);margin:0 .2rem;padding:.15rem .6rem;font-size:.8rem}.yt-callout{background:var(--bg-alt);border:1px solid #3d3f43;border-left:3px solid var(--error);border-radius:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem 1.2rem;margin:0 0 .9rem;padding:.75rem 1rem;display:flex}.yt-callout-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.yt-callout-text b{color:var(--text);font-weight:600}.yt-callout-text span{color:var(--sub);font-size:.85rem}.yt-callout-actions{align-items:center;gap:.6rem;display:flex}dialog.guide{width:min(880px,100vw - 2rem);padding:1.4rem 1.6rem 1.2rem}.guide-head{justify-content:space-between;align-items:center;display:flex}.guide-head h2{color:var(--text);margin:0;font-size:1.35rem;font-weight:600}.guide-lede{color:var(--sub);margin:.4rem 0 1.2rem;line-height:1.6}.guide-steps{flex-direction:column;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.guide-step{border-bottom:1px solid #3d3f43;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:1.2rem;padding-bottom:1.1rem;display:grid}.guide-step:last-child{border-bottom:0;padding-bottom:0}.guide-visual img{border:1px solid #3d3f43;border-radius:.5rem;width:100%;display:block}.guide-caption h3{color:var(--text);align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:1.05rem;font-weight:600;display:flex}.guide-caption h3 small{color:var(--sub);font-weight:400}.guide-num{background:var(--main);width:1.6rem;height:1.6rem;color:var(--bg);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:inline-grid}.guide-caption p{color:#a9a89f;margin:0;line-height:1.6}.guide-caption b{color:var(--text);font-weight:600}.guide-tips{color:var(--sub);margin:.6rem 0 0;padding-left:1.1rem;font-size:.85rem;line-height:1.7}.guide-note{color:var(--sub);margin:1.2rem 0 0;font-size:.85rem}@media (width<=680px){.guide-step{grid-template-columns:minmax(0,1fr)}dialog.guide{padding:1.1rem 1rem 1rem}}.mock-browser{-webkit-user-select:none;user-select:none;background:#1f2023;border:1px solid #45474b;border-radius:.55rem;font-size:.72rem;overflow:hidden}.mock-top{background:#2a2b2e;align-items:center;gap:.6rem;padding:.45rem .6rem;display:flex}.mock-dots{gap:.25rem;display:flex}.mock-dots i{background:#5b5d61;border-radius:50%;width:.5rem;height:.5rem}.mock-url{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;background:#1f2023;border-radius:.3rem;flex:1;padding:.15rem .5rem;overflow:hidden}.mock-bookmarks{background:#2a2b2e;border-top:1px solid #333538;border-bottom:1px solid #333538;gap:.4rem;padding:.3rem .6rem;display:flex}.mock-bm,.mock-bm-slot{color:var(--sub);white-space:nowrap;border-radius:.25rem;padding:.1rem .45rem;position:relative}.mock-bm-slot{border:1px dashed var(--main);color:var(--main);opacity:.8}.mock-bm-ka{color:var(--main);background:#3a3520}.mock-bm-pressed{outline:2px solid var(--main)}.mock-page{height:9.5rem;padding:.7rem;position:relative}.mock-page-ka{justify-content:flex-end;align-items:flex-end;display:flex}.mock-ka-button{border:1px dashed var(--main);color:var(--main);background:var(--bg-alt);border-radius:.35rem;margin:0 1.5rem 1rem 0;padding:.2rem .6rem;font-size:.8rem}.mock-drag-arrow{fill:none;width:55%;height:70%;stroke:var(--main);stroke-width:2.5px;stroke-dasharray:5 5;stroke-linecap:round;position:absolute;top:.4rem;left:4.2rem}.mock-player{background:linear-gradient(135deg,#3a3d42,#25272a);border-radius:.35rem;place-items:center;height:6.2rem;display:grid;position:relative}.mock-play{opacity:.8;border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;border-left:1.1rem solid #d1d0c5;width:0;height:0}.mock-cc{color:#d1d0c5;border:1px solid #d1d0c5;border-radius:.2rem;padding:0 .3rem;font-size:.6rem;position:absolute;bottom:.4rem;right:.5rem}.mock-subtitle{color:#fff;font-family:var(--ko);white-space:nowrap;background:#000000b3;border-radius:.15rem;padding:0 .4rem;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.mock-lines{flex-direction:column;gap:.35rem;margin-top:.6rem;display:flex}.mock-lines i{background:#333538;border-radius:.2rem;width:70%;height:.45rem}.mock-lines i+i{width:45%}.mock-toast{background:var(--bg);max-width:70%;color:var(--text);border:1px solid var(--main);border-radius:.4rem;padding:.35rem .6rem;position:absolute;top:.9rem;right:.9rem;box-shadow:0 6px 16px #0006}.mock-cursor{clip-path:polygon(0 0,0 100%,28% 76%,48% 100%,62% 92%,43% 68%,80% 68%);filter:drop-shadow(0 1px 1px #0009);background:#fff;width:.9rem;height:1.2rem;position:absolute}.mock-cursor-drag{bottom:.4rem;right:1.4rem}.mock-cursor-click{bottom:-.7rem;right:-.2rem}.yt-callout .btn{background:var(--bg)}.import-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#323437eb;place-items:center;padding:1rem;display:none;position:fixed;inset:0}html.importing .import-overlay{display:grid}.import-card{text-align:center;background:var(--bg-alt);border:1px solid #3d3f43;border-radius:.8rem;width:min(380px,100%);padding:1.8rem 1.5rem 1.4rem;box-shadow:0 12px 32px #00000059}.import-card h2{color:var(--text);margin:1rem 0 .4rem;font-size:1.15rem;font-weight:600}.import-card p{color:var(--sub);margin:0;line-height:1.5}.import-card .import-hint{margin-top:.6rem;font-size:.8rem}.spinner{border:3px solid #45474b;border-top-color:var(--main);border-radius:50%;width:2.4rem;height:2.4rem;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.welcome{background:var(--bg-alt);border:1px solid #3d3f43;border-left:3px solid var(--main);border-radius:.6rem;margin-bottom:1rem;padding:1rem 1.2rem 1.1rem}.welcome h2{color:var(--text);margin:0 0 .35rem;font-size:1.2rem;font-weight:600}.welcome p{color:#a9a89f;margin:0;line-height:1.6}.welcome-actions{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.welcome .btn{background:var(--bg)}.guide-why{background:var(--bg);border-radius:.6rem;margin-top:1.3rem;padding:.9rem 1.1rem}.guide-why h3{color:var(--text);margin:0 0 .4rem;font-size:1rem}.guide-why ul{color:#a9a89f;margin:0;padding-left:1.1rem;line-height:1.7}.guide-why b{color:var(--text);font-weight:600}.mock-listen{background:#1f2023;border:1px solid #45474b;border-radius:.55rem;justify-items:center;gap:1.2rem;padding:1.6rem 1rem;display:grid}.mock-listen-row{align-items:center;gap:.9rem;display:flex}.mock-word{font-family:var(--ko);color:var(--text);font-size:1.9rem}.mock-speaker{background:var(--main);clip-path:polygon(0 32%,32% 32%,72% 0,72% 100%,32% 68%,0 68%);width:1.3rem;height:1.3rem}.mock-waves{align-items:center;gap:.25rem;display:flex}.mock-waves i{background:var(--main);opacity:.9;border-radius:.2rem;width:.28rem;height:.8rem}.mock-waves i:nth-child(2){opacity:.7;height:1.4rem}.mock-waves i:nth-child(3){opacity:.5;height:2rem}.mock-listen-toggle{background:var(--bg-alt);border-radius:.45rem;padding:.2rem;font-size:.8rem;display:flex}.mock-listen-toggle span{color:var(--sub);border-radius:.3rem;padding:.2rem .7rem}.mock-listen-toggle .on{background:var(--bg);color:var(--main)}.mock-definition{background:var(--bg-alt);border:1px solid #45474b;border-radius:.55rem;padding:.9rem 1rem;box-shadow:0 8px 20px #0000004d}.mock-def-head{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.mock-def-head b{font-family:var(--ko);color:var(--main);font-size:1.4rem}.mock-def-head i{color:var(--sub)}.mock-def-head span{font-family:var(--ko);color:var(--text);font-size:.9rem}.mock-def-meaning{color:var(--text);margin-top:.2rem;font-size:1.05rem}.mock-def-breakdown{color:var(--sub);font-family:var(--ko);margin-top:.15rem;font-size:.85rem}.mock-def-entry{color:#a9a89f;border-top:1px solid #3d3f43;margin-top:.6rem;padding-top:.5rem;font-size:.85rem}.mock-def-entry b{font-family:var(--ko);color:var(--main)}.footer-promo,.result-promo{color:var(--sub);margin:0;font-size:.8rem}.footer-promo{text-align:center;opacity:.8;flex-basis:100%}body[data-screen=test] .footer-promo{display:none}.result-promo{max-width:34rem;margin-top:2rem;line-height:1.6}.footer-promo a,.result-promo a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--sub);text-decoration-color:var(--sub);text-underline-offset:.2em}.footer-promo a:hover,.result-promo a:hover{color:var(--main)}.lang-select{color:var(--sub);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;padding:.35rem .4rem}.lang-select:hover,.lang-select:focus-visible{color:var(--text);border-color:#45474b;outline:none}.lang-select option{background:var(--bg-alt);color:var(--text)}nav{align-items:center}.import-row .btn{white-space:nowrap;flex:none}.keymap{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:.35rem;margin-top:1.6rem;display:flex}.km-row{gap:.35rem;display:flex}.km-row-1{margin-left:1.1rem}.km-row-2{margin-left:2.6rem}.km-key{background:var(--bg-alt);width:2.6rem;height:2.6rem;color:var(--sub);border:1px solid #3d3f43;border-radius:.4rem;place-items:center;font-size:.8rem;transition:background 80ms,color 80ms;display:grid;position:relative}.km-jamo{font-family:var(--ko);color:var(--text);font-size:1.05rem}.km-shift-jamo{font-family:var(--ko);color:var(--sub);font-size:.65rem;position:absolute;top:.15rem;right:.3rem}.km-latin{color:var(--sub);text-transform:uppercase;font-size:.6rem;position:absolute;bottom:.1rem;left:.3rem}.km-wide{width:5.5rem}.km-space{width:16rem}.km-key.km-next{background:var(--main);border-color:var(--main);color:var(--bg)}.km-key.km-next .km-jamo,.km-key.km-next .km-shift-jamo,.km-key.km-next .km-latin{color:var(--bg)}@media (width<=640px){.km-key{width:1.9rem;height:2.2rem}.km-jamo{font-size:.9rem}.km-row-1{margin-left:.8rem}.km-row-2{margin-left:1.8rem}.km-wide{width:4rem}.km-space{width:9rem}}.keymap-toggle{background:var(--bg-alt);color:var(--sub);cursor:pointer;border:0;border-radius:.45rem;place-items:center;padding:.4rem .55rem;display:grid}.keymap-toggle svg{width:1.5rem;height:1rem;display:block}.keymap-toggle:hover{color:var(--text)}.keymap-toggle.active{color:var(--main)}.definition.compact .def-inner{max-height:5.2rem;padding:.45rem 1.1rem .55rem;overflow:hidden}.definition.compact .def-word{font-size:1.25rem}.definition.compact .def-body{align-items:baseline;gap:.9rem;min-width:0;margin-top:.1rem;display:flex}.definition.compact .def-meaning,.definition.compact .def-breakdown{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;overflow:hidden}.definition.compact .def-meaning{flex:0 auto;font-size:1rem}.definition.compact .def-breakdown{flex:1 1 0}.definition.compact .def-entry,.definition.compact .def-detail,.definition.compact .def-nav,.definition.compact .def-all-toggle,.definition.compact .def-note,.definition.compact .def-sources{display:none}.definition.compact .def-more{flex:none;display:inline}.definition.compact .def-meaning-row{flex:0 auto}.account-btn.premium{color:var(--main)}.account-dialog h2{color:var(--sub);margin:0 0 .6rem;font-size:1.1rem;font-weight:400}.acct-lede,.acct-who,.acct-sync{color:var(--sub);margin:0 0 1rem;font-size:.9rem}.acct-tabs{border-bottom:1px solid #3d3f43;gap:.25rem;margin-bottom:1rem;display:flex}.acct-tab{color:var(--sub);cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.4rem .7rem}.acct-tab.active{color:var(--text);border-bottom-color:var(--main)}.acct-google{width:100%}.acct-or{text-align:center;color:var(--sub);margin:.7rem 0;font-size:.8rem}.acct-field{color:var(--sub);flex-direction:column;gap:.3rem;margin-bottom:.8rem;font-size:.85rem;display:flex}.acct-field input{background:var(--bg);color:var(--text);font:inherit;border:1px solid #3d3f43;border-radius:.4rem;padding:.55rem .7rem;font-size:1rem}.acct-field input:focus{border-color:var(--main);outline:none}.acct-error{color:var(--error);min-height:1.2em;margin-bottom:.4rem;font-size:.85rem}.acct-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.4rem;display:flex}.link-btn{color:var(--sub);cursor:pointer;font:inherit;background:0 0;border:none;margin-right:auto;padding:0;font-size:.85rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.link-btn:hover{color:var(--text)}.acct-plan{margin-bottom:1rem}.acct-usage{margin-bottom:.4rem}.acct-meter{background:var(--bg);border-radius:.2rem;height:.4rem;overflow:hidden}.acct-meter-fill{background:var(--main);height:100%}.acct-resets{color:var(--sub);margin-top:.3rem;display:block}.acct-pitch{margin:1rem 0 .2rem}.acct-premium{color:var(--main)}.acct-plans{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.acct-plan-btn{background:var(--bg);color:var(--text);cursor:pointer;font:inherit;text-align:left;border:1px solid #3d3f43;border-radius:.6rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem .9rem;display:flex}.acct-plan-btn:hover{border-color:var(--main)}.acct-plan-name{color:var(--sub);font-size:.85rem}.acct-plan-price{font-size:1.2rem}.acct-plan-note{color:var(--main);font-size:.75rem}.premium-badge{border:1px solid var(--main);color:var(--main);text-transform:uppercase;vertical-align:middle;border-radius:.3rem;margin-left:.35rem;padding:0 .35rem;font-size:.65rem;display:inline-block}.def-gate{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.def-gate-text{color:var(--text)}.definition.compact .def-gate{flex-wrap:nowrap}.definition.compact .def-gate-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.def-gate-btn{flex:none}.acct-social{gap:.5rem;display:grid}.acct-social.many{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.acct-social-btn{background:var(--bg);color:var(--text);cursor:pointer;font:inherit;border:1px solid #3d3f43;border-radius:.5rem;justify-content:center;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.95rem;display:flex}.acct-social-btn:hover:not(:disabled){border-color:var(--sub)}.acct-social-btn svg{flex:none}.acct-social-btn.apple{color:#000;background:#fff;border-color:#fff}.acct-social-btn.discord svg{color:#5865f2}.acct-or{align-items:center;gap:.7rem;display:flex}.acct-or:before,.acct-or:after{content:"";border-top:1px solid #3d3f43;flex:1}.with-crown{align-items:center;gap:.4rem;display:inline-flex}div.with-crown,p.with-crown{display:flex}.crown{color:var(--main);flex:none;display:inline-flex}.btn.primary .crown{color:inherit}.premium-badge{align-items:center;gap:.2rem;display:inline-flex}.def-gate-wrap{position:relative}.def-teaser{filter:blur(3.5px);-webkit-user-select:none;user-select:none;pointer-events:none;max-height:7.5rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,#0000 100%);mask-image:linear-gradient(#000 35%,#0000 100%)}.definition.gated .def-roman,.definition.gated .def-lemma{filter:blur(4px);-webkit-user-select:none;user-select:none}.def-teaser .def-meaning-row{filter:blur(1.5px)}.def-gate-wrap .def-gate{text-align:center;justify-content:center;gap:.6rem 1rem;margin-top:-1.5rem;padding:.5rem 1rem .25rem;position:relative}.def-gate-wrap .def-gate-btn{background:var(--main);color:var(--bg);border:0;border-radius:.45rem;margin:.15rem 0;padding:.5rem 1.2rem;font-weight:600}.def-gate-wrap .def-gate-btn:hover:not(:disabled){background:var(--main);color:var(--bg);filter:brightness(1.08)}.definition.compact .def-gate-wrap{flex:auto;align-items:center;gap:1rem;min-width:0;display:flex}.definition.compact .def-teaser{white-space:nowrap;flex:0 12rem;gap:.9rem;min-width:0;max-height:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 40%,#0000 100%);mask-image:linear-gradient(90deg,#000 40%,#0000 100%)}.definition.compact .def-gate-wrap .def-gate{flex:auto;justify-content:flex-start;min-width:0;margin:0;padding:.15rem 0}.definition.compact .def-gate-wrap .def-gate-btn{margin:0;padding:.25rem .8rem}@media (width<=640px){.definition.compact .def-teaser{display:none}.def-teaser{max-height:4.5rem}}.nav-btn{white-space:nowrap}.definition.gated.compact .def-roman,.definition.gated.compact .def-lemma{display:none}@media (width<=640px){nav{flex-wrap:wrap;justify-content:flex-end;gap:0}.nav-btn{padding:.35rem .5rem}.definition.compact .def-gate-text{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box}.definition.compact .def-gate-text .crown{display:none}}.account-btn .crown{vertical-align:-.1em;margin-right:.3rem}.definition.video .def-inner,.definition.video.all-open .def-inner{max-height:22vh}.zen-dialog h2{color:var(--sub);margin:0 0 .4rem;font-size:1.1rem;font-weight:400}.zen-lede{color:var(--sub);margin:0 0 1rem;font-size:.9rem}.zen-targets{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.zen-target{padding:.6rem 0;font-size:1rem}.zen-best{color:var(--sub);margin:.9rem 0 .4rem;font-size:.85rem}.zen-badges-wrap summary{cursor:pointer;color:var(--sub);margin-bottom:.5rem;font-size:.85rem}.zen-badges{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.4rem;display:grid}.zen-badge{background:var(--bg);color:var(--sub);opacity:.45;filter:grayscale();border-radius:.45rem;align-items:center;gap:.4rem;padding:.35rem .5rem;font-size:.8rem;display:flex}.zen-badge.earned{opacity:1;filter:none;color:var(--text)}.zen-badge-icon{font-size:1.05rem;line-height:1}.zen-badge-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zen-end{margin-left:.5rem;font-size:.8rem}.zen-result{text-align:center;margin:.5rem 0 1.5rem}.zen-reason{color:var(--sub)}.zen-bests{color:var(--main);margin-top:.4rem}.zen-new-label{color:var(--sub);margin:.9rem 0 .4rem;font-size:.85rem}.zen-new-badges{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.zen-badge.new{border:1px solid var(--main);padding:.5rem .8rem;font-size:.95rem;animation:.5s ease-out both zen-badge-pop}@keyframes zen-badge-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.zen-badge.new{animation:none}}.acct-zen{border-top:1px solid #3d3f43;margin:.5rem 0 1rem;padding-top:.9rem}.zen-heading{color:var(--sub);margin:0 0 .6rem;font-size:1rem;font-weight:400}.zen-empty{color:var(--sub);margin:0;font-size:.85rem}.zen-stats{grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin-bottom:.8rem;display:grid}.zen-stat{flex-direction:column;display:flex}.zen-stat-label{color:var(--sub);font-size:.75rem}.zen-stat-value{font-size:1rem}.zen-badges-label{color:var(--sub);margin-bottom:.4rem;font-size:.8rem}.mute-toggle svg{width:1.3rem;height:1.3rem;margin:-.15rem 0}.mute-toggle .mute-x{display:none}.mute-toggle.muted{color:var(--main)}.mute-toggle.muted .mute-waves{display:none}.mute-toggle.muted .mute-x{display:inline}.recommended{margin-top:1.25rem}.recommended #recommended-list{flex-direction:column;gap:.4rem;display:flex}