@font-face{font-family:VocaSerif;src:url('/fonts/SourceSerif4.woff') format('woff');font-display:swap}*{box-sizing:border-box}html{background:#f5f2e9;color:#172e25;font-family:VocaSans,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Malgun Gothic",sans-serif}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #74984a;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;background:none}p,h1,h2,h3{margin-top:0}button,.button{touch-action:manipulation}.english{-webkit-user-select:text;user-select:text}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6a746c;display:block}.button{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;border-radius:13px;min-height:52px;padding:14px 20px;font-weight:700;font-size:15px}.primary{background:#315444;color:#fff}.secondary{background:#e9ede3;color:#315444;border:1px solid #d7dfd1}.accent{background:#d6e8ad;color:#213a2e}.text-link{font-size:12px;color:#315444;font-weight:600;padding:7px 0}.wordmark,.brand>a{font-family:VocaSerif,Georgia,serif;font-size:22px;font-weight:bold;letter-spacing:-1px}.wordmark span,.brand>a span{font:10px/1 sans-serif;letter-spacing:2px;text-transform:uppercase;margin-left:11px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;letter-spacing:2px;font-size:16px}.loading small{font-size:12px;color:#6a746c;margin-top:20px;letter-spacing:0}#toast{position:fixed;bottom:98px;left:50%;transform:translateX(-50%);max-width:85%;background:#172e25;color:white;border-radius:10px;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s}#toast.visible{opacity:1}#lookup-action{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);z-index:99;white-space:nowrap}#lookup-action[hidden]{display:none}#lookup-selection{padding:13px 19px;background:#172e25;color:white;border:1px solid #cbd4c1;border-radius:12px;box-shadow:0 5px 25px #0003;font-size:14px}button.english,.english *{user-select:text;-webkit-user-select:text}
/* Entry */
.landing-shell{max-width:1120px;margin:auto;padding:35px 48px 24px}.brand{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9ddd0;padding-bottom:28px}.edition{font-size:10px;letter-spacing:2px;color:#6a746c}.landing-title{padding:62px 0 38px}.landing-title h1{font-size:48px;line-height:1.2;letter-spacing:-2px;font-weight:600;margin:15px 0 20px}.landing-title p{font-size:14px;color:#6a746c}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{position:relative;background:#eeeee4;border:1px solid #dce1d3;border-radius:22px;padding:28px;overflow:hidden}.mode-number{font-size:10px;letter-spacing:2px;color:#6a746c;margin-bottom:22px}.mode-card h2{font-size:25px;font-weight:600;letter-spacing:-1px;margin:0 0 10px}.mode-card>p{font-size:13px;color:#6a746c}.mode-card>small{display:block;text-align:center;font-size:11px;color:#6a746c;margin-top:15px}.phone-illustration{border:1px solid #c9d2bf;border-radius:18px;background:#f9f8f1;width:66%;height:210px;margin:26px auto 24px;padding:23px 20px 0;box-shadow:0 12px 18px #172e2509}.illustration-top{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.illustration-top span{color:#788271}.phone-illustration strong{font:31px VocaSerif,Georgia,serif;display:block;margin-top:35px;letter-spacing:-1px}.phone-illustration p{font-size:12px;margin:9px 0 15px}.illustration-rule{height:1px;background:#dce1d3}.phone-illustration small{font:italic 12px VocaSerif,Georgia,serif;display:block;margin-top:12px;color:#6a746c}.board-illustration{background:#315444;color:#f5f2e9;border:7px solid #263e32;border-radius:12px;height:170px;margin:46px -2px 44px;padding:15px 19px;box-shadow:0 12px 18px #172e2514}.board-illustration>div{display:flex;justify-content:space-between;font:8px sans-serif;letter-spacing:1px;color:#d6e8ad}.board-illustration strong{font:30px VocaSerif,Georgia,serif;display:block;margin:20px 0 5px}.board-illustration p{font-size:13px;margin:0 0 12px}.board-illustration small{font:10px VocaSerif,Georgia,serif;color:#e4eadd}.download{display:block;text-align:center;font-size:13px;font-weight:600;padding:17px 0 0}.landing footer{display:flex;justify-content:space-between;color:#6a746c;font-size:10px;letter-spacing:.6px;padding:28px 0}.landing footer a{text-decoration:underline;text-underline-offset:3px}
/* Phone */
.phone{background:#e6e9df;--paper:#f7f5ed;--ink:#172e25;--muted:#5d6b61;--line:#dce1d3;--panel:#eeeee5;--green:#315444;color:var(--ink)}.phone-shell{max-width:500px;min-height:100vh;background:var(--paper);margin:auto;position:relative;box-shadow:0 0 80px #182c250c}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line)}.round{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;font-size:19px;color:var(--muted)}.phone-main{padding:30px 26px 112px;min-height:calc(100vh - 76px)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:23px}.section-heading h1{font-size:26px;letter-spacing:-1px;line-height:1.3;margin:9px 0 0;font-weight:650}.section-heading .text-link{font-size:11px}.today-hero{padding:25px;background:#315444;color:#f5f2e9;border-radius:21px;box-shadow:0 8px 28px #31544412}.hero-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#d6e8ad}.hero-day{font:22px VocaSerif,Georgia,serif;display:flex;gap:10px;align-items:baseline;margin:17px 0 20px}.hero-day strong{font:74px/.95 VocaSerif,Georgia,serif;letter-spacing:-4px}.hero-progress,.session-progress{height:3px;background:#ffffff25;border-radius:4px;overflow:hidden}.hero-progress i{display:block;height:100%;background:#d6e8ad}.hero-meta{display:flex;justify-content:space-between;font-size:11px;margin:14px 0 22px;color:#dbe3d8}.time-switch{display:flex;padding:4px;background:#29493b;border-radius:10px;margin-bottom:12px}.time-switch button{flex:1;border-radius:7px;height:32px;font-size:12px;color:#bccbbf}.time-switch button.active{background:#486958;color:white}.hero-foot{text-align:center;font-size:10px;color:#d0dccb;margin:12px 0 -4px}.metric-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:28px 0 25px;margin-bottom:29px}.metric-row>div{display:flex;flex:1;align-items:center;flex-direction:column;border-right:1px solid var(--line)}.metric-row>div:last-child{border:0}.metric-row strong{font:30px VocaSerif,Georgia,serif}.metric-row strong small{font:14px sans-serif;margin-left:2px}.metric-row span{font-size:10px;color:var(--muted);margin-top:6px}.subheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.subheading h2{font-size:15px;font-weight:600;margin:0}.word-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-preview>button{text-align:left;border:1px solid var(--line);border-radius:12px;padding:16px 13px;overflow:hidden}.word-preview .english{font:21px VocaSerif,Georgia,serif;overflow-wrap:anywhere}.word-preview small{display:block;font-size:11px;color:var(--muted);margin-top:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:500px;display:flex;justify-content:space-around;background:var(--paper);border-top:1px solid var(--line);padding:13px 12px 15px;padding:13px 12px max(15px,env(safe-area-inset-bottom));min-height:76px}.bottom-nav button{display:flex;flex-direction:column;align-items:center;width:60px;gap:6px;color:var(--muted);font-size:10px;padding:2px}.bottom-nav button.active{color:var(--green);font-weight:800}.bottom-nav svg{width:22px;height:22px}.course-summary{border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:12px;padding:0 0 24px;margin-bottom:28px}.course-summary strong{font:34px VocaSerif,Georgia,serif}.course-summary small{font-size:18px;color:var(--muted)}.course-summary>span{font-size:11px;color:var(--muted)}.stage-section{margin-bottom:31px}.stage-title{display:flex;gap:12px;align-items:center;margin-bottom:17px}.stage-num{font:23px VocaSerif,Georgia,serif;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--panel);border-radius:50%}.current .stage-num{background:#315444;color:white}.stage-title h2{font-size:11px;letter-spacing:1.5px;margin:0 0 5px}.stage-title small{font-size:10px;color:var(--muted)}.stage-line{flex:1;height:1px;background:var(--line);margin-left:5px}.day-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.day-cell{border:1px solid var(--line);border-radius:10px;height:68px;background:var(--paper)}.day-cell>span{display:block;font:22px VocaSerif,Georgia,serif}.day-cell>small{display:block;margin-top:6px;font-size:9px;color:var(--muted)}.day-cell.selected{border:2px solid #315444;background:#e8eddb}.day-cell.complete{background:#d6e8ad}.back{font-size:12px;color:var(--muted);padding:0 0 23px}.day-actions{display:flex;gap:10px;margin-bottom:24px}.day-actions .primary{flex:2}.day-actions .secondary{flex:1}.word-row{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:18px 1px;border-bottom:1px solid var(--line);min-height:78px}.row-no{font:11px VocaSerif,Georgia,serif;color:var(--muted);width:18px}.word-row>span:nth-last-child(2){flex:1;min-width:0}.word-row strong{font:22px VocaSerif,Georgia,serif}.word-row strong .english{overflow-wrap:anywhere}.word-row small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px;overflow:hidden;text-overflow:ellipsis;max-width:290px;white-space:nowrap}.word-row .level{flex:none;font-size:9px;color:var(--muted);white-space:nowrap;max-width:65px}.search-field{display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid var(--line);background:var(--panel);border-radius:12px}.search-field>span{font-size:25px;line-height:1}.search-field input{flex:1;min-width:0;width:100%;border:0;background:none;color:var(--ink);font-size:14px;outline:0;padding:4px 0}.search-field button{font-size:21px;color:var(--muted);padding:0 2px}.count-label{font:18px VocaSerif,Georgia,serif;color:var(--muted);padding-bottom:2px}.filter-line{display:flex;align-items:center;justify-content:space-between;margin:16px 0 7px;font-size:10px;color:var(--muted)}.chip{border:1px solid var(--line);border-radius:20px;padding:7px 12px;font-size:11px}.chip.selected{background:#315444;color:white}.word-detail-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 28px}.word-detail-head h1{font:48px/1.1 VocaSerif,Georgia,serif;letter-spacing:-1px;overflow-wrap:anywhere;margin:12px 0 10px}.word-detail-head>div{min-width:0}.phonetic{font-size:13px;color:var(--muted)}.star{font-size:29px;color:#819074;flex:none;padding:8px}.star.on{color:#6b8638}.sense-block{border-top:1px solid var(--line);padding:22px 0}.sense-heading{display:flex;gap:12px;align-items:baseline;font-size:12px;color:var(--muted);margin-bottom:12px}.sense-heading>span{font:14px VocaSerif,Georgia,serif}.sense-heading>small{font-size:10px}.sense-block h2{font-size:21px;line-height:1.5;font-weight:600;margin-bottom:17px;word-break:keep-all;overflow-wrap:anywhere}.example{border-left:2px solid #b5c795;padding:2px 0 2px 15px;margin:14px 0 20px}.example .english{font:20px/1.55 VocaSerif,Georgia,serif}.example p{font-size:12px;line-height:1.7;color:var(--muted);margin:9px 0 0;word-break:keep-all;overflow-wrap:anywhere}.etymology{background:var(--panel);border:1px solid var(--line);padding:23px 20px;border-radius:14px;margin-bottom:28px}.etymology h2{font:27px VocaSerif,Georgia,serif;margin:15px 0 10px}.etymology h2 small{font:12px sans-serif;color:var(--muted);margin-left:8px}.etymology p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;word-break:keep-all}.related{display:flex;flex-wrap:wrap;gap:10px}.related>button{border:1px solid var(--line);border-radius:10px;padding:12px 15px;text-align:left;max-width:100%}.related .english{font:20px VocaSerif,Georgia,serif}.related small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.reference-label{font-size:10px;color:var(--muted)}.session-top{display:flex;justify-content:space-between;align-items:center;height:35px}.session-top .back{padding:0}.session-top>span{font-size:12px;color:var(--muted)}.session-progress{background:var(--line);margin:17px 0 32px}.session-progress i{display:block;height:100%;background:#77915d}.study-body{min-height:410px;display:flex;flex-direction:column;align-items:stretch}.study-word{font:51px/1.15 VocaSerif,Georgia,serif;letter-spacing:-1.5px;overflow-wrap:anywhere;margin:25px 0 20px}.study-meaning{font-size:22px;line-height:1.5;margin-bottom:24px}.study-body>.button{margin-top:auto}.study-body .example{margin-bottom:28px}.study-dictionary{display:block;margin:24px auto 0}.answers{display:flex;flex-direction:column;gap:11px;margin:8px 0 20px}.answers button{border:1px solid var(--line);border-radius:12px;text-align:left;padding:17px 18px;font-size:15px;background:var(--panel);min-height:55px}.answers button:hover{border-color:#86a060;background:#e8eddb}.result-label{display:inline-block;font-size:13px;font-weight:600}.correct{color:#456c2c}.wrong{color:#a75a3d}.spelling-prompt{font-size:28px;line-height:1.5;font-weight:600;margin:30px 0}.answer-input{width:100%;border:0;border-bottom:2px solid #6f865d;background:transparent;color:var(--ink);font:31px VocaSerif,Georgia,serif;padding:14px 0;outline:0;border-radius:0;margin-bottom:30px}.answer-input::placeholder{font:17px sans-serif;color:#9ca595}#spell-form{margin-bottom:20px}.session-complete{border:1px solid var(--line);border-radius:20px;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;height:260px;margin:30px 0 20px}.session-complete strong{font:80px VocaSerif,Georgia,serif}.session-complete span{font-size:14px;color:var(--muted);margin-top:13px}.session-info{font-size:12px;color:var(--muted);text-align:center;margin:25px 0}.record-metrics{margin-top:0}.chart{height:160px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 3px 0;margin:10px 0 32px}.chart>div{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.chart span{font:10px sans-serif;color:var(--muted)}.chart i{width:23px;display:flex;align-items:flex-end;background:#d7dfce;border-radius:4px 4px 0 0;overflow:hidden}.chart b{width:100%;background:#577447}.chart small{font-size:9px;color:var(--muted)}.empty{font-size:13px;text-align:center;color:var(--muted);padding:28px 0}.settings-list>*{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 0;border-bottom:1px solid var(--line);font-size:14px;text-align:left}.settings-list strong{font-size:11px;color:var(--muted);font-weight:500}.settings-note{font-size:12px;line-height:1.9;color:var(--muted);margin:25px 0}.version{font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:50px}.dark{--paper:#192c24;--ink:#f0f1e7;--muted:#a6b4a4;--line:#36483b;--panel:#253b2f;--green:#d6e8ad;background:#14221c}.dark .today-hero{background:#2b4838}.dark .day-cell.selected{background:#3c563e;border-color:#bbcf99}.dark .day-cell.complete{background:#47623c}.dark .answers button:hover{background:#354c38}.dark .secondary{background:#334b39;color:#e3edd6;border-color:#526847}.dark .correct{color:#bed891}.dark .wrong{color:#ecac8e}.dark .text-link{color:#c3d69e}
/* Fixed classroom display */
html:has(body.board){overflow:hidden}.board{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;overflow:hidden;overscroll-behavior:none;background:#f5f2e9;color:#172e25;--boardline:#d2d9c8;--boardpanel:#eaece1;--boardpaper:#f5f2e9;--boardink:#172e25;--boardmuted:#5d6b61}.board.night{background:#172c23;color:#f2f2e6;--boardline:#3c5142;--boardpanel:#243f30;--boardpaper:#172c23;--boardink:#f2f2e6;--boardmuted:#aabd9f}#board-root{height:100%;width:100%;overflow:hidden}.board-shell{width:100%;height:100%;display:flex;flex-direction:column;padding:0 3.6vw}.board-header{height:80px;flex:none;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--boardline)}.board-header .wordmark{font-size:25px}.board-header .wordmark span{font-size:9px}.board-head-right{display:flex;align-items:center;gap:14px}.board-head-right button,.board-head-right select{font-size:12px;padding:9px 12px;border:1px solid var(--boardline);background:transparent;border-radius:8px;color:inherit}.board-head-right select{max-width:130px;background:var(--boardpaper)}.board-header .classroom-label{font-size:9px;letter-spacing:2px;color:var(--boardmuted);margin-left:25px}.board-content{flex:1;min-height:0;display:flex;gap:4vw;align-items:stretch;padding:3.8vh 0 3vh}.board-left{width:40%;flex:none;border-right:1px solid var(--boardline);padding:2vh 3vw 1vh 0;display:flex;flex-direction:column;min-width:0}.board-dayline{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.3px;color:var(--boardmuted)}.board-word{font:6.2vw/1.1 VocaSerif,Georgia,serif;margin:6vh 0 2vh;letter-spacing:-.2vw;overflow-wrap:anywhere}.board-pronunciation{font-size:18px;color:var(--boardmuted);min-height:22px}.board-etymology{margin-top:auto;padding-top:3vh;color:var(--boardmuted)}.board-etymology .eyebrow{font-size:9px;color:var(--boardmuted)}.board-etymology h3{font:25px VocaSerif,Georgia,serif;margin:10px 0 8px;color:var(--boardink)}.board-etymology h3 small{font:13px sans-serif;color:var(--boardmuted)}.board-etymology p{font-size:13px;line-height:1.75;max-height:4em;margin:0;overflow:hidden;word-break:keep-all}.board-right{flex:1;min-width:0;display:flex;flex-direction:column;padding:2vh 0 0}.board-sense-top{display:flex;align-items:center;justify-content:space-between;color:var(--boardmuted);font-size:11px;letter-spacing:1px}.board-sense-controls{display:flex;align-items:center;gap:9px}.board-sense-controls button{border:1px solid var(--boardline);border-radius:7px;width:30px;height:27px;font-size:13px}.board-meaning{font-size:3.3vw;line-height:1.4;font-weight:550;letter-spacing:-.1vw;margin:4.5vh 0 3.5vh;word-break:keep-all;overflow-wrap:anywhere}.board-example{padding-left:2.3vw;border-left:3px solid #9caf7d;margin:0;min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center}.board-example .english{font:2.4vw/1.5 VocaSerif,Georgia,serif;overflow-wrap:anywhere}.board-example p{font-size:1.5vw;line-height:1.7;color:var(--boardmuted);margin:2vh 0 0;word-break:keep-all;overflow-wrap:anywhere}.board-page{display:flex;justify-content:flex-end;align-items:center;gap:9px;min-height:30px;margin-top:1vh;font-size:10px;color:var(--boardmuted)}.board-page button{font-size:13px;padding:6px}.board-footer{height:76px;flex:none;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--boardline);gap:12px}.board-footer button{border:1px solid var(--boardline);border-radius:9px;min-height:38px;padding:9px 18px;font-size:12px}.board-footer .next{background:#315444;color:white;border-color:#315444;min-width:110px}.board-nav{display:flex;align-items:center;gap:11px}.board-position{font:14px VocaSerif,Georgia,serif;margin:0 6px;min-width:47px;text-align:center}.board-autoplay{display:flex;align-items:center;gap:12px;font-size:11px}.board-autoplay select{border:0;background:var(--boardpaper);color:inherit;font-size:11px}.board-autoplay .playing{background:#d6e8ad;color:#172e25}.board-progress{width:140px;height:3px;background:var(--boardline);border-radius:4px;overflow:hidden}.board-progress i{display:block;height:100%;background:#94a878}.board.night .board-footer .next{background:#d6e8ad;color:#172e25}.board #lookup-action{bottom:84px}.board #toast{bottom:90px}.board-modal{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:50;background:#172e2588;padding:4vh 4vw;display:flex}.board-dialog{background:var(--boardpaper);color:var(--boardink);border:1px solid var(--boardline);border-radius:16px;flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:22px 27px}.board-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--boardline);flex:none}.board-dialog-top h2{font-size:21px;margin:0}.board-dialog-top>button{font-size:13px;padding:8px}.board-dictionary{display:flex;flex:1;min-height:0;gap:25px;padding-top:20px}.board-search-pane{width:38%;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--boardline);padding-right:25px}.board-search{border:1px solid var(--boardline);border-radius:9px;display:flex;align-items:center;padding:9px 12px;flex:none}.board-search input{border:0;background:none;color:inherit;width:100%;outline:none;font-size:16px;min-width:0}.board-search span{font-size:22px;margin-right:10px}.board-results{flex:1;min-height:0;display:flex;flex-direction:column}.board-result{flex:1;min-height:0;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--boardline);padding:7px;text-align:left;width:100%}.board-result .english{font:22px VocaSerif,Georgia,serif;min-width:35%;overflow-wrap:anywhere}.board-result small{font-size:12px;color:var(--boardmuted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-result.active{background:var(--boardpanel)}.board-result-pages{display:flex;align-items:center;justify-content:space-between;height:38px;flex:none;font-size:11px;color:var(--boardmuted)}.board-result-pages button{font-size:17px;padding:5px 10px}.board-dict-detail{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.board-dict-detail h2{font:43px/1.05 VocaSerif,Georgia,serif;letter-spacing:-1px;margin:3px 0 12px;overflow-wrap:anywhere}.board-dict-detail .board-meaning{font-size:25px;margin:18px 0}.board-dict-detail .board-example{padding-left:17px;justify-content:flex-start;margin-top:12px}.board-dict-detail .board-example .english{font-size:23px;line-height:1.5}.board-dict-detail .board-example p{font-size:15px;margin-top:12px}.board-rotate{display:none}
@media(min-width:1600px){.board-header{height:100px}.board-header .wordmark{font-size:33px}.board-head-right button,.board-head-right select{font-size:16px;padding:13px 18px}.board-header .classroom-label{font-size:12px}.board-dayline,.board-sense-top{font-size:15px}.board-pronunciation{font-size:24px}.board-etymology h3{font-size:34px}.board-etymology h3 small,.board-etymology p{font-size:18px}.board-etymology .eyebrow{font-size:12px}.board-footer{height:100px}.board-footer button{font-size:17px;min-height:49px;padding:12px 24px}.board-autoplay,.board-autoplay select{font-size:16px}.board-position{font-size:22px}.board-progress{width:230px}.board-dict-detail h2{font-size:65px}.board-dict-detail .board-meaning{font-size:36px}.board-dict-detail .board-example .english{font-size:34px}.board-dict-detail .board-example p{font-size:24px}.board-result .english{font-size:32px}.board-result small{font-size:17px}.board-dialog-top h2{font-size:28px}.board-search input{font-size:22px}.board-result-pages{font-size:16px;height:50px}}
@media(max-height:650px) and (min-width:750px){.board-header{height:60px}.board-footer{height:60px}.board-header .wordmark{font-size:22px}.board-header .classroom-label{display:none}.board-word{margin-top:4vh}.board-content{padding:3vh 0 2vh}.board-meaning{margin:3vh 0}.board-etymology p{font-size:11px}.board-etymology h3{font-size:22px}.board-dialog{padding:16px 22px}.board-dialog-top{padding-bottom:12px}.board-dictionary{padding-top:13px;gap:20px}.board-search-pane{padding-right:20px}.board-result .english{font-size:19px}.board-dict-detail h2{font-size:36px}.board-dict-detail .board-meaning{font-size:21px;margin:14px 0}.board-dict-detail .board-example .english{font-size:21px}.board-dict-detail .board-example p{font-size:13px}.board-dict-detail .board-example{margin-top:5px}}
@media(max-width:650px){.landing-shell{padding:24px 22px 12px}.brand{padding-bottom:23px}.edition{display:none}.landing-title{padding:40px 0 25px}.landing-title h1{font-size:37px;letter-spacing:-1.7px}.landing-title p{font-size:12px}.mode-grid{grid-template-columns:1fr;gap:18px}.mode-card{padding:24px}.phone-illustration{max-width:260px;height:190px}.board-illustration{height:160px;margin:35px 0}.landing footer{font-size:9px}.phone-main{padding-left:23px;padding-right:23px}.app-header{padding-left:23px;padding-right:23px}.word-row small{max-width:230px}}
@media(max-width:800px) and (orientation:portrait){.board-shell{padding:0 20px}.board-header{height:63px}.board-header .wordmark{font-size:20px}.board-header .classroom-label{display:none}.board-head-right{gap:5px}.board-head-right button,.board-head-right select{padding:7px 8px;font-size:10px}.board-head-right .fullscreen{display:none}.board-content{flex-direction:column;gap:10px;padding:25px 0}.board-left{width:100%;border-right:0;flex:none;padding:0}.board-word{font-size:14vw;margin:18px 0 12px}.board-pronunciation{font-size:14px;min-height:16px}.board-etymology{display:none}.board-right{padding:18px 0 0}.board-meaning{font-size:26px;margin:20px 0}.board-example{padding-left:15px}.board-example .english{font-size:24px}.board-example p{font-size:15px}.board-footer{height:67px;flex-wrap:wrap}.board-progress,.board-autoplay select{display:none}.board-nav{gap:3px}.board-footer button{padding:8px 10px;font-size:10px;min-height:34px}.board-footer .next{min-width:50px}.board-autoplay{gap:5px}.board-position{font-size:12px;min-width:30px;margin:0}.board-rotate{display:block;font-size:9px;letter-spacing:0;color:var(--boardmuted);margin:10px 0 0}.board-dictionary{flex-direction:column;gap:12px}.board-search-pane{width:100%;border-right:0;padding:0;height:42%;flex:none}.board-result .english{font-size:17px}.board-result small{font-size:10px}.board-result{padding:3px}.board-results{overflow:hidden}.board-dialog{padding:16px}.board-dialog-top{padding-bottom:8px}.board-dict-detail h2{font-size:31px}.board-dict-detail .board-meaning{font-size:19px;margin:8px 0}.board-dict-detail .board-example .english{font-size:18px}.board-dict-detail .board-example p{font-size:12px;margin-top:6px}.board-dict-detail .board-example{margin-top:3px}.board-sense-top{font-size:9px}.board-page{min-height:20px}.board-dict-detail .board-page{margin-top:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Layout fallbacks for older Android browsers. */
.legacy-spacing .board-head-right>*+*,.legacy-spacing .board-nav>*+*,.legacy-spacing .board-autoplay>*+*{margin-left:10px}
.legacy-spacing .board-right{margin-left:4vw}.legacy-spacing .board-dict-detail{margin-left:25px}
.legacy-spacing .time-switch button+button{margin-left:4px}.legacy-spacing .day-actions button+button{margin-left:10px}
.legacy-spacing .answers button+button{margin-top:11px}.legacy-spacing .board-sense-controls>*+*{margin-left:8px}
.legacy-layout .mode-grid{display:block}.legacy-layout .mode-card+.mode-card{margin-top:24px}
.legacy-layout .day-grid,.legacy-layout .word-preview{display:flex;flex-wrap:wrap}
.legacy-layout .day-cell{width:18%;margin:1%}.legacy-layout .word-preview>button{width:48%;margin:1%}
@media(max-width:800px) and (orientation:portrait){.legacy-spacing .board-right{margin-left:0}.legacy-spacing .board-dict-detail{margin-left:0}}

/* Shared visual refinement: compact results and a distinct reading surface. */
button,.button,a{transition:background-color .16s,border-color .16s,box-shadow .16s}
.button{border-radius:12px}.primary:hover{background:#264736}.accent:hover{background:#e1edc6}
.phone .eyebrow{color:var(--muted)}
.phone-main{padding-top:26px}.section-heading{margin-bottom:22px}
.search-field{background:var(--paper);border-radius:14px;min-height:54px;box-shadow:0 2px 8px #172e2504}
.search-field:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #77915d15}
.phone .word-row{margin:9px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-height:84px}
.phone .word-row:hover,.word-preview>button:hover{background:var(--panel);border-color:#9caf8b}
.phone .word-row small{white-space:normal;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.phone .word-row .level{border:1px solid var(--line);padding:5px 7px;border-radius:6px;font-size:9px}
.word-detail-head{padding:6px 0 22px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.word-detail-head h1{font-size:50px;font-weight:400;letter-spacing:-1.6px}
.sense-heading{flex-wrap:wrap}.usage-label{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:4px 7px}
.usage-note{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.usage-note p{font:14px/1.85 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif;margin:12px 0 0;word-break:keep-all;overflow-wrap:anywhere}
.board-sense-top>span{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-usage-page{font:18px/1.8 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}.board-usage-page>span{font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;color:var(--boardmuted)}
.sense-block{border:1px solid var(--line);border-radius:16px;padding:20px;margin:14px 0;background:var(--paper)}
.sense-heading{margin-bottom:14px}.sense-heading>span{color:var(--green);font-weight:700}.sense-heading>small{padding:4px 8px;background:var(--panel);border-radius:6px}
.sense-block h2{font-size:20px;line-height:1.55;margin-bottom:16px}
.phone .example{border-left:0;border-radius:12px;background:var(--panel);padding:16px 18px;margin:14px 0 16px}
.phone .example .english{font-size:21px;line-height:1.55}.phone .example p{font-size:13px;line-height:1.7;margin-top:10px}
.phone .sense-block .text-link{padding-bottom:0}.phone .etymology{padding:20px;border-radius:16px;margin-top:20px}
.bottom-nav{box-shadow:0 -4px 24px #172e2505}.bottom-nav button{border-radius:12px;min-height:45px;justify-content:center}.bottom-nav button.active{background:var(--panel)}
.board-head-right button,.board-head-right select{min-height:40px;border-radius:10px}
.board-head-right button:hover,.board-footer button:hover{background:var(--boardpanel)}
.board-right{padding:24px 28px;background:var(--boardpanel);border:1px solid var(--boardline);border-radius:20px}
.board-example{flex:0 1 auto;margin-top:auto;border-left:0;padding:20px 24px;border-radius:14px;background:var(--boardpaper);justify-content:flex-start}
.board-example p{margin-top:14px}.board-page{flex:none}
.board-modal{background:#13271f99;padding:4vh 4vw;align-items:center;justify-content:center}
.board-dialog{height:100%;max-height:820px;max-width:1520px;margin:auto;padding:24px 28px;border-radius:22px;box-shadow:0 24px 80px #071b2533}
.board-dialog-top{padding-bottom:18px}.board-dialog-top h2{font-size:22px;letter-spacing:-.6px}
.board-dialog-top>button{border:1px solid var(--boardline);border-radius:10px;padding:10px 15px;min-height:40px;background:var(--boardpanel);font-size:13px}
.board-dictionary{gap:24px;padding-top:20px}
.board-search-pane{width:33%;padding-right:0;border-right:0}
.board-search{background:var(--boardpaper);min-height:48px;padding:10px 14px;border-radius:12px}
.board-search:focus-within{border-color:#7d9570;box-shadow:0 0 0 3px #77915d18}
.board-search input{font-size:16px}
.board-results{padding-top:12px;justify-content:flex-start;gap:8px}
.board-result{flex:0 0 auto;min-height:0;display:block;padding:11px 14px;border:1px solid var(--boardline);border-radius:12px;background:var(--boardpaper);overflow:hidden}
.board-result .english{display:block;font-size:24px;line-height:1.18;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.board-result small{display:block;font-size:13px;line-height:1.5;margin-top:5px}
.board-result:hover{background:var(--boardpanel)}
.board-result.active{background:var(--boardpanel);border-color:#819975;box-shadow:inset 3px 0 0 #819975}
.board-result-pages{height:42px;margin-top:auto;padding-top:6px;font-size:12px}
.board-result-pages button{border:1px solid var(--boardline);border-radius:9px;width:36px;height:32px;padding:0;font-size:20px;background:var(--boardpaper)}
.board-dict-detail{padding:22px 26px;background:var(--boardpanel);border:1px solid var(--boardline);border-radius:16px;overflow:hidden}
.board-dict-detail h2{font-size:46px;line-height:1.12;margin:0 0 12px;flex:none}
.board-dict-pronunciation{font-size:14px;color:var(--boardmuted);margin-bottom:18px;flex:none}
.board-dict-detail .board-sense-top{flex:none;font-size:12px}
.board-sense-top>span{background:var(--boardpaper);padding:5px 9px;border-radius:6px;letter-spacing:.3px}
.board-sense-controls button{width:35px;height:32px;border-radius:8px;background:var(--boardpaper);font-size:19px}
.board-dict-detail .board-meaning{font-size:25px;font-weight:650;line-height:1.5;margin:18px 0 22px;flex:none}
.board-dict-detail .board-example{flex:0 1 auto;margin:0;padding:18px 20px;min-height:0;border-radius:12px;overflow:hidden}
.board-dict-detail .board-example .english{font-size:24px;line-height:1.5}
.board-dict-detail .board-example p{font-size:15px;line-height:1.7;margin-top:12px}
.board-dict-detail .board-page{margin-top:auto;padding-top:10px;min-height:0}
.board-dict-detail .empty{margin:auto}
.legacy-spacing .board-result+.board-result{margin-top:8px}
.legacy-spacing .board-dict-detail{margin-left:24px}
@media(min-width:1600px){
 .board-dialog{padding:28px 34px}.board-dialog-top h2{font-size:26px}.board-dialog-top>button{font-size:16px}
 .board-search input{font-size:21px}.board-search{min-height:58px}
 .board-result{padding:13px 17px}.board-result .english{font-size:30px}.board-result small{font-size:16px}
 .board-dict-detail{padding:26px 30px}.board-dict-detail h2{font-size:62px}.board-dict-pronunciation{font-size:18px}
 .board-dict-detail .board-meaning{font-size:32px}.board-dict-detail .board-example .english{font-size:30px}.board-dict-detail .board-example p{font-size:20px}
 .board-dict-detail .board-sense-top,.board-result-pages{font-size:15px}
}
@media(max-height:650px) and (min-width:750px){
 .board-right{padding:16px 20px}.board-example{padding:14px 18px}
 .board-dialog{padding:14px 20px;border-radius:16px}.board-dialog-top{padding-bottom:10px}.board-dialog-top h2{font-size:19px}.board-dialog-top>button{min-height:34px;padding:7px 12px}
 .board-dictionary{padding-top:12px;gap:18px}.board-search{min-height:42px;padding:7px 12px}.board-search input{font-size:15px}
 .board-result{padding:9px 12px}.board-result .english{font-size:23px}.board-result small{font-size:12px;margin-top:3px}.board-result-pages{height:36px}
 .board-dict-detail{padding:16px 20px}.board-dict-detail h2{font-size:37px;margin-bottom:7px}.board-dict-pronunciation{font-size:12px;margin-bottom:10px}
 .board-dict-detail .board-meaning{font-size:22px;margin:12px 0 15px}.board-dict-detail .board-example{padding:12px 16px}.board-dict-detail .board-example .english{font-size:21px}.board-dict-detail .board-example p{font-size:13px;margin-top:7px}
}
@media(max-width:800px) and (orientation:portrait){
 .board-right{padding:16px 18px;border-radius:16px}.board-example{padding:14px 16px}
 .board-modal{padding:2vh 3vw}.board-dialog{padding:14px}.board-dialog-top h2{font-size:19px}.board-dialog-top>button{padding:6px 10px;min-height:34px}
 .board-dictionary{gap:12px;padding-top:12px}.board-search-pane{width:100%;height:42%;padding:0;border:0}.board-search{min-height:40px;padding:6px 12px}
 .board-results{padding-top:8px;gap:6px}.board-result{padding:7px 12px}.board-result .english{font-size:21px}.board-result small{font-size:11px;line-height:1.4;margin-top:2px}.board-result-pages{height:32px;padding-top:2px;font-size:10px}
 .board-dict-detail{padding:14px 16px}.board-dict-detail h2{font-size:31px;margin-bottom:7px}.board-dict-pronunciation{font-size:11px;margin-bottom:8px}.board-dict-detail .board-sense-top{font-size:9px}
 .board-dict-detail .board-meaning{font-size:19px;margin:10px 0 12px}.board-dict-detail .board-example{padding:12px 14px}.board-dict-detail .board-example .english{font-size:18px}.board-dict-detail .board-example p{font-size:12px;margin-top:6px}
 .board-sense-controls button{width:29px;height:27px}.legacy-spacing .board-dict-detail{margin-left:0}
}
/* Compact app entry. */
.landing-compact .landing-shell{max-width:760px;padding:38px 36px 30px}.landing-compact .brand{margin-bottom:86px}.landing-version{font:12px system-ui,sans-serif;letter-spacing:0;color:#7f8b72}.landing-compact .landing-title{margin-bottom:40px}.landing-compact .landing-title h1{font-size:43px;letter-spacing:-2px;line-height:1.3;margin:0 0 18px}.landing-compact .landing-title p{font-size:14px;color:#7a866e}.launch-panel{max-width:440px}.launch-panel>.button{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;min-height:62px;font-size:16px;border-radius:11px}.landscape-link{display:block;text-align:center;font-size:12px;margin:22px 0 50px;color:#59704e}.install-panel{padding:29px 0;border-top:1px solid #d5ddca;border-bottom:1px solid #d5ddca;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.install-panel h2{font-size:17px;margin:0 0 10px}.install-panel p{font-size:11px;color:#7d896e;line-height:1.8;margin:0}.install-panel .download{margin:0;font-size:12px;min-height:44px;display:flex;gap:30px;align-items:center;border-radius:9px}.install-panel .install-note{grid-column:1 / -1}.landing-compact footer{margin-top:28px;justify-content:flex-start;gap:25px}.landing-compact footer a{font-size:11px}@media(max-width:600px){.landing-compact .landing-shell{padding:28px 24px}.landing-compact .brand{margin-bottom:72px}.landing-compact .landing-title h1{font-size:36px}.landing-compact .landing-title p{font-size:12px}.install-panel{gap:16px}.install-panel .download{padding:12px;gap:16px;font-size:11px}}