@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{color:#171512;font-synthesis:none;--ink:#171512;--paper:#fbf7ed;--orange:#f05b2b;--yellow:#f5cc42;--line:#c9c0af;--muted:#746c61;--green:#2c6958;background:#eee8dc;font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#eee8dc;background-image:linear-gradient(#17151209 1px,#0000 1px),linear-gradient(90deg,#17151209 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #f05b2b59}.app-shell{min-height:100vh}.topbar{background:var(--ink);color:#fff9eb;z-index:20;height:82px;box-shadow:0 4px 0 var(--orange);align-items:center;gap:34px;padding:0 4vw;display:flex;position:sticky;top:0}.brand{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.book-mark{background:var(--orange);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:42px;height:48px;color:var(--ink);place-items:center;font:italic 28px/1 Georgia,serif;display:grid}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:.12em;font-size:19px}.brand-copy small{letter-spacing:.22em;color:#bdb5a8;font-size:9px}.main-nav{align-self:stretch;display:flex}.main-nav button{color:#bdb5a8;cursor:pointer;background:0 0;border:0;padding:0 18px;font-weight:600;position:relative}.main-nav button:after{content:"";background:0 0;height:5px;position:absolute;bottom:0;left:18px;right:18px}.main-nav button.active{color:#fff9eb}.main-nav button.active:after{background:var(--yellow)}.main-nav em{background:var(--orange);color:#fff;border-radius:99px;margin-left:4px;padding:1px 7px;font-size:11px;font-style:normal}.watermark{color:var(--yellow);letter-spacing:.03em;margin-left:auto;font:italic 29px/1 DM Serif Display,Georgia,serif;position:relative;transform:rotate(-7deg)}.watermark:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-5px;left:-4px;right:-7px;transform:rotate(3deg)}.practice-layout{grid-template-columns:260px minmax(0,1fr);gap:48px;max-width:1420px;margin:0 auto;padding:52px 4vw 70px;display:grid}.chapter-rail{padding-top:16px}.rail-label,.eyebrow{color:var(--orange);letter-spacing:.18em;font-size:11px;font-weight:900}.rail-label{margin:0 0 20px 4px}.chapter-tab{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 1fr;align-items:start;width:100%;padding:18px 10px;transition:all .2s;display:grid}.chapter-tab:last-of-type{border-bottom:1px solid var(--line)}.chapter-tab:hover{padding-left:16px}.chapter-tab.active{background:var(--ink);color:#fff;transform:rotate(-1deg)}.chapter-no{color:var(--orange);font:24px/1 DM Serif Display,Georgia,serif}.chapter-tab strong{margin-bottom:5px;font-size:16px;display:block}.chapter-tab small{color:#8b8377;font-size:11px}.chapter-tab.active small{color:#c9c1b4}.stat-ticket{background:var(--yellow);box-shadow:5px 6px 0 var(--ink);gap:4px;margin-top:28px;padding:22px;display:grid;transform:rotate(1.3deg)}.stat-ticket span{letter-spacing:.1em;font-size:11px;font-weight:800}.stat-ticket strong{font:44px/1 DM Serif Display,Georgia,serif}.stat-ticket small{font-size:12px}.desk{min-width:0}.desk-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.desk-head h1,.library-heading h1{letter-spacing:-.04em;margin:6px 0 0;font:52px/.95 DM Serif Display,Songti SC,serif}.counter{color:var(--muted);font:20px/1.2 ui-monospace,SFMono-Regular,monospace}.progress-track{background:#d5cdbf;height:5px;margin-bottom:24px;overflow:hidden}.progress-track span{background:var(--orange);height:100%;transition:width .3s;display:block}.mode-switch{gap:8px;margin-bottom:16px;display:flex}.mode-switch button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:9px 16px;font-size:13px;font-weight:700}.mode-switch button.active{background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--orange)}.question-card{background:var(--paper);border:2px solid var(--ink);min-height:470px;padding:42px 48px 46px;position:relative;overflow:hidden;box-shadow:10px 12px #17151229}.question-card:after{content:"";border:40px solid #f05b2b0f;border-radius:50%;width:190px;height:190px;position:absolute;top:-100px;right:-90px}.card-index{color:#aea596;font:15px/1 ui-monospace,monospace;position:absolute;top:25px;right:30px}.word-prompt>span,.meaning-prompt>span,.type-answer label{color:var(--muted);letter-spacing:.11em;font-size:11px;font-weight:800}.word-line,.detail-word{align-items:center;gap:15px;display:flex}.word-prompt h2,.meaning-prompt h2{letter-spacing:-.03em;margin:10px 0 2px;font:58px/1 DM Serif Display,Georgia,serif}.meaning-prompt h2{max-width:800px;font-family:Songti SC,Noto Serif SC,serif;font-size:35px;line-height:1.3}.word-prompt p{color:var(--muted);min-height:22px;margin:8px 0 32px}.sound,.inline-sound{border:1px solid var(--ink);background:var(--yellow);cursor:pointer;border-radius:50%;width:36px;height:36px;font-size:12px}.options{grid-template-columns:1fr 1fr;gap:13px;margin-top:28px;display:grid}.options button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fffdf7;align-items:center;gap:14px;min-height:76px;padding:15px 18px;transition:all .15s;display:flex}.options button:not(:disabled):hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:3px 4px #d9d0c1}.options button span{background:#ebe4d8;flex:0 0 30px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.options button.correct{border:2px solid var(--green);background:#e6f1e8}.options button.correct span{background:var(--green);color:#fff}.options button.wrong{background:#fae6df;border:2px solid #be382f}.options button.wrong span{color:#fff;background:#be382f}.type-answer{margin-top:48px}.type-answer label{margin-bottom:10px;display:block}.input-row{grid-template-columns:1fr auto;display:grid}.input-row input{border:2px solid var(--ink);background:#fffdf7;min-width:0;height:58px;padding:0 18px;font-size:18px}.input-row button,.feedback-actions>button:not(.text-button),.empty button{border:2px solid var(--ink);background:var(--orange);color:#fff;cursor:pointer;padding:0 26px;font-weight:800}.input-row button:disabled{opacity:.45}.feedback{border-left:6px solid;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding:16px 18px;display:flex}.feedback.correct{border-color:var(--green);background:#e7f1e9}.feedback.wrong{background:#fae6df;border-color:#be382f}.feedback strong{font-size:16px}.feedback p{margin:4px 0 0;font-size:13px}.feedback-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.feedback-actions>button:not(.text-button){white-space:nowrap;min-height:40px}.text-button{cursor:pointer;color:#8c271f;white-space:nowrap;background:0 0;border:0;border-bottom:1px solid;padding:5px 0}.book-note{border-left:5px solid var(--yellow);background:#fff7c9;width:calc(100% - 56px);margin:25px auto 0;padding:22px 26px 20px;transform:rotate(-.25deg);box-shadow:2px 3px 8px #17151214}.book-note span,.example-box span,.annotation-box>span{color:var(--orange);letter-spacing:.12em;font-size:10px;font-weight:900}.book-note p{margin:8px 0 0;line-height:1.65}.book-note p:nth-of-type(2){color:var(--muted);font-size:13px}.book-note button{cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-weight:800}.library-view,.mistake-view{max-width:1280px;margin:0 auto;padding:72px 4vw 90px}.library-heading{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:28px;display:flex}.library-heading h1{font-size:50px}.library-heading p{color:var(--muted);margin:15px 0 0}.library-heading>strong{color:var(--orange);white-space:nowrap;font:64px/.9 DM Serif Display,Georgia,serif}.library-heading>strong small{color:var(--ink);letter-spacing:.1em;text-align:right;margin-top:8px;font:11px/1.5 Noto Sans SC,sans-serif;display:block}.search-bar{grid-template-columns:1fr 220px;margin:28px 0;display:grid}.search-bar input,.search-bar select{border:1px solid var(--ink);background:var(--paper);height:52px;padding:0 16px}.search-bar select{border-left:0;font-weight:700}.word-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.word-entry{border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;min-height:225px;padding:24px;transition:all .18s;position:relative}.word-entry:hover{border-color:var(--ink);box-shadow:6px 7px 0 var(--orange);transform:translate(-3px,-3px)}.entry-meta{color:var(--orange);letter-spacing:.12em;font-size:10px;font-weight:900}.word-entry h2{margin:18px 0 4px;font:30px/1 DM Serif Display,Georgia,serif}.word-entry p{margin:8px 0;line-height:1.5}.word-entry .phonetic{min-height:20px;color:var(--muted);font-size:12px}.read-more{font-size:11px;font-weight:800;position:absolute;bottom:19px;left:24px}.clear-button{border:1px solid var(--ink);cursor:pointer;background:0 0;margin:22px 0 18px auto;padding:9px 14px;display:block}.mistake-list{gap:12px;display:grid}.mistake-list article{background:var(--paper);border:1px solid var(--line);grid-template-columns:230px 1fr auto;align-items:center;gap:28px;padding:24px;display:grid}.mistake-list article>div:first-child>span{color:var(--orange);font-size:10px;font-weight:800}.mistake-list h2{margin:8px 0;font:30px/1 DM Serif Display,Georgia,serif}.inline-sound{vertical-align:middle;width:29px;height:29px}.mistake-list p{color:var(--muted);margin:5px 0;font-size:13px;line-height:1.55}.mistake-answer strong{font-size:16px}.mistake-actions{gap:8px;display:grid}.mistake-actions button{border:1px solid var(--ink);cursor:pointer;background:0 0;padding:8px 12px;font-size:12px}.mistake-actions button:last-child{background:var(--green);color:#fff}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);padding:70px 20px}.empty.big{margin-top:32px}.empty.big strong{color:var(--ink);font:32px/1.2 DM Serif Display,Songti SC,serif}.empty.big button{height:44px;margin-top:10px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#110f0cad;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-sheet{background:var(--paper);width:min(620px,94vw);height:100%;padding:58px 52px 80px;animation:.25s ease-out slide;position:relative;overflow:auto}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}.close{border:1px solid var(--ink);cursor:pointer;background:0 0;width:38px;height:38px;font-size:26px;position:absolute;top:20px;right:26px}.detail-word h2{margin:22px 0 0;font:54px/1 DM Serif Display,Georgia,serif}.detail-word .sound{margin-top:22px}.detail-phonetic{color:var(--muted)}.detail-sheet h3{margin:25px 0;font-size:22px}.example-box{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:22px 0}.example-box p{margin:8px 0;line-height:1.7}.example-box p:last-child{color:var(--muted)}.annotation-box{background:#f0eadc;margin-top:27px;padding:24px}.annotation-box p{margin:10px 0;line-height:1.7}@media (width<=900px){.topbar{gap:14px;padding:0 20px}.brand-copy small,.watermark{display:none}.main-nav{margin-left:auto}.main-nav button{padding:0 10px;font-size:13px}.practice-layout{grid-template-columns:1fr;gap:24px;padding:34px 20px 60px}.chapter-rail{grid-template-columns:repeat(3,1fr);gap:8px;padding:0;display:grid}.rail-label,.stat-ticket{display:none}.chapter-tab,.chapter-tab:last-of-type{border:1px solid var(--line);grid-template-columns:1fr;padding:12px}.chapter-tab:hover{padding-left:12px}.chapter-no{font-size:16px}.question-card{padding:35px 28px}.word-grid{grid-template-columns:repeat(2,1fr)}.mistake-list article{grid-template-columns:180px 1fr}.mistake-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}@media (width<=620px){.topbar{flex-wrap:wrap;height:auto;min-height:72px;padding:10px 14px}.book-mark{width:34px;height:39px}.brand-copy strong{font-size:15px}.main-nav{order:2;justify-content:space-between;width:100%;height:40px}.main-nav button{flex:1;padding:0 5px}.main-nav button:after{left:5px;right:5px}.practice-layout{padding:24px 12px 50px}.chapter-tab strong{font-size:13px}.chapter-tab small{font-size:9px}.desk-head h1,.library-heading h1{font-size:38px}.counter{font-size:13px}.mode-switch{grid-template-columns:repeat(3,1fr);display:grid}.mode-switch button{padding:9px 5px;font-size:12px}.question-card{min-height:0;padding:32px 18px;box-shadow:5px 7px #17151229}.word-prompt h2{overflow-wrap:anywhere;font-size:43px}.meaning-prompt h2{font-size:27px}.options{grid-template-columns:1fr}.input-row{grid-template-columns:1fr;gap:8px}.input-row button{height:48px}.feedback{flex-direction:column;align-items:flex-start}.book-note{width:calc(100% - 12px);padding:18px}.library-view,.mistake-view{padding:42px 14px 70px}.library-heading{align-items:flex-start}.library-heading>strong{font-size:42px}.library-heading p{font-size:13px}.search-bar{grid-template-columns:1fr}.search-bar select{border-left:1px solid var(--ink);border-top:0}.word-grid{grid-template-columns:1fr}.mistake-list article{grid-template-columns:1fr;gap:16px}.detail-sheet{padding:52px 24px 70px}.detail-word h2{overflow-wrap:anywhere;font-size:43px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}