@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{color:#243b34;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f4ee;font-family:Zen Kaku Gothic New,Noto Sans JP,Hiragino Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}:root{--ink:#243b34;--muted:#69776f;--paper:#f6f4ee;--white:#fffdf8;--line:#dcded4;--green:#315e50;--blue:#748e91;--orange:#c9693c;--soft:#e8eee8;--serif:"Noto Serif JP",serif}.app-shell{background:var(--paper);max-width:1280px;min-height:100vh;margin:0 auto}.site-header{border-bottom:1px solid var(--line);z-index:20;background:#f6f4eef0;align-items:center;height:82px;padding:0 52px;display:flex;position:relative}.brand{font:600 18px var(--serif);letter-spacing:.07em;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{flex:0 0 38px;width:38px;height:38px;display:block}.nav{gap:27px;margin-left:52px;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:31px 0 27px;font-size:14px;text-decoration:none}.nav a.active{color:var(--ink);border-color:var(--orange)}.header-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}main{display:block}.author{font:14px var(--serif);letter-spacing:.16em}.primary-button{background:var(--orange);color:#fff;border:0;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:13px 20px;font-size:13px;text-decoration:none;display:inline-flex;box-shadow:0 5px 18px #90492724}.progress{background:#d8ddd8;height:2px;margin:7px 0}.progress i{background:var(--green);height:100%;display:block}.filters{border-bottom:1px solid var(--line);gap:8px;padding-bottom:19px;display:flex}.filters button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:8px 15px;font-size:11px}.filters button.active{background:var(--green);border-color:var(--green);color:#fff}.loading{text-align:center;color:var(--muted);padding:70px}footer{border-top:1px solid var(--line);font:10px var(--serif);color:var(--muted);justify-content:space-between;padding:25px 52px 35px;display:flex}footer a{color:var(--green)}.vocab{border-bottom:2px solid var(--orange);cursor:pointer;background:#f4e8df;padding:0 2px}.secondary-button{border:1px solid var(--green);color:var(--green);background:0 0;border-radius:4px;padding:11px 17px}.attribution{text-align:center;color:#8b9690;margin-top:30px;font-size:9px}.sheet-close{color:var(--muted);background:0 0;border:0;position:absolute;top:15px;right:18px}.meaning{font:17px/1.7 var(--serif);margin:16px 0 11px}@keyframes rise{0%{opacity:.4;transform:translateY(30px)}}.auth-scrim{z-index:60;background:#15221d47;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-dialog{background:var(--white);border:1px solid var(--line);text-align:center;width:min(440px,100%);padding:42px 44px 38px;animation:.2s ease-out auth-in;position:relative;box-shadow:0 24px 80px #1f312a2e}.auth-symbol{background:var(--soft);width:54px;height:54px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.auth-symbol svg{width:22px}.auth-dialog h2{font:500 25px var(--serif);letter-spacing:.05em;margin:0 0 13px}.auth-dialog>p{font:12px/1.9 var(--serif);color:var(--muted);margin:0 0 22px}.name-field{text-align:left;margin:25px 0 13px;display:block}.name-field span{color:var(--muted);margin-bottom:7px;font-size:10px;display:block}.name-field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfaf6;border-radius:4px;outline:none;padding:12px 13px}.name-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px #315e5014}.auth-primary{width:100%;margin-bottom:15px}.auth-primary:disabled,.text-button:disabled{opacity:.5;cursor:not-allowed}.text-button{color:var(--green);text-underline-offset:4px;background:0 0;border:0;font-size:11px;text-decoration:underline}.auth-dialog small{font:9px/1.7 var(--serif);color:#89938e;margin-top:24px;display:block}.auth-message{background:#f0eee5;color:var(--ink)!important;margin-top:18px!important;padding:10px!important}.sync-state{color:var(--green);background:var(--soft);justify-content:center;align-items:center;gap:8px;margin:20px 0;padding:10px;font-size:11px;display:flex}.sync-state i{background:#6e9b7e;border-radius:50%;width:7px;height:7px}.sync-state.saving i{animation:1s infinite pulse}.sync-state.error{color:#9e5435;background:#f5e9e1}.sync-state.error i{background:var(--orange)}.logout-button{align-items:center;gap:7px;display:inline-flex}.spin{animation:.9s linear infinite spin}@keyframes auth-in{0%{opacity:.3;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25}}.answer{font:15px/1.8 var(--serif);margin:30px}.rating{gap:7px;display:flex}.rating button{border:1px solid var(--line);background:0 0;padding:8px 12px;font-size:10px}.stats{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;max-width:750px;margin:50px auto;display:grid}.stats div{background:var(--white);padding:35px 10px}.stats strong{font:500 34px var(--serif);color:var(--orange);display:block}.stats span{color:var(--muted);font-size:10px}@media (width<=800px){.site-header{height:62px;padding:0 18px}.brand{gap:9px;font-size:15px}.brand-mark{flex-basis:30px;width:30px;height:30px}.nav{background:var(--white);border-bottom:1px solid var(--line);margin:0;padding:9px 20px;display:none;position:absolute;top:62px;left:0;right:0}.nav.open{display:flex}.nav a{padding:12px}.header-actions{display:none}.filters{padding-bottom:15px;overflow-x:auto}.filters button{white-space:nowrap}footer{padding:22px;display:block}footer a{margin-top:9px;display:block}.stats{grid-template-columns:1fr}.auth-dialog{border-radius:17px 17px 0 0;align-self:end;padding:38px 25px 30px}.auth-scrim{place-items:end center;padding:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.legend-n2:before{background:#bdd3c7}.legend-n1:before{background:#e3bda9}.legend-grammar:before{border-bottom:1px solid #758d9a}.meaning{font-size:16px}.feedback-page{min-height:calc(100vh - 150px)}.feedback-layout{grid-template-columns:.84fr 1.36fr;align-items:start;gap:70px;padding:72px;display:grid}.feedback-intro{border-right:1px solid var(--line);min-height:590px;color:var(--green);padding:28px 58px 0 18px}.feedback-intro>svg{color:var(--orange);margin-bottom:22px}.feedback-intro h1{font:500 35px/1.45 var(--serif);letter-spacing:.06em;color:var(--ink);margin:0 0 34px}.feedback-intro>p{font:13px/2.15 var(--serif);color:#4d5f58;margin:0 0 13px}.privacy-note{color:var(--green);border:1px solid #b7c6bc;gap:16px;margin-top:38px;padding:21px 22px;display:flex}.privacy-note svg{flex:none}.privacy-note strong{font:500 13px var(--serif);margin-bottom:7px;display:block}.privacy-note p{font:10px/1.9 var(--serif);color:var(--muted);margin:0}.feedback-form{padding-top:6px}.feedback-form label{margin-bottom:22px;display:block;position:relative}.feedback-form label>span{font:500 12px var(--serif);color:var(--ink);margin-bottom:8px;display:block}.feedback-form label b{font:500 9px var(--serif);color:var(--orange);margin-left:7px}.feedback-form input,.feedback-form select,.feedback-form textarea{width:100%;color:var(--ink);font:12px/1.7 var(--serif);background:#fffdf8b8;border:1px solid #aebbb3;border-radius:3px;outline:none;padding:13px 14px}.feedback-form textarea{resize:vertical;height:174px}.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #315e5014}.feedback-form label>small{color:var(--muted);font-size:9px;position:absolute;bottom:7px;right:8px}.feedback-submit{border-radius:3px;width:100%;height:50px}.feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.form-error{color:#9e5435;font:11px/1.7 var(--serif);padding:10px 0}.feedback-success{border:1px solid var(--green);color:var(--green);align-items:center;gap:14px;margin-top:17px;padding:17px 19px;display:flex}.feedback-success strong{font:500 13px var(--serif);display:block}.feedback-success p{font:10px/1.6 var(--serif);color:var(--muted);margin:3px 0 0}.collection-policy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px/1.7 var(--serif);color:var(--muted);grid-template-columns:120px 1fr 130px 1fr;align-items:center;gap:18px;margin:0 72px 60px;padding:24px 28px;display:grid}.collection-policy strong{color:var(--green);font-size:11px}@media (width<=800px){.nav.open{flex-wrap:wrap;gap:0}.feedback-layout{padding:42px 22px;display:block}.feedback-intro{border-right:0;border-bottom:1px solid var(--line);min-height:0;margin-bottom:34px;padding:0 0 34px}.feedback-intro h1{font-size:29px}.collection-policy{grid-template-columns:1fr;gap:7px;margin:0 22px 45px;padding:20px 0}.collection-policy strong:not(:first-child){margin-top:12px}.admin-page{padding:35px 14px 55px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:25px}.admin-heading p{max-width:220px;line-height:1.7}.metric-rail{grid-template-columns:1fr 1fr}.metric-rail>div{border-bottom:1px solid var(--line);padding:18px 14px}.metric-rail>div:nth-child(2){border-right:0}.metric-rail>div:nth-child(n+3){border-bottom:0}.metric-rail strong{font-size:23px}.admin-grid{display:block}.admin-panel{margin-bottom:12px}.trend-chart{height:220px}.users-table{overflow-x:auto}.users-table>div{min-width:560px}.feedback-admin-list article{grid-template-columns:1fr 100px}.feedback-admin-list article>div,.feedback-admin-list p{grid-column:1}.feedback-admin-list select{grid-area:1/2/3}.feedback-admin-list small{grid-column:1}.feedback-form textarea{height:190px}}.site-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:92px;padding:0 34px;position:sticky;top:0;box-shadow:0 1px #315e5008}.brand{gap:11px;min-width:174px}.brand>span{flex-direction:column;gap:3px;display:flex}.brand strong{font:600 16px var(--serif);letter-spacing:.08em}.brand small{color:var(--muted);letter-spacing:.11em;font:8px/1.2 Noto Sans JP,sans-serif}.nav{align-items:stretch;gap:2px;height:100%;margin-left:24px}.nav a{border-bottom-width:3px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:66px;height:100%;padding:17px 9px 12px;font-size:12px;transition:color .18s,background .18s;display:flex}.nav a>svg{color:#84928b;transition:color .18s,transform .18s}.nav a>span{flex-direction:column;align-items:center;line-height:1.2;display:flex}.nav a small{color:#96a099;letter-spacing:.03em;margin-top:4px;font-size:7px}.nav a:hover{color:var(--green);background:#fffdf8b8}.nav a:hover>svg,.nav a.active>svg{color:var(--orange);transform:translateY(-1px)}.nav a.active{color:var(--ink);background:#e8eee885}.header-actions{gap:8px}.icon-button,.google-button,.primary-button,.secondary-button{transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.icon-button:hover,.google-button:hover,.secondary-button:hover{background:var(--white);border-color:#aebbb3}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #90492733}:where(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #c9693c47}.pagination{border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.pagination-summary{color:var(--muted);font:10px/1.4 var(--zh-serif,var(--serif));justify-content:center;gap:13px;margin:0 0 15px;display:flex}.pagination-summary strong{color:var(--ink);font-weight:500}.pagination-summary span{border-left:1px solid var(--line);padding-left:13px}.pagination-controls{justify-content:center;align-items:center;gap:6px;display:flex}.pagination-controls button{border:1px solid var(--line);min-width:36px;height:36px;color:var(--green);background:#fffdf87a;border-radius:3px;justify-content:center;align-items:center;gap:5px;font-size:10px;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.pagination-controls button:hover:not(:disabled){background:var(--soft);border-color:#aebbb3;transform:translateY(-1px)}.pagination-controls button:disabled{opacity:.32;cursor:not-allowed}.pagination-pages{align-items:center;gap:4px;margin:0 5px;display:flex}.pagination-pages button{font:500 10px var(--serif)}.pagination-pages button.active{background:var(--green);border-color:var(--green);color:#fff}.pagination-pages span{text-align:center;width:22px;color:var(--muted)}.pagination-step{padding:0 10px}.pagination-edge{width:36px}.example-results article,.work-row,.topic-cover,.topic-related a{transition:background .18s,box-shadow .18s,transform .18s}.example-results article:hover,.topic-related a:hover{background:#fffdf8cc}.topic-cover:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 16px 45px #243b3412}.reader-deep-link-note{color:var(--orange);font:10px var(--serif);letter-spacing:.05em;border-top:1px solid #d8c1b4;border-bottom:1px solid #d8c1b4;justify-content:center;align-items:center;gap:8px;margin:-20px 0 34px;padding:10px 14px;display:flex}.reading-text .target-paragraph{border-left:3px solid var(--orange);background:linear-gradient(90deg,#c9693c1f,#fffdf875);margin:0 -24px 1.55em;padding:19px 24px 20px;scroll-margin-top:145px;animation:1.1s ease-out target-arrival;position:relative;box-shadow:0 8px 28px #4a362a0f}.target-paragraph-label{background:var(--orange);color:#fff;letter-spacing:.08em;border-radius:2px;align-items:center;gap:5px;padding:4px 8px;font:8px/1.2 Noto Sans JP,sans-serif;display:flex;position:absolute;top:-13px;right:16px}.reading-text .topic-focus-token{border-radius:2px;scroll-margin-top:145px;animation:1.35s ease-out focus-pulse;box-shadow:inset 0 -.62em #efb05b94!important}@keyframes target-arrival{0%{background-color:#f0c78a9e;transform:translateY(8px)}to{background-color:#0000;transform:none}}@keyframes focus-pulse{0%,35%{box-shadow:inset 0 -1.15em #efb05bdb}to{box-shadow:inset 0 -.62em #efb05b94}}@media (width<=1100px) and (width>=801px){.site-header{padding:0 20px}.brand{min-width:auto}.brand small{display:none}.nav{margin-left:12px}.nav a{min-width:52px;padding-left:6px;padding-right:6px}.nav a small{display:none}.google-button{padding:10px 12px}}@media (width<=800px){.site-header{height:64px;padding:0 17px}.brand{min-width:0}.brand>span{gap:1px}.brand strong{font-size:14px}.brand small{font-size:7px}.nav{background:#fffdf8fa;grid-template-columns:repeat(2,1fr);gap:6px;height:auto;padding:12px 14px 17px;top:64px;box-shadow:0 18px 40px #243b341f}.nav.open{display:grid}.nav a{border:1px solid var(--line);border-radius:4px;grid-template-columns:22px 1fr;justify-items:start;gap:8px;min-width:0;height:58px;padding:8px 11px;display:grid}.nav a>span{align-items:flex-start}.nav a small{display:block}.mobile-sync-button{border:1px solid var(--green);grid-column:1/-1;justify-content:center;min-height:42px;margin:5px 0 0;border-radius:4px!important}.pagination{overflow:hidden}.pagination-controls{justify-content:flex-start;width:max-content;min-width:100%;padding:3px 1px 10px;overflow-x:auto}.pagination-step span{display:none}.pagination-pages{margin:0}.pagination-pages button{min-width:34px}.pagination-summary{justify-content:flex-start}.pagination-edge{display:none!important}.reader-deep-link-note{margin:0 0 28px}.reading-text .target-paragraph{margin:0 -10px 1.55em;padding:18px 12px 19px;scroll-margin-top:120px}.target-paragraph-label{right:8px}}:root{--beni:#c2553b;--beni-soft:#f6e3db;--gold:#b98a2e;--gold-soft:#f3ead6;--green-soft:#e3ebe5;--card-shadow:0 18px 44px #243b341f;--tab-height:64px;--serif:"Shippori Mincho", "Noto Serif JP", "Hiragino Mincho ProN", serif;--sans:"Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", sans-serif}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:32px;height:72px;position:sticky;top:0}.brand small{font:400 10px var(--sans,inherit);letter-spacing:.12em;color:var(--muted);margin-top:2px;display:block}.brand strong{display:block}.top-nav{gap:6px;margin-left:12px;display:flex}.top-nav a{color:var(--muted);letter-spacing:.06em;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.top-nav a:hover{color:var(--ink);background:#315e500f}.top-nav a.active{color:var(--green);background:var(--green-soft);font-weight:600}.nav-dot{background:var(--beni);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.nav-count{background:var(--beni);color:#fff;min-width:18px;height:18px;font:700 10px/18px var(--sans,inherit);text-align:center;border-radius:9px;padding:0 5px}.sync-button{border:1px solid var(--line);background:var(--white);color:var(--green);border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:12px;display:flex}.sync-button span{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.tab-bar{display:none}@media (width<=899px){.site-header{gap:10px;height:58px;padding:0 16px}.brand small,.top-nav{display:none}.header-actions{gap:8px;display:flex!important}.sync-button{padding:8px 11px}.sync-button span{max-width:5em}.app-shell{padding-bottom:calc(var(--tab-height) + env(safe-area-inset-bottom,0px))}.tab-bar{z-index:30;height:calc(var(--tab-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fbfaf6f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar a{color:var(--muted);letter-spacing:.06em;align-content:center;justify-items:center;gap:3px;font-size:11px;text-decoration:none;display:grid;position:relative}.tab-bar a.active{color:var(--green);font-weight:600}.tab-bar a.active:before{content:"";background:var(--green);border-radius:2px;width:28px;height:2px;position:absolute;top:0}.tab-bar .nav-dot{top:10px;right:calc(50% - 16px)}.tab-bar .nav-count{position:absolute;top:7px;left:calc(50% + 6px)}}.daily-button{min-height:48px;font:600 15px var(--sans,inherit);letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.daily-button:active{transform:scale(.98)}.daily-button.is-accent{background:var(--beni);color:#fff;box-shadow:0 8px 20px #c2553b38}.daily-button.is-accent:hover{box-shadow:0 10px 26px #c2553b4d}.daily-button.is-light{color:var(--ink);background:#f7f3e9}.daily-button.is-quiet{color:var(--ink);border-color:var(--line);background:0 0}.daily-button:disabled{cursor:default}.daily-button:focus-visible,.today-tile:focus-visible,.daily-word:focus-visible,.daily-options button:focus-visible,.pace-chooser button:focus-visible{outline:2px solid var(--beni);outline-offset:3px}.today-tile{border:1px solid var(--line);background:var(--white);width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;border-radius:14px;grid-template-columns:20px 1fr 16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.today-tile:hover{border-color:var(--green);transform:translateY(-1px)}.today-tile>svg:first-child{color:var(--green)}.today-tile>svg:last-child{color:var(--muted)}.today-tile strong{font:600 17px/1.4 var(--serif);display:block}.today-tile span{color:var(--muted);font-size:12px;line-height:1.6;display:block}button.today-tile{grid-template-columns:20px 1fr}.today-tile:has(>div:last-child){grid-template-columns:20px 1fr}.page-frame{max-width:1120px;margin:0 auto;padding:52px 52px 72px}.page-head{max-width:640px;margin-bottom:34px}.page-head.is-center{text-align:center;margin:0 auto 30px}.page-kicker{letter-spacing:.24em;color:var(--beni);font-size:11px;font-weight:700}.page-head h1{font:600 clamp(26px, 3.4vw, 36px)/1.35 var(--serif);letter-spacing:.06em;text-wrap:balance;margin:8px 0 10px}.page-head p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.empty-note{border:1px dashed var(--line);color:var(--muted);border-radius:14px;justify-items:start;gap:14px;padding:26px;display:grid}.empty-note p{margin:0;line-height:1.9}.empty-note.is-center{text-align:center;justify-items:center;max-width:520px;margin:0 auto}@media (width<=899px){.page-frame{padding:30px 18px 48px}.page-head{margin-bottom:24px}}.streak{margin:6px 0 26px;position:relative}.streak-marks{grid-template-columns:repeat(7,1fr);gap:8px;max-width:420px;margin:0;padding:8px 0 0;list-style:none;display:grid;position:relative}.streak-marks:before{content:"";background:var(--ink);opacity:.25;height:1px;position:absolute;top:8px;left:0;right:0}.streak-marks li{color:var(--muted);justify-items:center;gap:6px;font-size:11px;display:grid}.streak-marks li.is-current{color:var(--ink);font-weight:700}.streak-marks i{clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);background:var(--line);width:20px;height:38px;display:block}.streak-marks .is-done i{background:var(--green)}.streak-marks .is-current.is-done i{background:var(--beni);animation:.6s cubic-bezier(.3,1.5,.5,1) bookmark-drop}.streak-marks .is-rest i{background:var(--gold)}.streak-marks .is-today i{background:repeating-linear-gradient(180deg, var(--beni) 0 4px, transparent 4px 8px);opacity:.75}@keyframes bookmark-drop{0%{transform:translateY(-16px)}to{transform:none}}.streak-line{max-width:420px;color:var(--muted);justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;display:flex}.streak-line b{font:600 16px var(--serif);color:var(--ink)}.today-page{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);align-items:start;gap:56px;max-width:1120px;margin:0 auto;padding:52px 52px 72px;display:grid}.today-date{letter-spacing:.16em;color:var(--muted);margin:0;font-size:12px}.today-hello{font:600 clamp(26px, 3vw, 34px)/1.4 var(--serif);letter-spacing:.06em;margin:6px 0 18px}.serial-card{background:var(--green);color:#f7f3e9;box-shadow:var(--card-shadow);border-radius:20px;padding:30px 32px 28px;position:relative;overflow:hidden}.serial-card:before{content:"";border:1px solid #ffffff1f;border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px;box-shadow:0 0 0 26px #ffffff0a}.serial-card:after{content:"";background:var(--beni);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:18px;height:54px;position:absolute;top:0;right:34px}.serial-kicker{letter-spacing:.2em;opacity:.78;font-size:11px}.serial-card h2{font:600 clamp(28px, 3.4vw, 40px)/1.3 var(--serif);letter-spacing:.08em;color:#fff;margin:10px 0 4px;position:relative}.serial-author{opacity:.8;letter-spacing:.08em;margin:0;font-size:13px}.serial-pages{gap:5px;max-width:460px;margin:20px 0 18px;display:flex}.serial-pages span{background:#fff3;border-radius:2px;flex:1;height:4px}.serial-pages .is-read{background:#f7f3e9}.serial-pages .is-next{background:var(--beni)}.serial-teaser{font:500 17px/2 var(--serif);border-left:2px solid #ffffff59;max-width:34em;margin:0 0 18px;padding-left:16px;position:relative}.serial-teaser small{font:400 11px var(--sans,inherit);letter-spacing:.14em;opacity:.7;display:block}.serial-loading{opacity:.7}.serial-chips{flex-wrap:wrap;gap:7px;margin-bottom:22px;display:flex}.serial-chips span{background:#ffffff1f;border-radius:99px;padding:4px 11px;font-size:12px}.serial-card .daily-button{position:relative}.today-pace{margin-top:28px}.today-pace h2{font:600 18px var(--serif);margin:0 0 4px}.today-pace p{color:var(--muted);margin:0 0 14px;font-size:13px}.pace-chooser{grid-template-columns:repeat(3,1fr);gap:10px;max-width:460px;display:grid}.pace-chooser button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;gap:2px;padding:12px 8px;display:grid}.pace-chooser strong{font:600 18px var(--serif)}.pace-chooser small{color:var(--muted);font-size:11px}.pace-chooser .is-on{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}.today-side{gap:12px;padding-top:74px;display:grid}.today-note{color:var(--muted);margin:6px 2px 0;font-size:11px}.today-month{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:14px;padding:18px 18px 14px;text-decoration:none;display:block}.today-month>span{font:600 15px var(--serif);margin-bottom:12px;display:block}.today-month .month-head,.today-month .month-grid{gap:4px}.today-month .month-grid span{font-size:11px}@media (width<=899px){.today-page{grid-template-columns:1fr;gap:16px;padding:24px 18px 40px}.today-hello{margin-bottom:14px}.serial-card{border-radius:18px;padding:24px 22px 22px}.serial-card:after{height:44px;right:22px}.serial-teaser{font-size:15.5px}.serial-card .daily-button{width:100%}.today-side{grid-template-columns:1fr 1fr;padding-top:0}.today-side .today-tile{grid-template-columns:1fr;gap:6px;padding:14px}.today-side .today-tile>svg:last-child{display:none}.today-note{grid-column:1/-1}.today-month{display:none}}.daily-shell{background:var(--paper);min-height:100vh}.daily-center{color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:16px;padding:24px;display:grid}.daily-bar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f6f4eef2;grid-template-columns:44px 1fr 72px;align-items:center;height:60px;padding:0 16px;display:grid;position:sticky;top:0}.daily-close{width:40px;height:40px;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.daily-close:hover{background:var(--green-soft)}.daily-title{text-align:center;font:600 14px var(--serif);letter-spacing:.06em}.daily-title small{font:400 11px var(--sans,inherit);color:var(--muted);letter-spacing:.08em;display:block}.daily-time{color:var(--muted);justify-self:end;font-size:12px}.daily-progress{background:var(--beni);transform-origin:0;height:2px;transition:transform .12s linear;position:absolute;bottom:-1px;left:0;right:0}.daily-reading{max-width:680px;margin:0 auto;padding:44px 24px 120px}.daily-heading{text-align:center;margin-bottom:36px}.daily-heading span{letter-spacing:.2em;color:var(--muted);font-size:12px}.daily-heading h1{font:600 clamp(26px, 3vw, 32px) var(--serif);letter-spacing:.12em;margin:8px 0 0}.daily-text{font:500 19px/2.25 var(--serif);letter-spacing:.04em;color:var(--ink)}.daily-text p{text-indent:1em;margin:0 0 1.1em}.daily-text rt{font:400 .48em var(--sans,inherit);color:var(--muted);letter-spacing:0}.daily-word{--mark:var(--green);--tint:#315e501a;all:unset;text-indent:0;cursor:pointer;background-color:var(--tint);box-shadow:inset 0 -2px 0 var(--mark);border-radius:3px;transition:background-color .15s}.daily-word.is-n1{--mark:var(--beni);--tint:#c2553b1a}.daily-word.is-grammar{--mark:#5b7896;box-shadow:none;background-color:#0000;background-image:linear-gradient(90deg, var(--mark) 60%, transparent 60%);background-position:0 100%;background-repeat:repeat-x;background-size:6px 2px}.daily-word:hover,.daily-word.is-active{background-color:color-mix(in srgb, var(--mark) 22%, transparent)}.marks-hidden .daily-word{box-shadow:none;background:0 0}.daily-legend{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-14px 0 28px;padding:10px 14px;font-size:12px;display:flex}.daily-legend span{align-items:center;gap:6px;display:inline-flex}.daily-legend span:before{content:"";border-radius:2px;width:16px;height:10px}.legend-n2:before{box-shadow:inset 0 -2px 0 var(--green);background:#315e5024}.legend-n1:before{box-shadow:inset 0 -2px 0 var(--beni);background:#c2553b24}.legend-grammar:before{background:linear-gradient(90deg,#5b7896 60%,#0000 60%) 0 0/6px 2px repeat-x;height:2px!important}.daily-legend small{color:var(--muted);font-size:11px}.daily-legend button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:99px;margin-left:auto;padding:4px 11px;font-size:11px}.daily-cliff{border:1px dashed #c8c9bd;border-radius:14px;margin:36px 0 26px;padding:18px 20px}.daily-cliff span{color:var(--muted);letter-spacing:.08em;font-size:12px}.daily-cliff p{font:500 16px/1.9 var(--serif);margin:6px 0 0}.daily-finish{width:100%}.daily-hint,.daily-source{text-align:center;color:var(--muted);margin:14px 0 0;font-size:12px}.daily-source a{color:inherit}@media (width<=899px){.daily-reading{padding:30px 22px 110px}.daily-text{font-size:17px;line-height:2.3}.daily-bar{padding:0 10px}}.word-panel{z-index:40;background:var(--white);border:1px solid var(--line);width:min(560px,100%);padding:22px 24px calc(22px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.25s ease-out sheet-up;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -16px 40px #243b3429}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}.word-panel h2{font:600 28px var(--serif);letter-spacing:.04em;margin:6px 0 0}.word-panel-close{background:var(--paper);width:36px;height:36px;color:var(--ink);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.word-panel-level{letter-spacing:.1em;color:var(--beni);background:var(--beni-soft);border-radius:4px;padding:3px 9px;font-size:11px;font-weight:700}.word-panel-reading{color:var(--muted);margin:2px 0 0;font-size:13px}.word-panel-meaning{margin:12px 0 0;font-size:15px;line-height:1.8}.word-panel-context{background:var(--paper);font:14px/1.9 var(--serif);color:#4d5f58;border-radius:10px;margin:12px 0 0;padding:10px 14px}.word-panel-context small{font-family:var(--sans,inherit);color:var(--muted);display:block}.word-panel-articles{flex-wrap:wrap;gap:6px 12px;margin-top:12px;font-size:12px;display:flex}.word-panel-articles span{width:100%;color:var(--muted)}.word-panel-articles a{color:var(--green)}.word-panel-articles small{color:var(--muted);margin-left:4px}.word-panel .daily-button{width:100%;margin-top:16px}@media (width>=1180px){.word-panel{width:340px;box-shadow:var(--card-shadow);border-radius:18px;animation:.2s ease-out panel-in;inset:96px max(28px,50vw - 720px) auto auto;transform:none}@keyframes panel-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}}.daily-quiz{max-width:580px;margin:0 auto;padding:40px 24px 80px}.quiz-steps{gap:6px;margin:0 0 22px;padding:0;list-style:none;display:flex}.quiz-steps li{background:var(--line);border-radius:2px;width:30px;height:4px}.quiz-steps .is-on{background:var(--beni)}.quiz-sentence{font:500 20px/2 var(--serif);background:var(--white);border:1px solid var(--line);border-radius:16px;margin:0 0 18px;padding:22px 24px}.quiz-sentence mark{color:var(--beni);border-bottom:2px solid var(--beni);background:0 0}.quiz-ask{color:var(--muted);justify-content:space-between;margin:0 0 12px;font-size:13px;display:flex}.quiz-ask span{color:var(--beni);font-weight:700}.daily-options{gap:10px;display:grid}.daily-options button{border:1px solid var(--line);background:var(--white);color:var(--ink);text-align:left;border-radius:12px;padding:15px 18px;font-size:15px;line-height:1.6;transition:border-color .15s,background .15s}.daily-options button:hover:not(:disabled){border-color:var(--green)}.daily-options .is-right{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green);color:var(--green);font-weight:700}.daily-options .is-wrong{border-color:var(--beni);background:var(--beni-soft);box-shadow:inset 0 0 0 1px var(--beni);color:var(--beni);text-decoration:line-through}.daily-options .is-dim{opacity:.45}.quiz-feedback{color:#4d5f58;min-height:24px;margin-top:14px;font-size:13px}@media (width>=900px){.daily-options{grid-template-columns:1fr 1fr}}.daily-done{text-align:center;max-width:560px;margin:0 auto;padding:44px 24px 80px}.seal{border:4px solid var(--beni);width:124px;height:124px;color:var(--beni);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px #c2553b59;border-radius:50%;place-content:center;margin:0 auto 8px;animation:.6s cubic-bezier(.2,1.6,.4,1) both seal-press;display:grid;transform:rotate(-8deg)}.seal span{font:700 32px/1.1 var(--serif);letter-spacing:.1em}.seal small{letter-spacing:.08em;margin-top:3px;font-size:11px}@keyframes seal-press{0%{opacity:0;transform:scale(2.2)rotate(-24deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.daily-done h1{font:600 26px var(--serif);letter-spacing:.08em;margin:16px 0 4px}.done-sub{color:var(--muted);margin:0 0 22px;font-size:13px}.daily-done .streak{text-align:left;max-width:420px;margin:0 auto 26px}.done-shelf{margin:0 0 18px;font-size:14px}.done-shelf a{color:var(--green);margin-left:6px}.quote-card{background:var(--green);color:#f7f3e9;text-align:left;box-shadow:var(--card-shadow);border-radius:16px;margin:0 0 12px;padding:26px 26px 20px}.quote-card blockquote{font:500 18px/2 var(--serif);letter-spacing:.03em;margin:0 0 10px}.quote-card figcaption{opacity:.75;letter-spacing:.06em;font-size:11px}.daily-done>.daily-button.is-quiet{width:100%}.done-tomorrow{border-top:1px solid var(--line);text-align:left;margin:26px 0 0;padding-top:18px}.done-tomorrow span{color:var(--muted);letter-spacing:.1em;font-size:12px}.done-tomorrow p{font:500 16px/1.9 var(--serif);margin:4px 0 0}.done-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.done-actions .daily-button{flex:180px}.shelf{border-bottom:10px solid #8a6f45;align-items:flex-end;gap:8px;height:200px;padding:0 14px;display:flex;overflow-x:auto;box-shadow:0 12px 0 -4px #243b3414}.spine{height:var(--height);background:var(--spine);color:#f7f3e9;writing-mode:vertical-rl;font:600 14px var(--serif);letter-spacing:.14em;border-radius:3px 3px 0 0;flex:0 0 46px;align-items:center;padding:14px 0;text-decoration:none;transition:transform .2s;display:flex;position:relative;box-shadow:inset -5px 0 #0000001f,inset 3px 0 #ffffff14}.spine:hover{transform:translateY(-6px)}.spine span{white-space:nowrap;text-overflow:ellipsis;max-height:100%;overflow:hidden}.spine.is-next{color:var(--muted);box-shadow:none;background:0 0;border:1px dashed #bfc2b5;border-bottom:0}.spine.is-reading{padding-top:36px}.spine.is-reading i{background:var(--beni);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);width:12px;height:30px;margin-left:-6px;position:absolute;top:-2px;left:50%}.shelf-caption{color:var(--muted);margin:14px 0 34px;font-size:12px}.serial-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:0 0 34px;padding:0;list-style:none;display:grid}.serial-list li{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.serial-list-no{font:600 14px var(--serif);color:var(--muted)}.serial-list a{color:var(--ink);text-decoration:none}.serial-list strong{font:600 16px var(--serif);letter-spacing:.04em}.serial-list small{color:var(--muted);font-size:12px;display:block}.serial-list-state{background:var(--paper);color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:3px 9px;font-size:11px}.serial-list .is-reading .serial-list-state{background:var(--beni-soft);color:var(--beni);border-color:#0000;font-weight:700}.serial-list .is-finished .serial-list-state{background:var(--green-soft);color:var(--green);border-color:#0000}.shelf-more{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=899px){.shelf{gap:5px;height:164px;padding:0 6px}.spine{height:calc(var(--height) - 18px);flex-basis:29px;padding:10px 0;font-size:12px}.serial-list,.shelf-more{grid-template-columns:1fr}}.words-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;display:grid}.words-side{gap:12px;display:grid}.words-review{width:100%;margin-bottom:20px}.words-clear{background:var(--green-soft);color:var(--green);border-radius:12px;margin:0 0 20px;padding:14px 16px;font-size:14px}.segmented{background:#ecebe3;border-radius:12px;gap:4px;margin-bottom:10px;padding:4px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:13px}.segmented .is-on{background:var(--white);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #00000014}.word-list{margin:0;padding:0;list-style:none}.word-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 16px;padding:16px 0;display:grid}.word-list-main{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.word-list-main strong{font:600 19px var(--serif);letter-spacing:.04em}.word-list-main small{color:var(--muted);font-size:12px}.level-chip{background:var(--green-soft);color:var(--green);border-radius:4px;padding:1px 7px;font-size:10px;font-weight:700}.level-chip.n1{background:var(--beni-soft);color:var(--beni)}.word-list-meaning{grid-column:1;margin:2px 0 0;font-size:14px}.word-list-context{font:13px/1.8 var(--serif);color:var(--muted);grid-column:1;margin:4px 0 0}.word-list-context a{color:inherit;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.word-list-due{color:var(--muted);grid-area:1/2;font-size:12px}.word-list-due.is-due{color:var(--beni);font-weight:700}.flash-card{border:1px solid var(--line);background:var(--white);max-width:520px;box-shadow:var(--card-shadow);text-align:center;border-radius:20px;margin:0 auto;padding:34px 30px 30px}.flash-count{color:var(--muted);font-size:12px}.flash-card h2{font:600 40px var(--serif);letter-spacing:.06em;margin:26px 0 12px}.flash-context{font:15px/2 var(--serif);color:#4d5f58;margin:0 0 26px}.flash-context mark{color:var(--beni);border-bottom:2px solid var(--beni);background:0 0}.flash-answer{border-top:1px solid var(--line);margin-bottom:22px;padding-top:18px;font-size:16px}.flash-answer p{margin:0}.flash-reading{color:var(--muted);font-size:14px;margin-bottom:4px!important}.flash-grades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.flash-grades button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;padding:12px 4px;font-size:13px}.flash-grades button:first-child{color:var(--beni)}.flash-grades button:nth-child(3){background:var(--green);border-color:var(--green);color:#fff}@media (width<=899px){.words-layout{grid-template-columns:1fr;gap:28px}.flash-card{padding:26px 18px 20px}.flash-grades{grid-template-columns:1fr 1fr}}.record-layout{grid-template-columns:minmax(0,1fr) minmax(300px,400px);grid-template-areas:"calendar stats""calendar settings";align-items:start;gap:24px 56px;display:grid}.record-calendar{border:1px solid var(--line);background:var(--white);border-radius:18px;grid-area:calendar;padding:26px}.record-stats{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-area:stats;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.record-stats div{background:var(--white);padding:16px 18px}.record-stats strong{font:600 24px var(--serif);font-variant-numeric:tabular-nums;display:block}.record-stats span{color:var(--muted);font-size:12px}.record-settings{grid-area:settings;gap:12px;display:grid}.record-settings h2{font:600 16px var(--serif);margin:10px 0 0}.record-settings .pace-chooser{max-width:none}.month-head,.month-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.month-head{color:var(--muted);margin-bottom:10px;font-size:11px}.month-grid span{aspect-ratio:1;font:13px var(--serif);color:var(--muted);border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.month-grid .is-blank{visibility:hidden}.month-grid .is-done{border:2px solid var(--beni);color:var(--beni);background:#c2553b0d;font-weight:700;transform:rotate(-8deg)}.month-grid .is-rest{border:2px solid var(--gold);color:var(--gold);background:var(--gold-soft)}.month-grid .is-today{border:1.5px dashed var(--beni);color:var(--ink)}.month-grid .is-future{opacity:.45}@media (width<=899px){.record-layout{grid-template-columns:1fr;grid-template-areas:"calendar""stats""settings";gap:18px}.record-calendar{padding:18px 14px}.month-head,.month-grid{gap:5px}}@media (prefers-reduced-motion:reduce){.seal,.streak-marks i,.word-panel{animation:none!important}}.learn-more{width:100%;margin-top:18px}.next-books{margin-top:28px}.next-books h2{font:600 20px var(--serif);letter-spacing:.06em;margin:0 0 6px}.next-books-note{color:var(--muted);margin:0 0 14px;font-size:13px}.next-books-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.next-book{border:1px solid var(--line);background:var(--white);border-radius:14px;flex-direction:column;gap:4px;padding:18px;display:flex}.next-book .level-chip{align-self:flex-start}.next-book h3{font:600 19px/1.4 var(--serif);letter-spacing:.05em;margin:6px 0 0}.next-book-author{color:var(--ink);margin:0;font-size:13px}.next-book-meta{color:var(--muted);margin:0 0 12px;font-size:12px}.next-book-actions{gap:8px;margin-top:auto;display:grid}.next-book-actions .daily-button{width:100%;min-height:42px;padding:10px 12px;font-size:13px}.next-book-peek{color:var(--green);justify-self:center;align-items:center;gap:4px;font-size:12px;text-decoration:none;display:inline-flex}@media (width<=899px){.next-books-list{grid-template-columns:1fr}}.shelf-heading{font:600 18px var(--serif);letter-spacing:.06em;margin:8px 0 12px}.shelf.is-extra{margin-bottom:30px}.habit-panel{margin-bottom:18px}.retention-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.retention-card{border:1px solid var(--line);background:var(--white);border-radius:12px;gap:8px;padding:16px;display:grid}.retention-card>span{color:var(--muted);letter-spacing:.06em;font-size:12px}.retention-card strong{font:600 26px var(--serif);font-variant-numeric:tabular-nums;margin-right:8px}.retention-card small{color:var(--muted);font-size:12px}.reading-bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:6px;height:150px;display:grid}.reading-bars>div{text-align:center;height:100%;color:var(--muted);grid-template-rows:1fr auto auto;font-size:10px;display:grid}.reading-bars i{background:var(--beni);border-radius:3px 3px 0 0;align-self:end;display:block}.reading-bars b{color:var(--ink);font-weight:500}@media (width<=899px){.retention-grid{grid-template-columns:1fr}}.readers-today{color:var(--muted);margin:14px 2px 0;font-size:13px}.readers-today b{font:600 16px var(--serif);color:var(--beni);margin:0 2px}.daily-done .readers-today{margin:0 0 20px}.reminder{gap:10px;display:grid}.reminder-time{align-items:center;gap:8px;font-size:14px;display:flex}.reminder-time select{border:1px solid var(--line);background:var(--white);font:600 15px var(--serif);color:var(--ink);border-radius:10px;padding:8px 10px}.reminder-note,.reminder-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.reminder-hint svg{vertical-align:-3px;margin-right:2px}.reminder-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.reminder-actions .daily-button{min-height:42px;padding:9px 16px;font-size:13px}.reminder-message{color:var(--green);margin:0;font-size:13px}.reminder-invite{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:14px;grid-template-columns:20px 1fr;gap:12px;margin:0 0 22px;padding:16px 18px;display:grid}.reminder-invite>svg{color:var(--beni);margin-top:3px}.reminder-invite strong{font:600 15px var(--serif)}.reminder-invite p{color:var(--muted);margin:4px 0 0;font-size:12px}.text-link{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:12px;text-decoration:underline}.study-page{max-width:820px}.study-search{border:1px solid var(--line);background:var(--white);height:52px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:flex}.study-search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.study-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.study-search button{color:var(--muted);background:0 0;border:0;place-items:center;padding:4px;display:grid}.study-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 6px;display:flex}.study-controls .segmented{margin-bottom:0}.segmented small{color:var(--muted);margin-left:6px;font-size:11px;font-weight:400}.segmented.is-small button{padding:7px 12px}.study-filter-toggle{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:12px;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;font-size:13px;display:inline-flex}.study-filter-toggle.is-on{border-color:var(--green);color:var(--green)}.study-filter-toggle b{background:var(--green);color:#fff;border-radius:9px;min-width:18px;height:18px;font-size:11px;line-height:18px}.study-filters{border:1px solid var(--line);background:var(--white);border-radius:14px;gap:12px;margin:10px 0 4px;padding:14px;display:grid}.study-kana{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px;display:grid}.study-kana button,.study-categories button{background:var(--paper);color:var(--ink);font:14px var(--serif);border:1px solid #0000;border-radius:8px;padding:6px 0}.study-categories{flex-wrap:wrap;gap:6px;display:flex}.study-categories button{font:13px var(--sans,inherit);padding:6px 12px}.study-kana .is-on,.study-categories .is-on{background:var(--green);color:#fff}.study-list{margin:8px 0 0;padding:0;list-style:none}.study-row{border-bottom:1px solid var(--line)}.study-row-head{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:auto auto minmax(0,1fr) 16px;align-items:baseline;gap:4px 12px;width:100%;padding:14px 4px;display:grid}.study-row-head:focus-visible{outline:2px solid var(--beni);outline-offset:2px;border-radius:6px}.study-word{font:600 18px var(--serif);letter-spacing:.04em;color:var(--ink);white-space:nowrap}.study-word small{font:400 12px var(--sans,inherit);color:var(--muted);letter-spacing:0;margin-left:8px}.study-meaning{color:var(--ink-2,#4b5d56);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.study-chevron{color:var(--muted);align-self:center;transition:transform .2s}.study-row.is-open .study-chevron{transform:rotate(180deg)}.study-row.is-open .study-meaning{white-space:normal}.study-detail{gap:10px;padding:0 4px 18px;display:grid}.study-formation{color:var(--muted);margin:0;font-size:13px}.study-example{background:var(--white);font:14px/1.9 var(--serif);border-radius:10px;margin:0;padding:10px 14px}.study-example small{font:12px var(--sans,inherit);color:var(--muted);display:block}.study-articles{gap:4px;font-size:13px;display:grid}.study-articles>span{letter-spacing:.1em;color:var(--muted);font-size:11px}.study-articles a{color:var(--green);border-bottom:1px dashed var(--line);padding:6px 0;text-decoration:none}.study-articles a small{color:var(--muted)}.study-save{justify-self:start;min-height:40px;padding:8px 16px;font-size:13px}.study-status,.study-notice{color:var(--muted);margin:18px 0 0;font-size:13px}.study-notice{font-size:11px;line-height:1.8}@media (width<=899px){.study-row-head{grid-template-columns:auto auto 1fr 16px}.study-meaning{grid-column:1/4}.study-chevron{grid-area:1/4}.study-filter-toggle{margin-left:0}}.word-panel-meaning small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.catalog-page{max-width:900px}.catalog-filters{gap:8px;margin:16px 0 6px;display:grid}.catalog-chips{scrollbar-width:none;align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.catalog-chips::-webkit-scrollbar{display:none}.catalog-chips>span{color:var(--muted);letter-spacing:.08em;flex:0 0 52px;font-size:11px}.catalog-chips button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:99px;flex:none;padding:6px 13px;font-size:13px}.catalog-chips button.is-on{background:var(--green);border-color:var(--green);color:#fff}.catalog-count{color:var(--muted);margin:18px 0 4px;font-size:12px}.catalog-list{margin:0 0 24px;padding:0;list-style:none}.catalog-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.catalog-main{min-width:0;color:var(--ink);flex:1;gap:3px;text-decoration:none;display:grid}.catalog-main strong{font:600 18px/1.4 var(--serif);letter-spacing:.04em}.catalog-main:hover strong{color:var(--green)}.catalog-author{color:var(--ink);font-size:13px}.catalog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.catalog-actions{flex:none;gap:6px;display:flex}.catalog-read,.catalog-serial{border:1px solid var(--line);background:var(--white);color:var(--ink);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.catalog-serial{color:var(--beni);border-color:color-mix(in srgb, var(--beni) 40%, var(--line))}.catalog-serial.is-on{color:var(--green);border-color:var(--green-soft);background:var(--green-soft)}@media (width<=899px){.catalog-row{align-items:flex-start}.catalog-actions{flex-direction:column}.catalog-read,.catalog-serial{justify-content:center}}.topics-page{max-width:820px}.topic-card{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:18px;grid-template-columns:88px 1fr 20px;align-items:center;gap:20px;padding:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.topic-card:hover{border-color:var(--green);transform:translateY(-2px)}.topic-card-mark{background:var(--green);color:#f7f3e9;font:600 22px var(--serif);border-radius:12px;justify-items:center;gap:6px;padding:12px 0;display:grid}.topic-card-mark i{background:var(--beni);width:18px;height:2px}.topic-card small{letter-spacing:.1em;color:var(--muted);font-size:11px}.topic-card h2{font:600 21px/1.5 var(--serif);letter-spacing:.04em;margin:4px 0 6px}.topic-card p{color:var(--ink-2,#4b5d56);margin:0 0 8px;font-size:14px;line-height:1.8}.topic-card-meta{color:var(--green);font-size:12px}.topic-card-arrow{color:var(--muted)}@media (width<=899px){.topic-card{grid-template-columns:1fr}.topic-card-mark{grid-auto-flow:column;justify-content:start;padding:8px 14px;font-size:18px}.topic-card-arrow{display:none}}.topic-article{max-width:1120px;margin:0 auto;padding:40px 52px 80px}.topic-article-head{max-width:720px;margin:0 0 40px 240px}.topic-back{color:var(--muted);align-items:center;gap:6px;margin-bottom:18px;font-size:13px;text-decoration:none;display:inline-flex}.topic-article-head h1{font:600 clamp(28px, 3.6vw, 40px)/1.35 var(--serif);letter-spacing:.06em;text-wrap:balance;margin:8px 0 14px}.topic-lead{color:var(--ink-2,#4b5d56);margin:0 0 22px;font-size:15px;line-height:2}.topic-directions{gap:8px;margin:0;padding:0;list-style:none;display:grid}.topic-directions li{border:1px solid var(--line);background:var(--white);border-radius:12px;grid-template-columns:78px 1fr 16px 1fr;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:grid}.topic-directions strong{font:600 17px var(--serif);color:var(--green)}.topic-directions svg{color:var(--beni)}.topic-layout{grid-template-columns:200px minmax(0,720px);align-items:start;gap:40px;display:grid}.topic-toc{gap:2px;display:grid;position:sticky;top:96px}.topic-toc a{color:var(--muted);border-radius:10px;grid-template-columns:22px 1fr;gap:6px;padding:8px 10px;font-size:13px;line-height:1.5;text-decoration:none;display:grid}.topic-toc a b{font:600 13px var(--serif)}.topic-toc a.is-on{background:var(--green-soft);color:var(--green);font-weight:600}.topic-toc a em{display:none}.topic-chapter{padding:8px 0 40px;scroll-margin-top:90px}.topic-chapter h2{font:600 22px/1.5 var(--serif);letter-spacing:.04em;text-wrap:balance;align-items:baseline;gap:12px;margin:0 0 8px;display:flex}.topic-chapter h2 b{color:var(--beni);flex:none;font-size:18px}.topic-chapter-lead{color:var(--ink-2,#4b5d56);margin:0 0 20px;font-size:14px;line-height:1.9}.topic-muted{color:var(--muted);margin:12px 0;font-size:13px;line-height:1.8}.topic-muted svg{vertical-align:-3px}.topic-families{gap:10px;display:grid}.topic-families article{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:18px 20px}.topic-families h3{font:600 19px var(--serif);margin:0}.topic-families strong{font:500 14px var(--serif);color:var(--green);margin:2px 0 10px;display:block}.topic-families dl{flex-wrap:wrap;gap:4px 20px;margin:0 0 8px;font-size:13px;display:flex}.topic-families dl div{gap:6px;display:flex}.topic-families dt{color:var(--muted)}.topic-families dd{margin:0}.topic-families p{color:var(--ink-2,#4b5d56);margin:0;font-size:14px;line-height:1.8}.topic-examples{gap:10px;display:grid}.topic-example{border:1px solid var(--line);background:var(--white);border-radius:14px;padding:16px 18px}.topic-example-tag{letter-spacing:.06em;color:var(--green);background:var(--green-soft);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.topic-example-jp{font:500 18px/1.9 var(--serif);letter-spacing:.03em;margin:8px 0 6px}.topic-example-jp mark,.quiz-sentence mark{color:var(--beni);border-bottom:2px solid var(--beni);background:0 0}.topic-example-note{color:var(--ink-2,#4b5d56);margin:0;font-size:14px;line-height:1.85}.topic-example small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.topic-example-link{color:var(--green);align-items:center;gap:4px;margin-top:8px;font-size:13px;text-decoration:none;display:inline-flex}.topic-pair{gap:8px;margin-bottom:14px;display:grid}.topic-pair-same{color:var(--beni);letter-spacing:.2em;justify-self:center;font-size:12px}.topic-checklist{counter-reset:step;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.topic-checklist li{counter-increment:step;background:var(--beni-soft);border-radius:10px;padding:8px 12px;font-size:13px}.topic-checklist li:before{content:counter(step) ". ";color:var(--beni);font-weight:700}.topic-aside{border-left:3px solid var(--beni);background:var(--white);border-radius:0 12px 12px 0;margin-top:14px;padding:16px 18px;font-size:14px;line-height:1.85}.topic-aside p{margin:4px 0 0}.topic-aside p[lang=ja]{font:500 16px var(--serif)}.topic-corpus{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.topic-corpus h3,.topic-practice h3{font:600 18px var(--serif);margin:0}.topic-corpus .catalog-chips{margin:10px 0}.topic-corpus-search{margin-bottom:8px}.topic-corpus-list{gap:10px;margin:12px 0 18px;padding-left:0;list-style:none;display:grid}.topic-corpus-list li{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:14px 16px}.topic-corpus-list blockquote{font:15px/1.95 var(--serif);margin:8px 0}.topic-corpus-list a{color:var(--green);align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.topic-practice .quiz-sentence{margin-top:14px}.topic-practice-result{background:var(--green-soft);border-radius:12px;margin-top:14px;padding:14px 16px}.topic-practice-result strong{font:600 16px var(--serif);color:var(--green)}.topic-practice-result p{margin:4px 0 0;font-size:14px}@media (width<=1099px){.topic-article{padding:26px 18px 60px}.topic-article-head{margin:0 0 20px}.topic-layout{grid-template-columns:1fr;gap:0}.topic-toc{z-index:10;scrollbar-width:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f6f4eef5;gap:4px;margin:0 -18px 18px;padding:8px 18px;display:flex;position:sticky;top:58px;overflow-x:auto}.topic-toc::-webkit-scrollbar{display:none}.topic-toc a{border-radius:99px;flex:none;gap:2px;padding:6px 12px;display:inline-flex}.topic-toc a span{display:none}.topic-toc a em{margin-left:4px;font-style:normal;display:inline}.topic-chapter{scroll-margin-top:120px}.topic-directions li{grid-template-columns:64px 1fr 14px 1fr;font-size:12px}}@media (width>=1100px){.topic-toc a b{color:inherit}}.admin{gap:16px;max-width:1040px;display:grid}.admin-top{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.admin-top h1{font:600 30px var(--serif);letter-spacing:.06em;margin:6px 0 4px}.admin-top p{color:var(--muted);margin:0;font-size:12px}.admin-top .daily-button{min-height:40px;padding:8px 14px;font-size:13px}.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-kpi{border:1px solid var(--line);background:var(--white);border-radius:14px;gap:2px;padding:16px 18px;display:grid}.admin-kpi span{color:var(--muted);font-size:12px}.admin-kpi strong{font:600 30px var(--serif);font-variant-numeric:tabular-nums}.admin-kpi small{color:var(--muted);font-size:12px}.admin-card{border:1px solid var(--line);background:var(--white);border-radius:16px;min-width:0;padding:18px 20px}.admin-card>header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.admin-card h2{font:600 17px var(--serif);margin:0}.admin-card>header span{color:var(--muted);font-size:11px}.admin-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-empty{text-align:center;color:var(--muted);margin:0;padding:24px 0;font-size:13px}.admin-bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:6px;height:170px;display:grid}.admin-bars>div{text-align:center;height:100%;color:var(--muted);grid-template-rows:auto 1fr auto;font-size:10px;display:grid}.admin-bars b{color:var(--ink);font-size:11px;font-weight:600}.admin-bars i{background:var(--beni);border-radius:4px 4px 0 0;align-self:end;display:block}.admin-retention{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.admin-retention>div{background:var(--paper);border-radius:12px;padding:12px 14px}.admin-retention span{color:var(--muted);font-size:12px}.admin-retention p{margin:4px 0 0;font-size:13px}.admin-retention strong{font:600 22px var(--serif);font-variant-numeric:tabular-nums;margin-right:4px}.admin-retention small{color:var(--muted);margin-left:4px}.admin-footnote{color:var(--muted);margin:12px 0 0;font-size:11px}.admin-rank{counter-reset:rank;margin:0;padding:0;list-style:none}.admin-rank li{counter-increment:rank;border-bottom:1px solid var(--line);grid-template-columns:24px 1fr auto;gap:8px;padding:9px 0;font-size:14px;display:grid}.admin-rank li:before{content:counter(rank);font:600 14px var(--serif);color:var(--beni)}.admin-rank span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-events{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-events li{grid-template-columns:88px 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.admin-events i{background:var(--paper);border-radius:4px;height:8px;overflow:hidden}.admin-events i b{background:var(--green);height:100%;display:block}.admin-events strong{text-align:right;font-variant-numeric:tabular-nums}.admin-feedback{gap:10px;margin:0;padding:0;list-style:none;display:grid}.admin-feedback li{background:var(--paper);border-left:3px solid var(--beni);border-radius:12px;grid-template-columns:1fr auto;gap:6px 14px;padding:14px;display:grid}.admin-feedback li.is-resolved,.admin-feedback li.is-closed{border-left-color:var(--line);opacity:.7}.admin-feedback-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.admin-feedback p{white-space:pre-wrap;grid-column:1;margin:0;font-size:14px;line-height:1.8}.admin-feedback small{color:var(--muted);grid-column:1;font-size:12px}.admin-feedback select{border:1px solid var(--line);background:var(--white);border-radius:8px;grid-area:1/2/3;align-self:start;padding:6px 8px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px;font-weight:500}.admin-table td{border-bottom:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;padding:9px 8px}@media (width<=899px){.admin-kpis{grid-template-columns:1fr 1fr}.admin-grid-2,.admin-retention{grid-template-columns:1fr}.admin-bars span{font-size:8px}.admin-feedback li{grid-template-columns:1fr}.admin-feedback select{grid-area:auto/1;justify-self:start}}.section-nav{scrollbar-width:none;gap:4px;max-width:1120px;margin:0 auto;padding:12px 52px 0;display:flex;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav a{color:var(--muted);letter-spacing:.04em;border-radius:99px;flex:none;padding:8px 14px;font-size:13px;text-decoration:none}.section-nav a:hover{color:var(--ink);background:#315e500f}.section-nav a.is-on{background:var(--ink);color:#f7f3e9;font-weight:600}.section-nav+main.page-frame,.section-nav+.page-frame{padding-top:26px}.words-layout:has(>section:only-child){grid-template-columns:minmax(0,1fr);max-width:760px}.shelf-search{margin-top:6px}@media (width<=899px){.section-nav{padding:10px 18px 0}.section-nav+.page-frame{padding-top:18px}}.daily-text p.is-target{background:var(--beni-soft);border-radius:12px;margin-left:-12px;margin-right:-12px;padding:30px 12px 10px;position:relative}.daily-text .target-label{font:700 11px var(--sans,inherit);color:var(--beni);letter-spacing:.06em;text-indent:0;position:absolute;top:8px;right:12px}.daily-text .is-focus{background-color:color-mix(in srgb, var(--beni) 28%, transparent);border-radius:3px}.reader-intro{text-align:center;justify-items:center;gap:6px;margin-bottom:26px;display:grid}.reader-intro h1{font:600 clamp(26px, 3vw, 34px) var(--serif);letter-spacing:.12em;margin:4px 0 0}.reader-author{letter-spacing:.1em;margin:0;font-size:14px}.reader-meta{color:var(--muted);margin:0 0 8px;font-size:12px}.reader-intro .daily-button{min-height:42px;padding:9px 18px;font-size:13px}.reader-from-start{margin-top:2px}.reader-more{width:100%;margin-top:12px}.reader-end{text-align:center;font:600 15px var(--serif);letter-spacing:.4em;color:var(--muted);margin:28px 0 6px}.feedback{max-width:680px}.feedback-card{border:1px solid var(--line);background:var(--white);border-radius:18px;gap:16px;padding:22px;display:grid}.feedback-field{gap:6px;font-size:13px;display:grid}.feedback-field b{color:var(--beni);margin-left:4px;font-size:11px}.feedback-field textarea,.feedback-field input{border:1px solid var(--line);background:var(--paper);width:100%;font:15px/1.8 var(--sans,inherit);color:var(--ink);resize:vertical;border-radius:12px;padding:12px 14px}.feedback-field textarea:focus,.feedback-field input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft);outline:0}.feedback-field small{color:var(--muted);justify-self:end;font-size:11px}.feedback-honeypot{position:absolute;left:-9999px}.feedback-privacy{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.feedback-privacy svg{vertical-align:-2px}.feedback-card>.daily-button{justify-self:start}