:root{--bg:#f5f7f4;--surface:#ffffff;--surface-soft:#eef5f3;--ink:#172033;--muted:#617084;--line:#d8e2e0;--blue:#0f5d7f;--green:#2b7a5b;--amber:#b87414;--red:#b42318;--shadow:0 18px 60px rgba(23,32,51,0.1)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);background:linear-gradient(135deg,rgba(15,93,127,.08),transparent 36rem),linear-gradient(315deg,rgba(43,122,91,.08),transparent 32rem),var(--bg);font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Meiryo,system-ui,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell,.auth-shell{min-height:100vh;padding:24px}.auth-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:24px;width:min(1040px,100%);margin:5vh auto 0}.app-header,.auth-copy,.login-form,.main-panel,.question-card,.result-panel,.side-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-copy{min-height:520px;padding:34px;color:#fff;background:linear-gradient(145deg,rgba(15,93,127,.95),rgba(33,87,69,.92)),#0f5d7f}.brand{margin:0 0 10px;font-size:14px;font-weight:800;color:inherit}.brand-logo{display:block;width:min(217px,100%);height:auto;object-fit:contain}.brand-logo--on-color{margin:0 0 18px;padding:8px 12px;background:#fff;border-radius:12px}.app-header h1,.auth-copy h1{margin:0;font-size:clamp(28px,5vw,48px);line-height:1.24}.auth-copy p{max-width:620px;color:rgba(255,255,255,.9);font-size:17px;line-height:1.9}.demo-box{display:grid;gap:6px;margin-top:32px;padding:18px;color:#123;background:rgba(255,255,255,.92);border-radius:14px}.demo-box span{font-size:14px}.login-form{display:grid;align-content:center;gap:18px;padding:30px}.login-form h2,.main-panel h2,.side-panel h2{margin:0;font-size:22px}.login-form label{display:grid;gap:8px;color:var(--ink);font-weight:800}.login-form input,.side-panel select{width:100%;min-height:52px;padding:0 14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;outline:none}.login-form input:focus,.side-panel select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,93,127,.14)}.login-form button,.submit-button{min-height:54px;padding:0 22px;color:#fff;background:var(--blue);border:0;border-radius:999px;font-weight:900}.error-message,.status-message{margin:0;padding:12px 14px;color:var(--red);background:#fff1f0;border:1px solid #ffd0cc;border-radius:12px;font-weight:800}.status-message.success{color:var(--green);background:#eef8f2;border-color:#b9dec8}.setup-summary{display:grid;gap:4px;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.setup-summary span{color:var(--muted);font-size:12px;font-weight:900}.setup-summary strong{font-size:24px}.setup-summary small{color:var(--muted);font-size:14px}.setup-login-link{display:grid;place-items:center;min-height:54px;color:#fff;background:var(--blue);border-radius:999px;font-weight:900;text-decoration:none}.app-shell{width:min(1220px,100%);margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px}.app-header .brand{color:var(--blue)}.brand-logo--header{width:min(190px,100%);margin:0 0 12px}.secondary-button,.text-button{min-height:44px;padding:0 18px;color:var(--blue);background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:900}.tab-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 26px rgba(23,32,51,.06)}.tab-nav button{min-height:44px;padding:8px 10px;color:var(--muted);background:transparent;border:0;border-radius:10px;font-weight:900}.tab-nav button.active{color:#fff;background:var(--blue)}.text-button{min-height:auto;padding:0;border:0;background:transparent}.dashboard-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:18px}.main-panel,.side-panel{padding:22px}.side-panel{align-self:start;display:grid;gap:18px}.status-list{display:grid;gap:10px;margin:0}.status-list div{padding:12px;background:var(--surface-soft);border-radius:12px}.status-list dt{color:var(--muted);font-size:13px;font-weight:800}.status-list dd{margin:4px 0 0;font-weight:900}.notice-panel{display:grid;gap:10px}.notice-panel h3{margin:0;font-size:16px}.notice-panel article{padding:12px;background:#fff9ea;border:1px solid #f0dca8;border-radius:12px}.notice-panel p{margin:6px 0 0;color:var(--muted);font-size:14px}.portal-section,.test-list,.test-runner{display:grid;gap:18px}.summary-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.action-item,.empty-state,.info-card,.notice-card,.slot-card,.summary-tiles article{padding:16px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px}.action-item span,.info-card span,.slot-card span,.summary-tiles span{color:var(--blue);font-size:12px;font-weight:900}.summary-tiles strong{display:block;margin-top:4px;font-size:34px;line-height:1.1}.action-item small,.slot-card small,.summary-tiles small{display:block;margin-top:6px;color:var(--muted);line-height:1.6}.action-list,.stack-list{display:grid;gap:10px}.home-bento,.recommend-panel,.reservation-inline{display:grid;gap:14px;padding:18px;background:#fbfcfd;border:1px solid var(--line);border-radius:16px}.section-heading.compact h2{font-size:18px}.notice-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice-card{display:grid;gap:10px}.notice-card summary{cursor:pointer;list-style:none}.notice-card summary::-webkit-details-marker{display:none}.notice-card summary span{display:block;color:var(--blue);font-size:12px;font-weight:900}.notice-card summary strong{display:block;margin-top:5px;line-height:1.5}.notice-card p{margin:0;color:var(--muted);line-height:1.8}.learning-guide{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:16px;padding:18px;background:#f5faf7;border:1px solid rgba(43,122,91,.24);border-radius:14px}.learning-guide span,.mini-action span,.result-next-actions>span{color:var(--blue);font-size:12px;font-weight:900}.learning-guide h3{margin:6px 0 8px;font-size:20px;line-height:1.45}.learning-guide p,.learning-guide ul{margin:0;color:var(--muted);line-height:1.8}.learning-guide ul{padding-left:1.2em}.question-bank-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;padding:18px;background:#f7f9ff;border:1px solid rgba(15,93,127,.22);border-radius:14px}.practice-group-heading h3,.question-bank-card>div>span{color:var(--blue);font-weight:900}.practice-group-heading h3,.question-bank-card h3{margin:5px 0 6px}.practice-group-heading p,.question-bank-card p{margin:0;color:var(--muted);line-height:1.7}.question-bank-card ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.question-bank-card li{display:grid;align-content:center;gap:3px;min-height:78px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px}.question-bank-card li strong{color:var(--green);font-size:20px}.question-bank-card li span{color:var(--muted);font-size:11px;line-height:1.45}.practice-group,.practice-groups{display:grid;gap:14px}.practice-groups{gap:24px}.practice-group-heading{padding-bottom:10px;border-bottom:1px solid var(--line)}.practice-group-heading h3{font-size:18px}.answer-meta-chips,.answer-trap-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.answer-meta-chips span,.answer-trap-chips span{padding:4px 8px;color:var(--blue);background:#eef7fb;border:1px solid rgba(15,93,127,.2);border-radius:999px;font-size:11px;font-weight:800}.answer-trap-chips span{color:#8a4d00;background:#fff6df;border-color:rgba(183,111,0,.24)}.decisive-point{padding:10px 12px;background:#fffaf0;border-left:4px solid var(--amber);border-radius:6px}.trap-weak-list em{background:var(--blue)}.mini-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-action{display:grid;gap:5px;padding:12px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px}.mini-action:hover{border-color:var(--blue);box-shadow:0 8px 18px rgba(15,93,127,.1)}.mini-action strong{font-size:14px;line-height:1.45}.mini-action small{color:var(--muted)}.compact-button{width:fit-content;padding:0 14px}.action-item{display:grid;gap:4px;text-align:left}.action-item:hover,.info-card:hover,.slot-card:hover{border-color:var(--blue)}.info-card{display:grid;gap:8px}.action-item strong,.info-card strong,.slot-card strong{font-size:18px;line-height:1.5}.empty-state,.info-card p{margin:0;color:var(--muted);line-height:1.7}.weak-card{background:#fff9ea;border-color:#f0dca8}.field-label{display:grid;gap:8px;font-weight:900}.field-label input{width:min(460px,100%);min-height:52px;padding:0 14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;outline:none}.field-label input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,93,127,.14)}.slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slot-card{display:grid;gap:4px;cursor:pointer}.slot-card input{position:absolute;opacity:0;pointer-events:none}.slot-card.selected{background:#eef8f2;border-color:var(--green);box-shadow:inset 5px 0 0 rgba(43,122,91,.5)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.runner-header p,.section-heading p{margin:4px 0 0;color:var(--muted)}.test-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.practice-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.practice-card{display:grid;gap:6px;min-height:136px;padding:14px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px}.practice-card:hover{border-color:var(--blue);box-shadow:0 8px 20px rgba(15,93,127,.1)}.practice-card span{width:fit-content;color:var(--blue);font-size:11px;font-weight:900}.practice-card strong{font-size:15px;line-height:1.45}.practice-card small{color:var(--muted);font-size:12px;line-height:1.55}.practice-card em{color:var(--green);font-size:12px;font-style:normal;font-weight:900}.test-card{display:grid;gap:9px;min-height:172px;padding:18px;text-align:left;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px}.test-card:hover{border-color:var(--blue);box-shadow:0 10px 28px rgba(15,93,127,.12)}.question-meta span,.result-panel span,.test-card span,.timer-box span{width:fit-content;color:var(--blue);font-size:12px;font-weight:900}.test-card strong{font-size:19px;line-height:1.45}.test-card small{color:var(--muted);font-size:14px;line-height:1.7}.test-card em{color:var(--green);font-size:13px;font-style:normal;font-weight:900}.test-confirm{display:grid;gap:18px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px}.test-confirm>span{width:fit-content;padding:5px 10px;color:#fff;background:var(--blue);border-radius:999px;font-size:12px;font-weight:900}.test-confirm h2{margin:0;font-size:26px;line-height:1.4}.test-confirm p{margin:0;color:var(--muted);line-height:1.8}.test-confirm dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.test-confirm dl div{padding:12px;background:var(--surface-soft);border-radius:12px}.test-confirm dt{color:var(--muted);font-size:12px;font-weight:900}.test-confirm dd{margin:4px 0 0;font-weight:900}.confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.runner-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.runner-header h2{margin-top:8px}.timer-box{display:grid;place-items:center;min-width:140px;min-height:84px;padding:12px;background:var(--surface-soft);border-radius:14px}.timer-box strong{font-size:22px}.question-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:16px;align-items:start}.question-list{display:grid;gap:14px}.question-body{min-width:0}.question-body--visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.78fr);gap:16px;align-items:start}.question-copy{min-width:0}.question-visual-stack{display:grid;gap:10px;min-width:0}.question-card{padding:18px;box-shadow:none}.question-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.question-meta span{padding:4px 9px;background:var(--surface-soft);border-radius:999px}.question-card h3{margin:0 0 8px;font-size:18px}.prompt{margin:0;font-size:17px;font-weight:800;line-height:1.8}.scene{margin:12px 0 0;padding:12px;color:#30465c;background:#f3f7fb;border-left:4px solid var(--blue);border-radius:10px}.question-illustration{display:block;width:min(680px,100%);max-height:420px;margin:14px 0;object-fit:contain;background:#f8fafc}.question-illustration,.question-visual{border:1px solid var(--line);border-radius:12px}.question-visual{width:100%;margin:0;padding:12px;background:#fff}.question-preview-panel{position:sticky;top:16px;display:grid;gap:12px;padding:14px;background:#f7fafc;border:1px solid var(--line);border-radius:16px}.question-preview-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.question-preview-heading div{display:grid;gap:2px}.question-preview-heading span{color:var(--blue);font-size:12px;font-weight:800}.question-preview-heading strong{font-size:15px}.question-preview-heading em{padding:4px 8px;color:var(--blue);background:#e7f1fb;border-radius:999px;font-size:12px;font-style:normal;font-weight:800}.question-preview-note{margin:0;color:#496174;font-size:12px;line-height:1.6}.question-preview-list{display:grid;gap:8px}.question-preview-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-height:64px;padding:6px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none}.question-preview-item:focus-visible,.question-preview-item:hover{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(29,104,168,.14)}.question-preview-item__number{color:var(--blue);font-size:12px;font-weight:900;text-align:center}.question-preview-item__images{display:flex;gap:4px;min-width:0;overflow:hidden}.question-preview-item__images img{display:block;width:88px;height:52px;object-fit:contain;background:#fff}.question-visual-image{display:block;width:100%;height:auto;object-fit:contain}.question-visual figcaption{display:grid;gap:4px;margin-top:8px;color:#30465c;font-size:12px;line-height:1.5}.question-visual figcaption strong{color:var(--ink);font-size:14px}.question-visual figcaption a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.answer-grid label{display:grid;place-items:center;min-height:52px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;font-size:18px;font-weight:900}.answer-grid label.selected{color:#fff;background:var(--green);border-color:var(--green)}.answer-grid input{position:absolute;opacity:0;pointer-events:none}.statement-list{display:grid;gap:12px;margin-top:14px}.statement-item{padding:14px;background:#fbfcfd;border:1px solid var(--line);border-radius:12px}.statement-item p{margin:0;font-weight:800}.submit-button{width:min(280px,100%)}.result-panel{display:grid;gap:18px;padding:22px;border-color:rgba(43,122,91,.35);background:#f5fbf8;box-shadow:none}.result-panel strong{display:block;margin-top:4px;font-size:42px}.result-panel p{margin:8px 0 0;color:var(--muted)}.weak-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.result-next-actions{display:grid;gap:10px}.weak-list em{padding:6px 10px;color:#fff;background:var(--amber);border-radius:999px;font-size:13px;font-style:normal;font-weight:900}.result-panel summary{cursor:pointer;font-weight:900}.detail-list{display:grid;gap:12px;margin-top:12px}.detail-list article{padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.detail-list article.answer-detail.incorrect{background:#fff6f5;border-color:#f3b8b2;box-shadow:inset 5px 0 0 rgba(180,35,24,.55)}.detail-list article.answer-detail.incorrect strong{color:var(--red)}.detail-list p{color:var(--ink);font-size:14px}@media (max-width:860px){.app-shell,.auth-shell{padding:14px}.auth-panel,.dashboard-grid,.learning-guide,.mini-action-grid,.notice-bento,.practice-card-grid,.question-bank-card,.question-bank-card ul,.slot-grid,.summary-tiles,.tab-nav,.test-cards,.test-confirm dl{grid-template-columns:1fr}.auth-copy{min-height:auto;padding:24px}.app-header,.runner-header,.section-heading{align-items:stretch;flex-direction:column}.secondary-button,.submit-button{width:100%}.main-panel,.side-panel{padding:16px}.timer-box{width:100%}}@media (max-width:980px){.question-workspace{grid-template-columns:minmax(0,1fr)}.question-preview-panel{position:static;order:-1}.question-preview-list{grid-template-columns:repeat(2,minmax(0,1fr))}.question-body--visual{grid-template-columns:minmax(0,1fr)}}main.app-shell{width:100%;max-width:1220px;margin:0 auto}.app-shell .app-header,.app-shell .main-panel,.app-shell .side-panel{box-shadow:none}.app-shell .app-header{z-index:20;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-header__brand{min-width:0;display:flex;align-items:center;gap:10px}.app-shell .brand-logo--header{flex:0 0 auto;width:118px;height:auto;margin:0}.app-header__identity{min-width:0}.app-header__identity>span{display:block;color:var(--muted);font-size:10px;font-weight:800}.app-header__identity h1{margin:2px 0 0;overflow:hidden;color:var(--ink);font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.logout-button{flex:0 0 auto;min-height:44px;padding:0 11px;color:var(--blue);background:transparent;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}.logout-button:hover{background:var(--surface-soft)}.app-shell .tab-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:rgba(255,255,255,.98);border:1px solid var(--line);box-shadow:none}.app-shell .tab-nav button{min-width:0;min-height:52px;padding:8px 6px;color:var(--muted);background:transparent;border:0;border-radius:999px;font-size:12px;font-weight:800}.app-shell .tab-nav button:hover{color:var(--ink);background:var(--surface-soft)}.app-shell .tab-nav button.active{color:var(--blue);background:#dceff5}.app-shell button:focus-visible,.app-shell input:focus-visible,.app-shell select:focus-visible,.app-shell summary:focus-visible{outline:3px solid rgba(15,93,127,.42);outline-offset:2px}.app-shell .dashboard-grid{align-items:start}.app-shell .action-item,.app-shell .action-list,.app-shell .dashboard-grid>*,.app-shell .portal-section,.app-shell .portal-section>*,.app-shell .section-heading,.app-shell .summary-tiles,.app-shell .summary-tiles>*{min-width:0}.app-shell .action-item,.app-shell .portal-section,.app-shell .section-heading,.app-shell .summary-tiles{overflow-wrap:anywhere}.app-shell .main-panel,.app-shell .side-panel{border-radius:16px}.side-panel__heading{display:grid;gap:12px}.side-panel__eyebrow{color:var(--blue);font-size:11px;font-weight:900}.app-shell .side-panel h2{margin:2px 0 0;font-size:18px}.course-switcher{display:grid;gap:5px;color:var(--muted);font-size:11px;font-weight:800}.app-shell .course-switcher select{width:100%;min-height:44px;padding:8px 36px 8px 12px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px}.app-shell .status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.app-shell .status-list div{min-width:0;padding:10px 12px}.app-shell .summary-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app-shell .summary-tiles article{min-width:0;padding:12px 10px}.app-shell .summary-tiles strong{font-size:26px}.app-shell .summary-tiles small{display:none}.action-item--primary{min-height:96px;color:#fff;background:var(--blue);border-color:var(--blue)}.action-item--primary small,.action-item--primary span{color:rgba(255,255,255,.84)}.action-item--primary strong{color:#fff}@media (max-width:839px){main.app-shell{min-height:100dvh;padding:0 0 calc(78px + env(safe-area-inset-bottom))}.app-shell .app-header{position:sticky;top:0;flex-direction:row;border-width:0 0 1px;border-radius:0}.app-shell .tab-nav{position:fixed;z-index:30;inset:auto 0 0;height:calc(70px + env(safe-area-inset-bottom));margin:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr));border-width:1px 0 0;border-radius:16px 16px 0 0}.app-shell .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:14px}.app-shell .main-panel,.app-shell .side-panel{padding:14px}.app-shell .side-panel{gap:12px}.side-panel__heading{grid-template-columns:minmax(0,1fr) minmax(124px,42%);align-items:end}.app-shell .portal-section,.app-shell .test-list,.app-shell .test-runner{gap:14px}.app-shell .section-heading{gap:2px}.app-shell .section-heading h2{font-size:20px}.app-shell .section-heading p{font-size:13px;line-height:1.6}.app-shell .home-bento,.app-shell .recommend-panel,.app-shell .reservation-inline{padding:14px}}@media (min-width:600px){.app-shell .summary-tiles small{display:block}}@media (min-width:840px){main.app-shell{padding:24px}.app-shell .app-header{position:sticky;top:12px;min-height:72px;flex-direction:row;align-items:center;border-radius:18px}.app-shell .brand-logo--header{width:150px}.app-header__identity h1{font-size:16px}.app-shell .tab-nav{position:static;margin-top:12px;padding:6px;border-radius:16px}.app-shell .dashboard-grid{grid-template-columns:240px minmax(0,1fr);gap:16px;margin-top:16px}.app-shell .side-panel{position:sticky;top:100px;padding:18px}.app-shell .main-panel{padding:22px}}.legacy-home-details{display:none}.course-static{display:grid;gap:4px;margin:0}.account-panel>span,.assignment-card>span,.course-static span,.next-lesson-card>span,.reservation-card>span,.resume-card>span{color:var(--blue);font-size:12px;font-weight:900}.course-static strong{color:var(--ink);font-size:15px}.account-panel,.materials-panel,.next-lesson-card,.reservation-list-panel,.resume-card,.support-panel,.today-plan{display:grid;gap:12px;padding:18px;background:#fbfcfd;border:1px solid var(--line);border-radius:16px}.next-lesson-card{background:#edf7fa;border-color:#b9dfe9}.account-panel>strong,.assignment-card>strong,.next-lesson-card>strong,.reservation-card>strong,.resume-card>strong{color:var(--ink);font-size:18px;line-height:1.5}.assignment-card p,.next-lesson-card p,.reservation-card p,.resume-card p,.support-list p{margin:0;color:var(--muted);line-height:1.7}.assignment-list,.reservation-list,.support-list{display:grid;gap:10px}.assignment-card,.reservation-card,.support-list article{display:grid;gap:8px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:12px}.compact-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.compact-button{min-height:40px}.reservation-card small{color:var(--muted);font-size:12px}.account-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}.account-panel>span,.account-panel>strong{grid-column:1}.account-panel .logout-button{grid-column:2;grid-row:1/span 2}