@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#102a50;--teal:#087f88;--aqua:#dff4f3;--gold:#ffd65c;--cream:#fff8e8;--bg:#fdfcf8;--line:#e4e7e8;--muted:#5c6e87;--shadow:0 4px 20px #182c4310}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:var(--bg);font-family:'Noto Sans KR',sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--navy);border-radius:14px;padding:14px 20px;font-weight:700;transition:background .15s,transform .15s}button:hover{background:var(--aqua)}button:active{transform:translateY(1px)}button:disabled{opacity:.46;cursor:not-allowed}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #32a6b3;outline-offset:3px}header{height:78px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 30px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;color:var(--navy);white-space:nowrap}.brand em{font-style:normal;color:var(--teal)}.brand svg{color:var(--teal);margin-right:12px}.header-book{font-size:19px;font-weight:700;flex:1}.header-progress{display:flex;align-items:center;gap:14px}.track{width:180px;height:9px;background:#e9ebec;border-radius:20px;overflow:hidden}.track i{display:block;height:100%;background:#21adb4;border-radius:20px}.header-help{padding:9px 13px}.layout{max-width:1800px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr) 304px;min-height:calc(100vh - 78px)}nav{padding:28px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;background:#fffaf335}nav a{display:flex;align-items:center;gap:16px;padding:17px 16px;color:var(--navy);border-radius:13px;font-size:17px;font-weight:700}nav a:hover,nav a.active{background:var(--aqua)}nav a.active{color:#066d77}nav .nav-bottom{margin-top:auto;padding-top:30px;font-size:12px;line-height:1.8;color:var(--muted)}.icon{width:25px;height:25px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}main{padding:32px 28px;min-width:0}aside{border-left:1px solid var(--line);padding:28px 20px;background:linear-gradient(#fffdf7,#fafbf8)}aside h2{font-size:24px;display:flex;align-items:center;gap:10px;margin:3px 0 25px}.coach-bubble{background:var(--aqua);border-radius:28px 28px 8px 28px;padding:24px;font-size:21px;font-weight:700;line-height:1.7}.coach-art{display:block;width:210px;max-width:100%;height:auto;margin:28px auto;mix-blend-mode:multiply}.coach-note{background:var(--cream);border:1px solid #f3e7c8;border-radius:18px;padding:20px;line-height:1.85}.coach-note strong{display:block;margin-bottom:10px;color:#755221}.coach-note p{margin:0;color:var(--muted);font-size:14px}.coach-toggle{display:none}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;color:var(--teal);margin:0 0 10px}h1{font-size:40px;letter-spacing:-1.8px;line-height:1.25;margin:0 0 12px}h2{font-size:24px;letter-spacing:-.6px;margin:0 0 10px}h3{font-size:19px;margin:0 0 8px}p{line-height:1.7;margin:8px 0;color:var(--muted)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{margin:0}.inline-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}select,input,textarea{border:1px solid #d6dce1;border-radius:12px;background:white;color:var(--navy);padding:12px 14px}select{max-width:100%}.panel{background:white;border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:18px;box-shadow:var(--shadow)}.panel.cream{background:linear-gradient(130deg,#fff9e9,#fffdf7);border-color:#f1e8ce}.panel.aqua{background:linear-gradient(130deg,#effafa,#e2f5f4);border-color:#d6ecec}.panel-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-head .intro{display:flex;align-items:center;gap:16px}.round-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffdf7d;flex-shrink:0}.round-icon.teal{background:#bce9e9}.round-icon .icon{width:31px;height:31px}.primary{background:var(--teal);border-color:var(--teal);color:white}.primary:hover{background:#096b74}.yellow{background:var(--gold);border-color:var(--gold)}.yellow:hover{background:#ffdf81}.soft{background:#bde9eb;border-color:#bde9eb}.ghost{background:transparent}.small{font-size:12px;line-height:1.7}.pill{display:inline-block;background:#edf3f7;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--muted)}.pill.teal{background:var(--aqua);color:var(--teal)}.pill.gold{background:#fff0c3;color:#856000}.sealed-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sealed{background:#ffffffb8;border:1px solid #ecece5;border-radius:17px;min-height:143px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-weight:700}.sealed .icon{width:53px;height:60px;color:#8fa5ba;stroke-width:1.3}.empty{padding:25px;text-align:center;background:#f4f6f6;border-radius:14px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.stat strong{font-size:33px;display:block}.stat span{font-size:13px;color:var(--muted)}.books{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:25px 0}.book{padding:15px 12px;text-align:left;display:flex;flex-direction:column;min-height:230px;border-radius:16px}.book.active{border:2px solid #22a9b4;background:#effafa}.book strong{font-size:23px}.book span{font-size:13px;margin-top:7px;min-height:44px}.book img{width:100%;height:115px;object-fit:contain;margin-top:auto;mix-blend-mode:multiply}.book-subtitle{font-size:13px;font-weight:800;line-height:1.5;margin-top:4px}.units{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.unit{padding:20px;text-align:left;min-width:0}.unit p{font-size:13px}.unit progress{width:100%;height:8px;accent-color:var(--teal)}.unit .status{display:flex;gap:6px;margin:13px 0;flex-wrap:wrap}.letters{display:flex;flex-wrap:wrap;gap:5px}.letters button{padding:8px;width:34px;border-radius:8px}.letters button.active{background:var(--navy);color:white;border-color:var(--gold)}.formula-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.formula-card{text-align:left;padding:17px 12px;background:#edf5fb;border:0;min-height:160px}.formula-card:nth-child(2){background:#fff4ca}.formula-card:nth-child(3){background:#eaf3e2}.formula-card:nth-child(4){background:#ffeddf}.formula-card:nth-child(5){background:#f0eaff}.formula-card.active{box-shadow:inset 0 0 0 2px var(--teal)}.formula-card p{font-size:12px}.formula-card b{font-size:27px}.formula-detail{background:#f5f8f9;border-radius:14px;padding:18px;margin-top:14px}.word-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.word-links button{padding:8px 13px}.code-detail{display:grid;grid-template-columns:110px minmax(0,1fr) 210px;align-items:center;gap:20px;margin-top:16px}.code-detail .letter-big{font-size:90px;font-weight:900;text-align:center}.code-detail img{width:100%;height:150px;object-fit:contain}.study-card{min-height:660px;padding:28px;display:flex;flex-direction:column}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tabs button{background:#f3f5f6;border:0}.tabs button.active{background:#c6efed}.big-word{font-size:clamp(64px,8vw,122px);font-weight:900;line-height:1.1;text-align:center;letter-spacing:-4px;margin:35px 0 22px;overflow-wrap:anywhere}.word-row{display:flex;align-items:center;gap:20px}.word-row .big-word{text-align:left;margin:12px 0;font-size:clamp(50px,6.5vw,90px)}.tiles{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}.tiles button{min-width:80px;min-height:96px;font-size:52px;font-weight:900;border:2px solid var(--line);padding:8px 15px}.tiles button.active{background:var(--aqua);border-color:var(--teal)}.tile-detail{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:22px;background:#f5f7f8;border-radius:18px;min-height:148px;padding:15px}.tile-detail img{width:150px;height:120px;object-fit:contain}.bottom-question{margin-top:auto;text-align:center;border-top:1px solid var(--line);padding-top:22px}.bottom-question h2{margin-bottom:16px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.actions>*{flex:1;min-width:130px;max-width:330px}.guess{width:100%;max-width:600px;margin-top:16px}.connect-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center}.meaning{background:#fff0c6;padding:13px 25px;border-radius:15px;display:inline-block;font-size:29px;font-weight:800}.meaning-art{width:100%;height:300px;object-fit:contain}.audio-button{padding:12px;display:inline-flex;align-items:center;gap:8px}.audio-button .icon{width:22px}.example{border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:20px}.example .en{font-size:27px;font-weight:700;line-height:1.5;color:var(--navy)}.memory{background:var(--cream);border-radius:18px;padding:22px;margin-top:16px}.memory textarea{width:100%;margin-top:10px;resize:vertical;min-height:65px}.notice{padding:12px 16px;background:#eef6fa;border-radius:12px;color:#4c647f;font-size:13px;line-height:1.8}.question-area{text-align:center;padding:35px 20px;min-height:280px;display:flex;align-items:center;flex-direction:column;justify-content:center;background:#fafbf9;border-radius:20px;margin:22px 0}.question-area h2{font-size:35px;line-height:1.5}.question-area .prompt-word{font-size:56px;font-weight:900}.answer-input{width:100%;font-size:29px;text-align:center;letter-spacing:2px;padding:20px}.mode-select{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.mode-select button{padding:9px 13px;font-size:13px}.mode-select button.active{background:var(--teal);color:white}.feedback{padding:20px;border-radius:15px;margin-top:18px;background:#e8f4e9;line-height:1.7}.feedback.bad{background:#fff0e5}.feedback h3{color:var(--navy)}.help-used{color:#94630a;font-size:13px;margin:10px 0}.game-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.game-options button{padding:15px;position:relative}.game-options img{width:100%;height:160px;object-fit:contain}.game-options .key{display:inline-grid;place-items:center;background:#f0f3f5;width:28px;height:28px;border-radius:8px}.game-letter{font-size:120px;font-weight:900;text-align:center;margin:35px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:14px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}.search{width:100%}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.word-card{text-align:left;padding:15px;min-width:0}.word-card img{width:100%;height:125px;object-fit:contain}.word-card strong{display:block;font-size:18px;margin-top:8px}.word-card span{font-size:13px;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.result-score{font-size:64px;font-weight:900;color:var(--teal)}.loading{padding:100px;text-align:center}.skip{position:absolute;left:10px;top:-70px;background:white;padding:12px;z-index:50}.skip:focus{top:8px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;border-radius:13px;box-shadow:var(--shadow);z-index:80;display:none;max-width:90%;text-align:center}body.coach-hidden .layout{grid-template-columns:220px minmax(0,1fr)}body.coach-hidden aside{display:none}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.checks{display:flex;flex-direction:column;gap:14px;margin-top:20px;font-size:14px}.checks input{accent-color:var(--teal);width:18px;height:18px;margin-right:7px}.hint-box{background:var(--cream);padding:14px;border-radius:12px;margin-top:12px}.word-info{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
@media(min-width:1550px){main{padding:38px 35px}.layout{grid-template-columns:235px minmax(0,1fr) 345px}aside{padding:30px}.coach-art{width:240px}.study-card{min-height:770px}}
@media(max-width:1200px){.layout{grid-template-columns:180px minmax(0,1fr) 245px}nav a{font-size:15px;padding:16px 12px;gap:12px}main{padding:25px 20px}aside{padding:24px 16px}.coach-bubble{font-size:17px;padding:20px}.coach-art{width:185px}.books{grid-template-columns:repeat(3,1fr)}.book{min-height:210px}.book img{height:105px}.sealed-grid{gap:8px}.sealed{min-height:120px;font-size:13px}.formula-grid{grid-template-columns:repeat(3,1fr)}.units{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(3,1fr)}.code-detail{grid-template-columns:75px 1fr 150px}.code-detail .letter-big{font-size:70px}.header-progress .track{width:110px}}
@media(max-width:960px){.layout{grid-template-columns:150px minmax(0,1fr)}aside{display:none}.coach-toggle{display:inline-block}body.coach-open aside{display:block;position:fixed;right:12px;top:90px;width:280px;border:1px solid var(--line);border-radius:20px;z-index:40;max-height:80vh;overflow:auto;box-shadow:0 15px 70px #142e4f30}header{padding:0 20px;gap:20px}.brand{font-size:20px}.header-book{font-size:15px}nav{padding:20px 10px}nav a{font-size:14px;gap:9px;padding:15px 10px}.study-card{min-height:650px}.sealed-grid{grid-template-columns:repeat(5,1fr)}.sealed .icon{width:40px;height:45px}.connect-grid{grid-template-columns:1fr 1fr}.meaning-art{height:250px}.big-word{font-size:90px}body.coach-hidden .layout{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:650px){header{height:66px;padding:0 14px;gap:12px}.brand{font-size:18px}.brand svg{width:23px;margin-right:6px}.header-book{font-size:12px}.header-progress{display:none}.header-help{font-size:12px;padding:8px}.layout,body.coach-hidden .layout{display:block}nav{position:sticky;top:66px;z-index:15;flex-direction:row;overflow-x:auto;padding:6px;border-right:0;border-bottom:1px solid var(--line);background:#fffdf9;gap:2px}nav a{padding:10px 12px;white-space:nowrap;font-size:12px;gap:6px}nav .icon{width:18px;height:18px}nav .nav-bottom{display:none}main{padding:24px 15px}h1{font-size:31px}h2{font-size:21px}.page-head{flex-direction:column;gap:14px}.panel{padding:19px;border-radius:18px}.panel-head{flex-wrap:wrap}.panel-head .intro{gap:12px}.panel-head h2{font-size:21px}.round-icon{width:45px;height:45px}.panel-head>button{width:100%}.sealed-grid{grid-template-columns:repeat(3,1fr)}.sealed{min-height:107px}.sealed .icon{width:34px;height:42px}.stat-grid{gap:7px}.stat{padding:14px 10px}.stat strong{font-size:26px}.stat span{font-size:11px}.books{grid-template-columns:repeat(3,1fr);gap:7px}.book{min-height:185px;padding:11px 8px}.book strong{font-size:21px}.book span{font-size:11px}.book-subtitle{font-size:11px}.book img{height:80px}.units{grid-template-columns:1fr 1fr;gap:8px}.unit{padding:14px}.unit h3{font-size:15px}.formula-grid{grid-template-columns:1fr 1fr}.formula-card{min-height:140px}.code-detail{grid-template-columns:65px 1fr;gap:12px}.code-detail img{grid-column:1/-1;height:150px}.study-card{min-height:610px;padding:18px}.big-word{font-size:76px;margin:30px 0}.tiles{gap:8px}.tiles button{min-width:50px;min-height:66px;font-size:36px;padding:5px 10px}.tile-detail{gap:12px;min-height:115px}.tile-detail img{width:110px;height:95px}.tile-detail p{font-size:13px}.tabs button{font-size:13px;padding:12px}.actions{gap:8px}.actions>*{min-width:100px;font-size:14px;padding:13px}.connect-grid{grid-template-columns:1fr}.word-row .big-word{font-size:64px}.meaning-art{height:235px}.meaning{font-size:25px}.example .en{font-size:22px}.question-area{padding:25px 14px;min-height:220px}.question-area h2{font-size:29px}.question-area .prompt-word{font-size:44px}.answer-input{font-size:23px}.game-options{gap:8px}.game-options button{padding:10px}.game-options img{height:100px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:8px}.word-card img{height:100px}.row button{font-size:13px}.loading{padding:80px 15px}body.coach-open aside{top:130px}.header-progress{display:none}.game-letter{font-size:90px}}

.memory-connection{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fffdf9}.memory-link{padding:14px 0;border-bottom:1px solid var(--line)}.memory-link p{margin:8px 0;line-height:1.7}.memory-code-cards{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.memory-code-cards>div{display:flex;flex-direction:column;align-items:center;gap:6px;width:120px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.memory-code-cards img{width:90px;height:85px;object-fit:contain}.memory-code-cards span{font-size:13px}.word-combination{margin-top:18px}.word-combination summary{cursor:pointer;font-weight:700;padding:12px 0}.word-combination img{display:block;width:100%;max-width:650px;max-height:410px;object-fit:contain;margin:12px auto;background:white}.word-combination p{line-height:1.8;overflow-wrap:anywhere}@media(max-width:600px){.memory-connection{padding:14px}.word-combination img{max-height:250px}}

/* LayerLab dashboard reference: 1536×1024, top-left origin.
   Layout/text/controls remain native; illustrations reuse original high-resolution assets. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.birdview{background:#fdfdfb;font-size:14px}
.birdview header{height:58px;padding:0 24px;gap:20px;background:#fff}
.birdview .brand{font-size:18px;letter-spacing:-.6px}.birdview .brand svg{width:18px;height:18px;margin-right:10px;stroke-width:1.5}
.birdview .header-book{font-size:14px}.birdview .track{width:130px;height:7px}.birdview .header-progress{font-size:13px;gap:10px}.birdview .header-help{font-size:13px;border-radius:11px;padding:8px 11px}.birdview .header-help .icon{width:19px;height:19px}
.birdview .layout{max-width:none;grid-template-columns:226px minmax(0,1fr) 310px;min-height:calc(100vh - 58px)}
.birdview nav{padding:26px 18px 36px 46px;gap:14px;background:transparent}.birdview nav a{height:44px;padding:10px 16px;gap:16px;font-size:15px;border-radius:10px;white-space:nowrap}.birdview nav .icon{width:22px;height:22px;stroke-width:1.6}.birdview nav .nav-bottom{padding-top:30px;font-size:11px}.birdview .nav-bottom a{height:auto;padding-left:6px!important;font-size:11px!important;color:var(--navy)}
.birdview main{padding:22px 20px 30px 25px}.birdview .page-head{margin-bottom:14px}.birdview .eyebrow{font-size:10px;letter-spacing:1.3px;margin:0 0 4px}.birdview h1{font-size:30px;letter-spacing:-1.1px;line-height:1.25;margin:0 0 6px}.birdview .page-head p:not(.eyebrow){font-size:13px;line-height:1.7}
.birdview aside{padding:24px 38px 30px 26px;background:transparent}.birdview aside h2{font-size:19px;margin:0 0 22px;gap:9px;letter-spacing:-.5px}.birdview aside h2 .icon{width:20px;height:20px}.birdview .coach-bubble{padding:17px 23px;font-size:17px;line-height:1.6;border-radius:18px;margin-bottom:17px;background:#e1f5f4}.birdview .coach-art{width:224px;max-width:100%;height:auto;margin:18px auto 23px}.birdview .coach-note{padding:16px 21px;border-radius:15px;line-height:1.8}.birdview .coach-note strong{font-size:14px;margin-bottom:8px}.birdview .coach-note .icon{width:21px;height:21px}.birdview .coach-note p{font-size:13px}
.dashboard-summary{display:grid;grid-template-columns:1fr 1.05fr 1.13fr 1.12fr 1.26fr 1.02fr;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;height:81px;margin-bottom:12px;padding:10px 0}
.summary-stat{display:flex;align-items:center;gap:10px;border-right:1px solid #e7edf0;padding:6px 15px;min-width:0;height:57px}.summary-stat span:not(.summary-icon){font-size:12px;white-space:nowrap;display:block;font-weight:500}.summary-stat strong{display:block;font-size:22px;line-height:1.5}.summary-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#e1f6f7;color:#0f375d;flex:none}.summary-icon .icon{width:22px;height:22px;stroke-width:1.6}.summary-icon.gold{background:#ffebae}.review-stat{border-top:0;border-bottom:0;border-left:0;border-radius:0;text-align:left;background:transparent;font-weight:500}.review-stat:disabled{opacity:1;cursor:default}.summary-resume{padding:0 14px}.summary-resume button{height:59px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;padding:10px;border-radius:9px;white-space:nowrap;background:#cceff0;border-color:#cceff0}.summary-resume button .icon{width:20px;height:20px}.summary-new{position:relative;padding:0 14px;border-left:1px solid #e7edf0;min-width:0}.summary-new>button{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;border-radius:8px;text-align:left;font-size:12px;font-weight:500;min-height:56px}.summary-new strong{font-size:21px;display:block;line-height:1.5}.summary-new select{position:absolute;right:5px;top:33px;width:18px;height:22px;font-size:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--teal);cursor:pointer}.summary-new option{font-size:14px}
.dashboard-panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 15px 12px;margin-bottom:12px;overflow:hidden}.dashboard-panel h2{font-size:20px;letter-spacing:-.7px;line-height:1.4;margin:0 0 9px}.book-panel h2{padding:0 2px;margin-bottom:9px}.dash-table-scroll{overflow-x:auto;width:100%;scrollbar-width:thin}.dashboard-panel table{table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:12px;color:#163457}.dashboard-panel th,.dashboard-panel td{border-bottom:1px solid #edf0f2;padding:0 16px;white-space:normal}.dashboard-panel thead th{background:#f1f7fa;height:36px;font-size:12px;color:#18345d;font-weight:600;border-right:1px solid #eaf0f3;border-bottom:0}.dashboard-panel thead th:first-child{border-radius:7px 0 0 7px}.dashboard-panel thead th:last-child{border-radius:0 7px 7px 0;border-right:0}.dashboard-panel tbody tr:last-child td,.dashboard-panel tbody tr:last-child th{border-bottom:0}.book-table tbody td,.book-table tbody th{height:49px}.book-table tbody td{border-right:1px solid #eff2f3}.book-table tbody td:last-child{border-right:0;padding:0 12px}.book-table tbody th{padding:0 16px}.book-table tr.selected td,.book-table tr.selected th{background:#eafbfb}.book-table tr.selected th{border-left:2px solid #329eac;padding-left:14px;border-radius:3px 0 0 3px}.book-table tr.selected td:last-child{border-radius:0 3px 3px 0}.book-select{display:flex;align-items:center;gap:16px;padding:0;border:0;background:transparent!important;border-radius:4px;text-align:left;width:100%;height:48px;font-size:13px;font-weight:600;letter-spacing:-.45px}.book-select img{width:70px;height:39px;object-fit:contain;flex:none;mix-blend-mode:multiply;border-radius:3px}.book-select b{font-size:15px}.book-select span{white-space:nowrap}.book-start{font-size:12px;width:100%;padding:0 5px;height:35px;border-radius:6px;border-color:#d5dfe9;background:#f6f9fc;font-weight:600;white-space:nowrap}.book-start.primary{background:#329aa6;border-color:#329aa6;color:#fff}.book-start.primary:hover{background:#187d89}.dash-meter{font-size:12px;white-space:nowrap;line-height:1.4}.dash-meter progress{display:block;appearance:none;-webkit-appearance:none;border:0;background:#e3e8ee;border-radius:6px;width:100%;height:8px;margin-top:6px;overflow:hidden}.dash-meter progress::-webkit-progress-bar{background:#e3e8ee;border-radius:6px}.dash-meter progress::-webkit-progress-value{background:#3ea5af;border-radius:6px}.dash-meter progress::-moz-progress-bar{background:#3ea5af;border-radius:6px}
.topic-panel{padding-top:13px;padding-bottom:8px}.topic-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:9px}.topic-heading h2{margin:0;font-size:20px}.topic-controls{display:flex;gap:11px;align-items:center;flex-shrink:0}.topic-search{position:relative;width:207px}.topic-search .icon{position:absolute;left:10px;top:8px;width:17px;height:17px;color:#788ba7}.topic-search input{border-radius:6px;width:100%;height:34px;padding:7px 10px 7px 36px;font-size:11px;border-color:#dbe3ed}.topic-controls select{height:34px;font-size:11px;border-radius:6px;padding:5px 12px;max-width:130px;border-color:#dbe3ed;font-weight:600}.topic-table thead th{height:30px;font-size:11px}.topic-table th:not(:first-child),.topic-table td{text-align:center;border-right:1px solid #edf0f4}.topic-table td:last-child{border-right:0}.topic-table tbody th,.topic-table tbody td{height:32px;font-size:12px}.topic-table tbody th{font-weight:600;border-right:1px solid #edf0f4}.topic-link{padding:0;border:0;border-radius:3px;background:transparent;text-align:left;font-size:13px;font-weight:600;line-height:1.4;color:var(--navy)}.topic-link:hover{color:var(--teal);text-decoration:underline;background:transparent}.topic-status{display:inline-block;background:#edf1f6;color:#425d7f;font-size:10px;line-height:20px;padding:0 12px;border-radius:15px;white-space:nowrap}.topic-status.active{background:#ddf6f6;color:#098391}.topic-status.done{background:#e9f2df;color:#547630}.topic-footer{border-top:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:13px 3px 6px;color:#496181;font-size:12px}.topic-footer button{font-size:12px;border:0;padding:0;border-radius:3px;background:transparent;color:var(--navy)}.topic-footer .icon{width:16px;height:16px}.topic-empty{padding:28px 15px;text-align:center;color:var(--muted);line-height:1.8}.birdview.coach-hidden .layout{grid-template-columns:226px minmax(0,1fr)}
@media(min-width:1700px){.birdview main{padding:28px 30px}.birdview .layout{grid-template-columns:226px minmax(0,1fr) 310px}.dashboard-panel table{font-size:13px}.book-table tbody td,.book-table tbody th{height:55px}.topic-table tbody th,.topic-table tbody td{height:38px}}
@media(max-width:1300px){.birdview .layout{grid-template-columns:185px minmax(0,1fr) 265px}.birdview nav{padding-left:20px;padding-right:15px}.birdview main{padding-left:20px}.birdview aside{padding:24px 20px}.summary-stat{padding:6px 9px;gap:7px}.summary-icon{width:31px;height:31px}.summary-stat span:not(.summary-icon){font-size:10px}.summary-resume{padding:0 8px}.summary-resume button{font-size:11px;gap:5px}.summary-new{padding:0 8px}.summary-new>button{font-size:10px;gap:5px}.book-select{gap:9px;font-size:11px}.book-select img{width:49px}.dashboard-panel th,.dashboard-panel td{padding:0 10px}.book-table tbody th{padding:0 10px}.book-table tr.selected th{padding-left:8px}.topic-heading{flex-wrap:wrap}.topic-controls{margin-left:auto}.birdview.coach-hidden .layout{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:1050px){.birdview .layout,.birdview.coach-hidden .layout{grid-template-columns:160px minmax(0,1fr)}.birdview aside{display:none}.birdview nav{padding:20px 10px}.birdview nav a{font-size:14px;padding:10px;gap:10px}.birdview .dashboard-summary{grid-template-columns:repeat(4,1fr);height:auto;padding:8px;row-gap:10px}.summary-stat{border:0}.summary-resume,.summary-new{grid-column:span 2}.summary-resume button{height:42px}.summary-new>button{min-height:42px}.summary-new select{left:125px;top:20px;right:auto}.summary-new{border:0}.book-table{min-width:660px}.topic-table{min-width:520px}.birdview.coach-open aside{display:block;top:70px;width:280px;right:12px;background:#fdfcf8;border-radius:16px;box-shadow:0 15px 70px #142e4f30}}
@media(max-width:650px){.birdview header{height:58px;padding:0 12px;gap:10px}.birdview .brand{font-size:15px}.birdview .brand svg{margin-right:5px;width:16px}.birdview .header-book{font-size:11px}.birdview .header-help{font-size:11px;padding:7px}.birdview .header-help .icon{width:15px;height:15px}.birdview .layout,.birdview.coach-hidden .layout{display:block}.birdview nav{top:58px;gap:3px;flex-direction:row;padding:5px 7px;background:#fffdf9}.birdview nav a{height:38px;font-size:12px;padding:8px 10px;gap:6px}.birdview nav .icon{width:17px;height:17px}.birdview main{padding:22px 14px}.birdview h1{font-size:27px}.birdview .page-head p:not(.eyebrow){font-size:12px}.dashboard-summary{grid-template-columns:repeat(2,1fr)!important;gap:6px;padding:8px!important}.summary-stat{padding:7px 10px;height:52px}.summary-stat span:not(.summary-icon){font-size:11px}.summary-stat strong{font-size:22px}.summary-resume,.summary-new{grid-column:span 1}.summary-new select{left:auto;right:8px;top:22px}.summary-resume{padding:0 4px}.summary-resume button{font-size:11px;padding:8px;gap:4px}.summary-resume button .icon{width:16px;height:16px}.summary-new>button{font-size:11px;gap:7px}.summary-new strong{font-size:19px}.dashboard-panel{padding:12px 10px}.dashboard-panel h2,.topic-heading h2{font-size:18px}.topic-heading{gap:11px;margin-bottom:12px}.topic-controls{width:100%;gap:8px}.topic-search{flex:1;width:auto}.topic-controls select{max-width:110px}.topic-footer{font-size:11px;gap:10px}.topic-footer button{font-size:11px}.birdview.coach-open aside{top:116px}.birdview .header-progress{display:none}}
/* Final spacing pass against the LayerLab reference. */
.birdview .page-head{margin-bottom:10px}.birdview .eyebrow{line-height:1.2}.birdview h1{margin-bottom:2px}.birdview .coach-art{width:216px}.book-select img{object-fit:cover}
.birdview .book-select{font-size:12px}
@media(max-width:1300px){.birdview .book-select{font-size:11px}.birdview .book-select span{white-space:normal;line-height:1.3;min-width:0}}

/* Focused learning: the dashboard menu returns when learning is paused. */
body.learning-mode #nav{display:none}
body.learning-mode .layout{grid-template-columns:minmax(0,1fr) 304px}
body.learning-mode.coach-hidden .layout{grid-template-columns:minmax(0,1fr)}
.quit-study{flex-shrink:0;white-space:nowrap;padding:10px 16px;border-color:#cbd8de;background:#fff;font-size:14px;min-height:44px}
body.learning-mode .header-help{flex-shrink:0}
@media(min-width:1550px){body.learning-mode .layout{grid-template-columns:minmax(0,1fr) 345px}}
@media(max-width:1200px){body.learning-mode .layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:960px){body.learning-mode .layout,body.learning-mode.coach-hidden .layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){body.learning-mode header{gap:8px;padding:0 12px}body.learning-mode .brand{font-size:16px;margin-right:auto}body.learning-mode .brand svg{width:18px;margin-right:4px}body.learning-mode .header-book{display:none}body.learning-mode .header-help{min-height:44px;padding:8px;font-size:12px}body.learning-mode .header-help .icon{width:18px;height:18px}.quit-study{font-size:13px;padding:10px 12px}body.learning-mode.coach-open aside{top:78px}}
@media(max-width:360px){body.learning-mode .brand{font-size:14px}body.learning-mode .brand svg{display:none}}

.drill-guide{background:#eef9f8;border:1px solid #cce8e5;border-radius:18px;padding:20px 24px;margin-bottom:18px}.drill-guide ol{display:flex;list-style:none;padding:0;margin:12px 0;gap:10px}.drill-guide li{flex:1;display:flex;gap:9px;align-items:center;border-radius:12px;background:#fff;padding:12px;color:var(--muted);font-size:14px}.drill-guide li span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf2f5;flex-shrink:0}.drill-guide .current{background:var(--teal);color:#fff;font-weight:800}.drill-guide .current span{background:#ffffff30}.drill-guide .done{color:var(--teal)}.drill-guide p{font-size:13px;margin-bottom:0}
@media(max-width:650px){.drill-guide{padding:16px}.drill-guide ol{flex-direction:column;gap:6px}.drill-guide li{padding:9px 12px;font-size:13px}}

.picture-prompt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;width:100%}.drill-picture{margin:16px auto;max-width:480px;width:100%;text-align:center}.drill-picture img{display:block;max-width:100%;width:100%;height:250px;object-fit:contain;background:#fff;border-radius:16px}.drill-picture figcaption{color:var(--muted);font-size:12px;line-height:1.6;margin-top:10px}.picture-prompt .drill-picture{margin:0}.feedback .drill-picture img{height:220px}
@media(max-width:650px){.picture-prompt{grid-template-columns:1fr;gap:14px}.drill-picture img{height:210px}.drill-picture figcaption{font-size:11px}.picture-prompt .prompt-word{font-size:40px}}

/* Image review release: separate letter labels and fresh-scene prompts. */
.transfer-picture{max-width:620px;margin:0 auto 20px;}
.transfer-picture img{width:100%;max-height:400px;object-fit:contain;}
.game-options img{object-fit:contain;background:#fff;}