:root{--ai:#274c58;--deep:#193e49;--mist:#e6eae3;--paper:#f8f5ee;--ink:#293b3d;--muted:#64706a;--ember:#aa492c;--ember-bg:#fff0e2;--ok:#397054;--line:#e1dfd4;--white:#fff;--serif:"Shippori Mincho B1","Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.85 var(--sans);letter-spacing:.015em}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);line-height:1.5;font-weight:800}h1{font-size:clamp(1.65rem,2.5vw,2.35rem)}h2{font-size:1.35rem}h3{font-size:1rem}a{color:var(--ai);text-underline-offset:4px}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);background:white;color:var(--ai);padding:.55rem .9rem;border-radius:10px}button:disabled{opacity:.48;cursor:not-allowed}a,button{transition:background .15s,color .15s}button:hover:not(:disabled){background:var(--mist)}:focus-visible{outline:3px solid var(--ember);outline-offset:4px}svg{width:23px;height:23px;flex-shrink:0;vertical-align:middle}small,.muted{font-size:.875rem;color:var(--muted);line-height:1.75}p{overflow-wrap:anywhere}.eyebrow{font-size:.8125rem;font-family:var(--sans);font-weight:700;letter-spacing:.10em;color:var(--muted)}.skip{position:fixed;top:-100px;left:1rem;z-index:100;background:white;padding:1rem}.skip:focus{top:0}.loading{display:grid;min-height:70vh;place-items:center}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;padding:.75rem 1.2rem;min-height:48px;border-radius:12px;border:1px solid var(--ai);line-height:1.5}.primary{background:var(--ai);color:white}.primary:hover:not(:disabled){background:var(--deep)}.secondary{background:white;color:var(--ai);border-color:var(--line)}.light{background:white;color:var(--deep);border-color:white}.light:hover{background:var(--mist)!important}.wide{width:100%}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--deep);font-weight:800;font-size:1.35rem;line-height:1.5;white-space:nowrap}.brand small{display:block;font-size:.6875rem;letter-spacing:.17em;line-height:1.4;font-weight:600}.brand-mark{display:grid;place-items:center;position:relative;width:39px;height:39px;background:var(--deep);color:white;font:700 1.4rem var(--serif);border-radius:8px}.brand-mark:after{content:"";position:absolute;right:-3px;top:-3px;width:10px;height:10px;background:var(--ember);border:2px solid white;border-radius:50%}label{display:block;font-size:.9375rem;font-weight:700;margin:1rem 0 .4rem}input:not([type=checkbox]),textarea,select{width:100%;display:block;border:1px solid #b7bdb1;border-radius:10px;color:var(--ink);padding:.75rem .8rem;background:#fff;line-height:1.6;margin-top:.35rem;font-size:1rem}textarea{resize:vertical;min-height:100px;line-height:1.9}input[type=checkbox]{width:20px;height:20px;accent-color:var(--ai)}input::placeholder,textarea::placeholder{color:#6d7870;font-weight:400;opacity:1}.feedback{font-size:.875rem;color:var(--ai);min-height:1.7em;margin-top:1rem;font-weight:600}.notice{border-left:3px solid var(--ember);background:var(--ember-bg);padding:1.15rem}.notice p{margin:.5rem 0}.text-button{border:0;background:none;text-decoration:underline;padding:.35rem 0}.success{color:var(--ok);font-weight:700}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);padding:.8rem 1.4rem;border-radius:8px;background:var(--deep);color:white;box-shadow:0 8px 32px #0e274026;z-index:100;font-size:.9375rem;line-height:1.6}.toast[hidden]{display:none}
/* Familiar faces, a clear entrance, and a little room to breathe. */
img{max-width:100%;display:block}.threads-symbol{width:34px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.threads-symbol img{width:20px;height:auto;max-height:23px}.course-kicker{display:inline-flex;align-items:center;gap:4px;line-height:1.5}.course-kicker .threads-symbol{margin-left:-7px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(320px,48%) 1fr}.auth-story{background:#edeadf;padding:2.5rem clamp(2rem,5vw,5rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.auth-story>.brand{align-self:flex-start;margin-bottom:2.7rem}.auth-message{max-width:500px}.auth-message>.eyebrow{color:#6d725e}.auth-message h1{font-size:clamp(2rem,3.4vw,3.35rem);line-height:1.5;margin:1rem 0;color:var(--deep)}.auth-message>p{font-size:.95rem;color:#536158}.auth-course{display:flex;align-items:center;gap:8px;font-size:.85rem;margin:1.25rem 0}.auth-course b{margin-left:.4rem}.auth-course small{display:block;font-size:.75rem}.auth-photo{max-width:460px;width:100%;margin:.2rem 0 1.3rem;padding:9px 9px 0;background:#fffdf8;border-radius:15px;box-shadow:0 7px 24px #4944260d;transform:rotate(-1deg)}.auth-photo>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.auth-photo figcaption{text-align:center;font-size:.75rem;line-height:1.6;padding:.65rem .4rem .8rem;color:#64705c}.auth-sign{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.75rem;margin-top:.3rem}.auth-sign>img{width:46px;height:46px;object-fit:cover;border-radius:50%;border:2px solid #fff}.auth-sign small{display:block;font-size:.85rem;color:var(--ink);font-weight:700}.auth-main{display:grid;align-content:center;padding:3rem clamp(1.5rem,5vw,6rem)}.auth-form{max-width:470px;margin:auto;width:100%;background:#fffefa;border:1px solid var(--line);border-radius:22px;padding:2.1rem clamp(1.25rem,3vw,2.5rem);box-shadow:0 12px 40px #524b2610}.auth-form h2{font-size:1.9rem;margin:.8rem 0}.auth-form>p{margin-bottom:1.5rem;color:var(--muted);font-size:.9375rem}.auth-form form{margin-top:1rem}.auth-form footer{display:flex;flex-wrap:wrap;gap:1.3rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.75rem}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:4.3rem}.password-wrap button{position:absolute;right:4px;top:4px;bottom:4px;border:0;background:transparent;font-size:.8125rem;padding:.4rem .8rem}.forgot{display:block;text-align:right;margin:.5rem 0 1.3rem;font-size:.875rem}.first-time{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.2rem;font-size:.875rem}.first-time summary{font-weight:700;cursor:pointer;min-height:32px}.first-time p{padding:.8rem 0}.owner-login{display:block;font-size:.8125rem;margin-top:1.2rem}.join-header{padding:1.5rem 4%}.juku-join{max-width:670px;margin:0 auto;padding:1.5rem 1.25rem 5rem}.juku-join>.wordmark{display:none}.juku-join .card{background:#fffefa;border:1px solid var(--line);padding:2rem;border-radius:18px}.juku-join h1{font-size:1.85rem;margin:1rem 0}.juku-join p{margin:1rem 0}.juku-benefits{font-size:.9375rem;padding:1rem 1.2rem;margin-top:1rem;background:#eef1e8;border-radius:10px}.juku-join .hp{position:absolute;left:-10000px}.juku-join .check{display:flex;gap:.7rem;align-items:flex-start}.juku-join .check input{width:20px;flex-shrink:0;margin-top:5px}.juku-join .status{font-size:.9375rem;color:var(--ember)}
/* A welcoming home, with the next lesson always close. */
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:#fffefa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;gap:1rem}.dao-link{display:flex;align-items:center;gap:.55rem;font-size:.8125rem;font-weight:700;text-decoration:none;background:#eef2e9;padding:.55rem .9rem;border-radius:20px;min-height:44px}.dao-link:hover{background:#e3eada}.sidebar{position:fixed;left:0;top:78px;bottom:0;width:210px;border-right:1px solid var(--line);background:#fffefa;display:flex;flex-direction:column;padding:2rem 1rem}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:.85rem 1rem;color:var(--muted);font-size:.9375rem;font-weight:700;text-decoration:none;border-radius:12px;min-height:52px}.sidebar nav a[aria-current]{background:var(--ai);color:white}.sidebar nav a[aria-current] .threads-symbol img{filter:invert(1)}.sidebar nav a:hover:not([aria-current]){background:var(--paper)}.sidebar nav .threads-symbol{width:34px;height:28px;margin:0 -5.5px}.side-foot{margin-top:auto;padding:1rem}.side-foot strong,.side-foot small{display:block}.side-foot strong{margin:.5rem 0;font-size:1rem;overflow-wrap:anywhere}.side-foot .eyebrow{font-size:.75rem}.workspace{margin-left:210px;max-width:1530px;padding:2.5rem clamp(1.5rem,4vw,5rem) 5rem;outline:none}.page-heading{margin-bottom:2rem;min-width:0}.page-heading h1{margin:.35rem 0 .5rem;overflow-wrap:anywhere}.page-heading p{color:var(--muted);max-width:700px;font-size:.9375rem}.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.8rem}.home-welcome .page-heading{margin:0}.home-welcome h1{font-size:clamp(1.75rem,2.8vw,2.4rem);line-height:1.55;margin:.6rem 0}.welcome-photo{width:138px;height:138px;object-fit:cover;border:7px solid #fffefa;border-radius:24px;transform:rotate(3deg);box-shadow:0 6px 22px #65503110;flex-shrink:0;margin-right:.5rem}.home-top{display:grid;grid-template-columns:1.8fr 1fr;gap:1.25rem}.continue-card{padding:1.6rem 1.8rem;background:#fffefa;border:1px solid var(--line);border-top:4px solid #bb6948;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 6px 20px #57482e06;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;margin-bottom:1.2rem}.course-label{display:flex;align-items:center;gap:7px;font-size:.8125rem;font-weight:700;color:var(--ink)}.course-label .threads-symbol{width:40px;height:40px;background:var(--paper);border-radius:12px}.course-label small{display:block;font-size:.75rem;font-weight:500}.chip{font-size:.75rem;line-height:1.7;padding:.2rem .65rem;color:var(--ai);background:#eff1e9;border-radius:20px;white-space:nowrap}.lesson-no{font-size:.72rem;letter-spacing:.12em;color:var(--ember);font-weight:700}.continue-card h2{font-size:1.6rem;margin:.4rem 0;color:var(--deep)}.continue-card>p{font-size:.9375rem;color:var(--muted);margin:.2rem 0 1.3rem;max-width:570px}.continue-card .primary{min-width:200px;gap:1.2rem;margin-top:auto}.next-step{font-size:.8125rem;color:var(--ai);margin-top:1rem;line-height:1.8}.progress-panel{padding:1.7rem;background:#edf0e5;border:1px solid #dbe2cf;border-radius:18px;display:flex;flex-direction:column;justify-content:center;min-width:0}.progress-count{display:flex;gap:.5rem;align-items:baseline;margin:.5rem 0}.progress-count b{font-size:3.5rem;font-weight:600;color:var(--ai);line-height:1.3;font-variant-numeric:tabular-nums}.progress-count span{font-size:.875rem;color:var(--muted)}progress{appearance:none;width:100%;height:8px;border:0;background:#d8dfcc;border-radius:8px;overflow:hidden}progress::-webkit-progress-bar{background:#d8dfcc}progress::-webkit-progress-value{background:#ad6746}progress::-moz-progress-bar{background:#ad6746}.progress-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem;font-size:.8125rem;color:var(--muted);margin:.8rem 0 1.3rem}.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0 0}.quick-links>a{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background:#fffefa;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-size:.875rem;font-weight:700;min-height:64px}.quick-links>a:hover{background:#eeeee2;border-color:#a9b7a3}.quick-links>a>span:last-child{margin-left:auto;font-weight:400}.quick-links small{font-size:.75rem;font-weight:500;margin-left:.55rem}.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1.8rem}.panel{border:1px solid var(--line);background:#fffefa;border-radius:16px;padding:1.5rem}.panel h2{margin-bottom:.65rem}.panel .eyebrow+h2{margin-top:.45rem}.panel p{margin:.75rem 0;font-size:.9375rem}.daily{background:#fff0df;border-color:#efd8ba;display:flex;flex-direction:column;align-items:flex-start;padding:1.8rem}.daily>.eyebrow{color:#8a5139}.daily h2{margin-top:.8rem!important}.daily>p{white-space:pre-line}.daily-action{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;background:#a8492c;color:white;text-decoration:none;border-radius:12px;padding:.65rem 1.1rem;min-height:46px;font-weight:700;font-size:.875rem;margin-top:auto}.daily-action:hover{background:#8f3d25}.dao-panel{background:#fffefa;padding:0;overflow:hidden;display:flex;flex-direction:column}.dao-photo{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:50% 50%}.dao-panel-body{padding:1.1rem 1.4rem}.dao-panel h2{font-size:1.25rem}.dao-panel p{font-size:.875rem}.link-row{display:flex;gap:1.25rem;margin:.8rem 0 .25rem;font-size:.875rem;font-weight:700;flex-wrap:wrap}.link-row a{display:inline-flex;align-items:center;gap:.4rem;min-height:40px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin:2.6rem 0 1.25rem;gap:1rem}.section-title h2{margin-top:.25rem}.section-title p{font-size:.8125rem;color:var(--muted);margin-top:.4rem}.section-title>a{font-size:.875rem;white-space:nowrap;min-height:40px;display:flex;align-items:center;gap:.5rem}.stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.stage-card{display:flex;align-items:flex-start;gap:1.1rem;background:#fffefa;border:1px solid var(--line);border-radius:13px;padding:1.2rem;text-decoration:none}.stage-card:hover{border-color:#8b9c87;background:#fff}.stage-number{font-size:1.6rem;font-family:var(--serif);line-height:1.4;color:var(--ai);min-width:47px;text-align:center;background:#eef0e8;border-radius:12px;padding:.3rem .3rem .45rem}.stage-number small{display:block;font:700 .6875rem var(--sans);letter-spacing:.1em;text-align:center;margin-top:.15rem}.stage-card:nth-child(n+6) .stage-number{background:#f4eadb;color:#825533}.stage-card strong{font-size:.98rem;display:block;margin:.1rem 0 .3rem}.stage-card>span:last-child{min-width:0}.stage-card>span>small{display:block;font-size:.8125rem;line-height:1.65}.stage-dots{display:flex;align-items:center;gap:5px;margin-top:.6rem}.stage-dots i{display:block;width:19px;height:4px;background:var(--mist);border-radius:2px}.stage-dots i.filled{background:var(--ok)}.stage-dots b{font-size:.75rem;font-weight:500;color:var(--muted);margin-left:.4rem}.stage-card.cleared{border-left:3px solid var(--ok)}.ranbou-message{display:flex;align-items:center;gap:1.25rem;padding:1.7rem 0;margin-top:1.5rem;border-top:1px dashed #c9c7b8}.ranbou-message>img{width:72px;height:72px;object-fit:cover;border-radius:50%;border:4px solid white;flex-shrink:0}.ranbou-message p{font-family:var(--serif);font-weight:700;margin:.25rem 0;color:var(--ai)}.certificate{background:#fffefa;margin:2.5rem auto 0;max-width:650px;border:4px double var(--ai);padding:2rem;text-align:center}.certificate h2{font-size:2rem}.certificate strong{display:block;font-family:var(--serif);font-size:1.4rem;color:var(--ember);margin:1rem}.certificate p{margin:.8rem 0}.certificate small,.certificate button{display:block;margin:.75rem auto}
/* Find, read, and practice. */
.course-tools{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.search-label{margin:0;position:relative;flex:1;min-width:220px}.search-label svg{position:absolute;top:15px;left:14px;color:var(--muted);width:20px}.search-label input{margin:0;padding-left:2.8rem}.stage-select{margin:0;display:flex;align-items:center;gap:.5rem;font-size:.875rem}.stage-select select{margin:0;max-width:260px;font-size:.875rem;min-height:53px}.check-inline{margin:0;display:flex;align-items:center;gap:.4rem;font-weight:500;font-size:.875rem}.lesson-card{display:flex;align-items:center;gap:1.25rem;text-decoration:none;padding:1.3rem 1.5rem;margin:.75rem 0;background:white;border:1px solid var(--line);border-radius:9px}.lesson-card:hover{border-color:var(--ai)}.lesson-index{font:700 1.45rem var(--serif);color:var(--ai);width:34px;text-align:center;flex-shrink:0}.lesson-index.done{color:var(--ok)}.lesson-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:.2rem}.lesson-copy strong{font-size:1.04rem}.lesson-copy small{font-size:.75rem}.lesson-copy>span{font-size:.875rem;color:var(--muted)}.read-label{font-size:.8125rem;flex-shrink:0}.empty{text-align:center;padding:3rem 1.5rem;background:white;border:1px dashed var(--line);border-radius:10px;margin:1.3rem 0}.empty p{color:var(--muted);margin:.7rem auto;max-width:560px}.source-box{margin-top:2rem;font-size:.9375rem;border-top:1px solid var(--line);padding:1.2rem 0}.source-box summary{cursor:pointer;font-weight:700}.source-box p{margin:1rem 0}.source-box small,.lesson-sources small,.account-grid small{display:block;font-size:.8125rem;margin-top:.2rem}.exam{margin:2rem 0;border-top:4px solid var(--ai)}.reader-top{max-width:800px;margin:0 auto 1.3rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.875rem}.reader-top .secondary{padding:.5rem .85rem;min-height:42px;font-size:.875rem;white-space:nowrap}.reader{max-width:800px;margin:auto;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.reader-heading{padding:1.7rem 2.5rem 2rem;background:var(--deep);color:white}.reader-brand{display:flex;align-items:center;gap:5px;font-size:.8125rem;margin-bottom:1rem;color:#e4e8df}.reader-brand .threads-symbol{margin-left:-7px}.reader-brand img{filter:invert(1)}.reader-jumps{display:flex;border-bottom:1px solid var(--line);background:#f5f3ea;padding:.35rem .75rem;gap:.4rem}.reader-jumps a{flex:1;text-align:center;font-size:.875rem;font-weight:700;padding:.65rem .3rem;text-decoration:none;min-height:44px;border-radius:8px}.reader-jumps a:hover{background:#e9ecdf}.lesson-block[id],.workbook[id]{scroll-margin-top:105px;outline:none}.lesson-block[id]:focus-visible,.workbook[id]:focus-visible{outline:2px solid var(--ember);outline-offset:6px}.reader-heading .eyebrow{color:#c3d3de}.reader-heading h1{margin:.7rem 0 1rem;font-size:clamp(1.8rem,3vw,2.3rem)}.reader-meta{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:#d5e1e9}.reader-meta button{background:none;border:1px solid #698196;color:#eef6fb;font-size:.8125rem;padding:.3rem .7rem}.lesson-block{margin:1.8rem 2.5rem}.lesson-block h2{font:700 .875rem var(--sans);color:var(--ai);padding-left:.7rem;border-left:3px solid var(--ai);margin-bottom:.75rem}.lesson-block p{white-space:pre-line;font-size:1rem;line-height:2}.lesson-block.k p{font-weight:700;font-size:1.12rem}.lesson-block.k{padding-bottom:1.7rem;border-bottom:1px solid var(--line)}.lesson-block.ng,.lesson-block.ok,.lesson-block.te{padding:1.1rem 1.3rem;border-radius:7px}.lesson-block.ng{background:#faf0ed}.lesson-block.ng h2{border-color:#a8492c;color:#8a3a2a}.lesson-block.ok{background:#edf6f1}.lesson-block.ok h2{color:var(--ok);border-color:var(--ok)}.lesson-block.te{background:var(--ember-bg);border:1px solid #e6c7b8}.lesson-block.te h2{color:var(--ember);border-color:var(--ember)}.lesson-block.h p,.lesson-block.tz p{color:#394c5d}.lesson-sources{padding:1.5rem 2.5rem;background:var(--paper);font-size:.875rem}.lesson-sources h2{font:700 .9rem var(--sans);margin-bottom:1rem}.workbook{margin:2.5rem;padding:1.6rem;background:#f4f2e8;border:1px solid var(--line);border-radius:9px}.workbook h2{margin:.5rem 0}.workbook textarea{background:white;font-weight:400}.record-buttons{display:flex;gap:.7rem;margin-top:1.25rem;flex-wrap:wrap}.publish-check{margin:1.3rem 0;font-size:.9375rem}.publish-check summary{cursor:pointer;font-weight:700}.publish-check ul{padding-left:1.3rem}.publish-check li{margin:.45rem 0}.lesson-pagination{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 2.5rem;border-top:1px solid var(--line);font-size:.9375rem}.notes-list{display:grid;gap:1.15rem;margin-top:1.5rem}.note-card{padding:1.7rem;border:1px solid var(--line);border-radius:10px;background:white}.note-card h2{font-size:1.25rem;margin:.3rem 0 1rem}.note-card h3{font-size:.8125rem;color:var(--muted);margin:1rem 0 .4rem}.note-card p{white-space:pre-line;font-size:.9375rem}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.account-grid .panel{min-width:0}.account-grid p{overflow-wrap:anywhere}.account-grid textarea[name=code]{font:400 .875rem/1.6 monospace;word-break:break-all}.account-grid dl{display:grid;grid-template-columns:1fr 1.5fr;font-size:.875rem;margin:1.25rem 0}.account-grid dt,.account-grid dd{padding:.5rem 0;margin:0;border-bottom:1px solid var(--line)}.account-grid dd{text-align:right;overflow-wrap:anywhere}.account-grid a{overflow-wrap:anywhere}
@media(min-width:1600px){.workspace{margin-right:auto}.auth-story{padding-left:max(5rem,calc((100vw - 1400px)/2))}.auth-photo{max-width:500px}}
@media(max-width:1100px){.workspace{padding:2rem 1.6rem 5rem;margin-left:175px}.sidebar{width:175px;padding:1.5rem .6rem}.sidebar nav a{padding:.8rem .85rem}.home-top{grid-template-columns:1.6fr 1fr}.continue-card{padding:1.4rem}.progress-panel{padding:1.3rem}.auth-main{padding:2rem 1.7rem}.auth-story{padding:2rem}.auth-form{padding:1.6rem}.home-bottom{gap:1rem}.daily{padding:1.3rem}.account-grid{grid-template-columns:1fr}.quick-links>a{padding:.75rem .6rem;gap:.45rem;font-size:.8125rem}.quick-links small{display:block;margin:0;line-height:1.3}.quick-links svg{width:20px}.welcome-photo{width:120px;height:120px}.home-welcome h1{font-size:1.9rem}}
@media(max-width:760px){
html{scroll-padding-top:82px}.topbar{height:69px;padding:0 1.15rem}.brand{font-size:1.17rem;gap:10px}.brand small{font-size:.6rem}.brand-mark{width:34px;height:34px;font-size:1.2rem}.dao-link{font-size:.72rem;padding:.4rem .65rem;gap:.35rem}.dao-link svg{width:18px;height:18px}.sidebar{width:100%;top:auto;bottom:0;right:0;border-right:0;border-top:1px solid var(--line);padding:7px 7px max(7px,env(safe-area-inset-bottom));z-index:30;box-shadow:0 -3px 15px #45452e05}.sidebar nav{display:flex;justify-content:space-around;gap:4px}.sidebar nav a{flex:1;flex-direction:column;gap:4px;padding:.35rem .2rem;font-size:.75rem;line-height:1.4;border-radius:9px;min-height:53px}.sidebar nav a svg{width:21px;height:21px}.sidebar nav .threads-symbol{height:21px;width:32px;margin:0}.sidebar nav .threads-symbol img{width:17px;height:auto;max-height:19px}.side-foot{display:none}.workspace{margin:0;padding:1.5rem 1.15rem 7rem}.page-heading{margin-bottom:1.4rem}.page-heading h1{font-size:1.65rem}.page-heading p{font-size:.875rem}.home-welcome{gap:1rem;margin-bottom:1.3rem}.home-welcome h1{font-size:1.55rem;margin:.5rem 0}.home-welcome .eyebrow{font-size:.75rem;letter-spacing:.03em}.home-welcome .page-heading>p{font-size:.75rem}.welcome-photo{width:96px;height:96px;border-width:5px;border-radius:18px;margin:0}.home-top{grid-template-columns:1fr;gap:.9rem}.continue-card{padding:1.25rem 1.35rem;border-radius:15px}.continue-card h2{font-size:1.4rem}.continue-card>p{font-size:.875rem}.continue-card .primary{width:100%;justify-content:space-between}.card-top{margin-bottom:1rem}.progress-panel{padding:1.1rem 1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.2rem;align-items:center;border-radius:15px}.progress-panel>.eyebrow{grid-column:1;font-size:.75rem}.progress-count{grid-column:2;grid-row:1/3;justify-content:flex-end;margin:0}.progress-count b{font-size:2.7rem}.progress-count span{font-size:.8125rem}progress{grid-column:1;grid-row:2}.progress-meta{grid-column:1/3;margin:.6rem 0 .2rem;font-size:.75rem}.progress-panel>.muted{grid-column:1/3;font-size:.75rem}.quick-links{gap:.5rem;margin-top:.85rem}.quick-links>a{flex-direction:column;justify-content:center;text-align:center;gap:.4rem;padding:.8rem .2rem;min-height:84px;font-size:.75rem;line-height:1.5}.quick-links>a>span:last-child{display:none}.quick-links small{display:inline;margin-left:.3rem;font-size:.6875rem}.quick-links svg{width:21px;height:21px}.home-bottom{grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.panel{padding:1.3rem}.panel h2{font-size:1.25rem}.daily-action{margin-top:1rem}.dao-panel{padding:0}.dao-panel-body{padding:1.1rem 1.3rem}.dao-photo{aspect-ratio:2/1}.section-title{margin:2rem 0 1rem}.section-title .eyebrow{font-size:.6875rem;letter-spacing:.06em}.section-title h2{font-size:1.2rem}.section-title>a{font-size:.75rem;gap:.2rem}.section-title p{font-size:.75rem}.stages{grid-template-columns:1fr;gap:.65rem}.stage-card{padding:1rem 1.1rem}.stage-card>span:last-child{flex:1}.stage-card strong{font-size:.98rem}.stage-card>span>small{font-size:.8125rem}.stage-number{min-width:47px;font-size:1.6rem}.ranbou-message{gap:.9rem}.ranbou-message>img{width:62px;height:62px}.ranbou-message p{font-size:.95rem}.ranbou-message small{font-size:.75rem}.course-tools{gap:.75rem}.search-label{flex-basis:100%}.stage-select{flex:1;min-width:0}.stage-select select{max-width:100%;min-width:0}.check-inline{font-size:.8125rem}.lesson-card{padding:1rem;gap:.85rem}.lesson-index{width:26px;font-size:1.2rem}.lesson-copy strong{font-size:.98rem}.lesson-copy>span{font-size:.8125rem}.read-label{display:none}.reader-top{align-items:flex-start;gap:.6rem;font-size:.8125rem}.reader-top>a{padding-top:.5rem}.reader-heading{padding:1.3rem 1.25rem 1.6rem}.reader-heading h1{font-size:1.7rem}.reader-brand{margin-bottom:.8rem}.reader-jumps{padding:.35rem .3rem;gap:0}.reader-jumps a{font-size:.8125rem;padding:.7rem .2rem}.lesson-block{margin:1.65rem 1.25rem}.lesson-block p{font-size:1rem;line-height:1.95}.lesson-block.k p{font-size:1.1rem}.lesson-block.ng,.lesson-block.ok,.lesson-block.te{padding:1rem}.lesson-block[id],.workbook[id]{scroll-margin-top:85px}.lesson-sources{padding:1.25rem}.workbook{margin:1.5rem 1rem;padding:1.1rem}.record-buttons>*{width:100%}.lesson-pagination{padding:1.25rem;font-size:.875rem}.toast{bottom:90px;width:max-content;max-width:calc(100vw - 30px);font-size:.875rem}.auth-layout{display:block}.auth-story{padding:1.2rem 1.4rem;display:grid;grid-template-columns:1fr 116px;gap:1rem;align-items:center}.auth-story>.brand{grid-column:1/3;margin-bottom:.1rem}.auth-message{margin:0}.auth-message h1{font-size:1.25rem;margin:.4rem 0 0;line-height:1.6}.auth-message>p,.auth-course,.auth-sign{display:none}.auth-message .eyebrow{font-size:.6875rem;letter-spacing:0}.auth-photo{margin:0;padding:5px;width:116px;border-radius:10px;align-self:end}.auth-photo>img{aspect-ratio:1/1;border-radius:6px;object-position:50% 50%}.auth-photo figcaption{display:none}.auth-main{padding:1.2rem 1.15rem 2.5rem}.auth-form{padding:1.35rem 1.25rem;border-radius:16px}.auth-form h2{font-size:1.6rem;margin:.6rem 0}.auth-form>.eyebrow{font-size:.75rem}.auth-form>p{font-size:.875rem;margin-bottom:1rem}.auth-form footer{margin-top:2rem}.join-header{padding:1.3rem}.juku-join{padding:0 1rem 3rem}.juku-join .card{padding:1.25rem}.juku-join h1{font-size:1.5rem}.juku-join .eyebrow{font-size:.7rem}.juku-benefits{padding:1rem;font-size:.875rem}.note-card{padding:1.25rem}.account-grid{gap:1rem}}
@media(max-width:370px){.workspace{padding-left:.8rem;padding-right:.8rem}.reader-heading h1{font-size:1.5rem}.topbar{padding:0 .8rem;gap:.5rem}.brand{font-size:1.05rem}.dao-link{font-size:.65rem;padding:.35rem .5rem}.dao-link svg{display:none}.home-welcome h1{font-size:1.4rem}.welcome-photo{width:80px;height:80px}.home-welcome .page-heading>p{font-size:.7rem}.course-tools .check-inline{width:100%}.auth-story{padding:1.1rem;grid-template-columns:1fr 96px;gap:.8rem}.auth-photo{width:96px}.auth-message h1{font-size:1.1rem}.auth-main{padding:1rem .8rem 2.5rem}.auth-form{padding:1.2rem}.quick-links>a{font-size:.6875rem}.chip{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}