@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&family=Tajawal:wght@400;500;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600&family=JetBrains+Mono:wght@500;700&display=swap');
:root{--ink:#0f172a;--muted:#64748b;--green:#059669;--mint:#ecfdf5;--paper:#f8fafc;--line:#e2e8f0;--coral:#d97706}
body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.shell{display:block;max-width:none}.main{max-width:1200px;margin:auto;padding:0 24px 48px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e2e8f0;backdrop-filter:blur(10px)}.header-inner{max-width:1280px;margin:auto;padding:12px 24px;display:flex;align-items:center;gap:24px}.brand{font-family:Outfit,sans-serif;letter-spacing:-.6px;flex:none;font-size:21px}.brandmark{background:#10b981;border-radius:9px;width:37px;height:37px;box-shadow:0 2px 6px #10b98135}.brand span em{color:var(--ink)}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.7px;color:#64748b;margin-top:3px}.skill-nav{display:flex;gap:3px;margin:auto;background:#f1f5f9;border:1px solid var(--line);padding:4px;border-radius:999px;max-width:100%;overflow:auto}.skill-nav button{padding:9px 15px;border-radius:999px;background:transparent;color:#64748b;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;white-space:nowrap}.skill-nav button.active{background:white;color:#0f172a;box-shadow:0 2px 7px #0f172a14}.header-actions{display:flex;align-items:center;gap:8px;flex:none}.header-actions .pill{font-size:12px;padding:9px 13px}.header-actions #accountlink{background:#16a34a;color:white;border-color:#16a34a;font-weight:700;box-shadow:0 4px 12px #16a34a25}.menu-toggle{position:relative}.menu-toggle summary{list-style:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;background:#f8fafc;cursor:pointer}.menu-toggle summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:48px;width:270px;max-height:75vh;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 20px 50px #0f172a25}.menu-panel .nav{display:grid;gap:3px}.menu-panel .nav button{width:100%;padding:10px 12px;border-radius:9px;font-size:13px;text-align:left}.menu-panel .profile{padding-top:12px;border-top:1px solid var(--line);margin-top:12px}.menu-panel .ico{font-size:17px}.topbar{height:48px;border:0}.topbar .tools{gap:12px}.topbar .pill{padding:5px 10px;font-size:11px;background:transparent;border:0}.crumb,.sync-label{font-size:11px}.avatar{background:#d1fae5;color:#047857}.pagehead{margin:28px 0}.pagehead h1,h1,h2,h3,.sectionhead h2{font-family:Outfit,sans-serif}.pagehead h1{font-size:36px;letter-spacing:-1px;line-height:1.1}.eyebrow{font-family:Outfit,sans-serif;color:#047857;font-size:11px;letter-spacing:1.2px}.sub{color:#64748b;font-size:14px}.leveltoggle{background:#f1f5f9;border:1px solid var(--line);border-radius:999px;display:inline-flex;padding:4px}.leveltoggle button{font:700 14px Outfit,sans-serif;padding:9px 24px;border-radius:999px}.leveltoggle button.active{box-shadow:0 2px 8px #0f172a1a;background:white}.welcome-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:48px;align-items:center;padding:20px 0 36px}.welcome-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.welcome-copy h1{font-size:clamp(40px,5.2vw,68px);line-height:1.02;font-weight:800;letter-spacing:-2px;max-width:620px;margin:0;color:#1e293b;text-wrap:balance}.welcome-copy .sub{font-family:Tajawal,sans-serif;font-size:19px;line-height:1.7;max-width:580px}.design-tag{display:inline-flex;align-items:center;gap:8px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:10px;padding:7px 11px;font-size:12px;font-weight:700;box-shadow:0 0 14px #10b98113}.design-tag:before{content:'';width:6px;height:6px;background:#10b981;border-radius:50%}.hero-summary{background:white;border:1px solid var(--line);border-top:3px solid #10b981;border-radius:20px;box-shadow:0 20px 40px -18px #0f172a28;overflow:hidden}.summary-heading{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;align-items:center}.summary-heading strong{font:700 17px Tajawal,sans-serif;display:block}.summary-heading small{color:#64748b;font:13px Tajawal,sans-serif}.summary-symbol{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:12px;width:37px;height:37px;display:grid;place-items:center}.summary-rows{padding:4px 20px 12px}.summary-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #f1f5f9}.summary-row:last-child{border:0}.summary-row>span:nth-child(2){flex:1}.summary-row strong{display:block;font:700 14px Outfit,sans-serif}.summary-row small{font:12px Tajawal,sans-serif;color:#64748b}.summary-row b{font:700 12px 'JetBrains Mono',monospace;color:#047857}.summary-icon{height:32px;width:32px;display:grid;place-items:center;background:var(--tint);color:var(--tone);border-radius:10px}.exam-banner{padding:32px 36px;background:#059669;color:#fff;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;box-shadow:0 20px 40px -20px #05966980}.exam-banner h2{font:800 clamp(26px,3vw,34px)/1.15 Outfit,sans-serif;letter-spacing:-.6px;margin:12px 0}.exam-banner .eyebrow{color:#a7f3d0}.exam-banner p{color:#d1fae5;margin:9px 0 0;line-height:1.7}.exam-banner p[lang=ar]{font:16px/1.7 Tajawal,sans-serif}.exam-banner small{display:block;font-size:11px;line-height:1.6;color:#d1fae5;margin-top:12px}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.mode-option{border:2px solid #ffffff40;border-radius:16px;padding:15px;text-align:left;background:#ffffff0d;color:white;display:flex;flex-direction:column;gap:5px}.mode-option strong{font:700 16px Outfit,sans-serif}.mode-option span{font:14px Tajawal,sans-serif}.mode-option[aria-pressed=true]{background:white;color:#047857;border-color:white;box-shadow:0 4px 12px #065f4630}.banner-start{display:flex;width:100%;align-items:center;justify-content:space-between;background:white;color:#047857;border-radius:15px;padding:16px 20px;font:800 16px Outfit,sans-serif}.banner-start:hover{background:#ecfdf5}.dashboard-library{margin:38px 0}.dashboard-library .sectionhead{gap:20px;align-items:flex-end;flex-wrap:wrap}.dashboard-library .sectionhead h2{font:800 26px Outfit,sans-serif;letter-spacing:-.5px}.dashboard-library .sectionhead p{font:16px Tajawal,sans-serif;color:#64748b;margin:5px 0 0}.dashboard-filters{display:flex;gap:6px;flex-wrap:wrap}.dashboard-filters button{padding:9px 14px;background:white;border:1px solid var(--line);border-radius:12px;font-size:12px;font-weight:700}.dashboard-filters button.active{background:#0f172a;color:white;border-color:#0f172a}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.skill-card{--tint:#d1fae5;--tone:#059669;--edge:#a7f3d0;--deep:#047857;text-align:left;background:white;border:2px solid var(--edge);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 7px 0 var(--edge),0 18px 30px -12px #0f172a20;transition:transform .18s,box-shadow .18s;color:var(--ink);padding:0}.skill-card:hover{transform:translateY(-4px);box-shadow:0 11px 0 var(--edge),0 28px 40px -14px #0f172a30}.skill-card:active{transform:translateY(4px);box-shadow:0 2px 0 var(--edge)}.skill-card-head{padding:20px;background:linear-gradient(180deg,#ffffff70,transparent 65%),var(--tint);display:flex;align-items:center;justify-content:space-between;gap:15px}.skill-card-head small{display:block;font-size:10px;letter-spacing:1px;font-weight:800;text-transform:uppercase;color:var(--deep);margin-bottom:5px}.skill-card h3{font:800 27px/1.15 Outfit,sans-serif;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}.skill-glyph{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(160deg,#ffffff50,transparent 60%),var(--tone);color:white;font-size:22px;font-weight:800;box-shadow:0 4px 0 var(--deep);transform:rotate(-6deg);flex:none}.skill-card-body{display:flex;flex-direction:column;gap:15px;padding:20px;flex:1}.skill-card-body>p{font:500 17px/1.5 Tajawal,sans-serif;color:#334155;margin:0;text-align:right}.skill-meta{display:flex;gap:6px;flex-wrap:wrap}.skill-meta span{font-size:11px;padding:5px 9px;border:1px solid #f1f5f9;border-radius:8px;background:#f8fafc;color:#475569;font-weight:600}.skill-progress{margin-top:auto}.skill-progress-label{display:flex;align-items:center;justify-content:space-between;font:11px 'JetBrains Mono',monospace;color:#64748b;margin-bottom:9px}.skill-progress-label b{font:800 15px Outfit,sans-serif;color:var(--deep)}.skill-track{height:10px;display:block;border-radius:999px;background:#f1f5f9;overflow:hidden;box-shadow:inset 0 2px 3px #0f172a0d}.skill-fill{height:100%;display:block;background:var(--tone);border-radius:inherit;width:var(--fill,0%)}.skill-cta{margin-top:3px;text-align:center;padding:12px;border-radius:14px;background:#1e293b;box-shadow:0 4px 0 #0f172a;color:white;font:800 16px Tajawal,sans-serif;display:flex;justify-content:center;gap:12px}.skill-card.started .skill-cta{background:var(--tone);box-shadow:0 4px 0 var(--deep)}.collection-card{background:#ecfdf5}.dashboard-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:42px}.progresscard{border:2px solid var(--line);border-radius:20px;background:white;padding:26px}.progresscard h2{font:800 23px Outfit,sans-serif}.progress-layout{display:grid;grid-template-columns:160px 1fr;gap:25px;align-items:center}.ring{background:conic-gradient(var(--green) var(--progress,0%),#f1f5f9 0)}.ringinside{background:white}.ring strong{font-family:Outfit,sans-serif}.progressrow{font-size:13px;border-color:#f1f5f9;padding:13px 0}.progressrow strong{font-size:13px}.nextcard{margin:0;padding:28px;border:2px solid #e2e8f0;background:white;border-radius:20px}.nextcard h3{font:800 25px Outfit,sans-serif;margin:12px 0}.nextcard p{font-size:14px;line-height:1.8}.nextcard button{padding:13px;background:#ecfdf5;color:#047857;font-size:13px}.quick-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.quick-links button{font-size:12px;padding:8px 11px;border:1px solid #d1fae5;border-radius:10px;background:#f0fdf4;color:#047857}.primary{border-radius:12px;background:#059669;font-size:13px;gap:15px}.primary:hover{background:#047857}.secondary{border:1px solid #d1fae5;background:#ecfdf5;color:#047857;border-radius:11px}.module{border-radius:20px;background:white;border-color:#e2e8f0;box-shadow:0 4px 0 #e2e8f0;padding:22px}.module h3{font:700 20px Outfit,sans-serif}.moduleicon{background:#ecfdf5;color:#059669}.badge{background:#f1f5f9;color:#475569;line-height:1.5}.module p{font-size:13px}.modulefoot{font-size:11px}.lesson-status{color:#047857!important}.catalog{gap:22px}.filters button{border-radius:12px}.librarytools{padding:20px;background:white;border:1px solid var(--line);border-radius:18px;gap:14px}.librarytools label{flex:1;min-width:150px}.librarytools input,.librarytools select{min-width:0;width:100%;background:#f8fafc;border-radius:10px}.empty,.business article,.planstep,.lessonrow{background:white;border-radius:18px;border-color:var(--line)}.intro{background:#ecfdf5;border-color:#a7f3d0;color:#334155;border-radius:14px;line-height:1.8}.business article h2{font-family:Outfit,sans-serif}.footer{font-size:11px;color:#64748b;align-items:center;margin-top:44px}.footer .textbutton{font-size:11px}.rtl,[lang=ar]{font-family:Tajawal,sans-serif}.notice{color:#64748b;line-height:1.8}.independent-note{font-size:12px;text-align:center;padding:20px 0 0;color:#64748b}.exam-launch{border:2px solid #a7f3d0!important;box-shadow:0 6px 0 #d1fae5}.exam-launch h2{font-size:29px}.exam-launch .primary{width:100%;justify-content:space-between}.exam-metadata{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 24px}.exam-metadata span{background:#f1f5f9;border-radius:8px;padding:6px 10px;font-size:12px}dialog{max-width:1040px;border:1px solid #e2e8f0;border-radius:22px;background:#f8fafc;box-shadow:0 28px 100px #0f172a40}dialog::backdrop{background:#0f172acc}.modalhead{background:white;border-color:#e2e8f0;padding:22px 28px}.modalhead h2{font-family:Outfit,sans-serif;font-size:25px}.modalbody{background:#f8fafc;padding:28px}.close{background:#f1f5f9;color:#475569;border-radius:50%;min-height:36px;min-width:36px}.passage{background:white;border:1px solid var(--line);border-radius:15px;padding:24px;font:17px/1.85 'Source Serif 4',Georgia,serif}.passage.rtl{font-family:Tajawal,sans-serif}.source-passage{font-family:'Source Serif 4',Tajawal,serif;line-height:1.9}.question{padding:22px;background:white;border:1px solid var(--line);border-radius:16px;margin:18px 0}.question>strong{display:block;font-size:16px;line-height:1.6;margin-bottom:12px}.answer{border-radius:11px;border:1px solid #e2e8f0;background:#f8fafc;padding:13px;line-height:1.6}.answer:has(input:checked){background:#ecfdf5;border-color:#059669}.answer input{accent-color:#059669}.feedback{background:#ecfdf5;color:#065f46;border-radius:12px;line-height:1.8}.feedback.wrong{background:#fff7ed;color:#9a3412}.examtop{background:#f8fafcf5;border-color:#e2e8f0}.examnav button{border-radius:10px;background:white;border:1px solid var(--line)}.examnav button[aria-current=step]{background:#059669;border-color:#059669}.timer{font-family:'JetBrains Mono',monospace}.reportgrid article{border:1px solid #a7f3d0;background:#ecfdf5}.video-stage,.video-overlay{background:#0f172a}.video-controls{background:#f1f5f9}.video-prompt{background:white}.generated-feedback{background:#ecfdf5}.video-coach-avatar{background:#059669}.video-option:hover:not(:disabled){background:#ecfdf5;border-color:#059669}.video-prompt h3,.tutor-avatar,.video-hint h3{font-family:Outfit,sans-serif}
.exam-banner .exam-metadata span{background:#ffffff1f;color:#fff;border:1px solid #ffffff30}.exam-banner .exam-metadata{margin:16px 0}.site-header [aria-pressed=true]:focus-visible{outline-offset:2px}
@media(min-width:1000px){.modalbody:has(>.source-passage):has(>.question){display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0 24px;align-items:start}.modalbody>.source-passage{grid-column:1;grid-row:2/span 40;max-height:65vh;overflow:auto;position:sticky;top:0}.modalbody:has(>.source-passage)>.toolbar:first-child{grid-column:1/-1}.modalbody:has(>.source-passage)>:not(.source-passage):not(.toolbar:first-child){grid-column:2}.modalbody:has(>.source-passage)>.question{margin-top:0}}
@media(max-width:1100px){.header-inner{gap:14px;flex-wrap:wrap}.skill-nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}.welcome-grid{grid-template-columns:minmax(0,1fr) 310px;gap:28px}.skill-card h3{font-size:24px}.skill-glyph{width:40px;height:40px}.skill-card-head{padding:17px}.skill-card-body{padding:17px}}
@media(max-width:800px){.welcome-grid{grid-template-columns:1fr;gap:28px}.hero-summary{max-width:none}.summary-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.welcome-copy h1{max-width:600px}.exam-banner{padding:26px;gap:24px;grid-template-columns:1fr}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom{grid-template-columns:1fr}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.pagehead{gap:18px;flex-wrap:wrap}.pagehead h1{font-size:30px}.topbar{display:flex!important;height:auto;min-height:44px}.topbar .crumb{display:block}.topbar .tools{width:auto}.business{grid-template-columns:1fr}.welcome-copy h1{font-size:52px}.tutor-layout{grid-template-columns:1fr}}
@media(max-width:540px){.header-inner{padding:12px 16px;gap:12px}.main{padding:0 16px 28px}.brand{font-size:18px;gap:7px}.brandmark{width:32px;height:34px}.header-actions{gap:5px}.header-actions .pill,.menu-toggle summary{font-size:11px;padding:8px 10px}#lang{font-family:Tajawal,sans-serif}.skill-nav{justify-content:flex-start;margin:0;gap:0}.skill-nav button{padding:8px 15px;font-size:13px}.menu-panel{right:0;width:min(300px,calc(100vw - 32px))}.welcome-grid{padding:20px 0 26px}.welcome-copy{gap:16px}.welcome-copy h1{font-size:43px;letter-spacing:-1.5px}.welcome-copy .sub{font-size:17px}.summary-rows{display:block}.hero-summary{border-radius:18px}.skill-grid,.catalog{grid-template-columns:1fr}.skill-card-head{padding:20px}.skill-card-body{padding:20px}.skill-card h3{font-size:28px}.skill-glyph{width:48px;height:48px}.dashboard-library .sectionhead h2{font-size:24px}.dashboard-filters{gap:5px}.dashboard-filters button{padding:8px 11px}.exam-banner{padding:23px;border-radius:20px}.mode-option{padding:12px}.mode-option strong{font-size:14px}.mode-option span{font-size:12px}.exam-banner h2{font-size:28px}.progress-layout{grid-template-columns:1fr;gap:0}.ring{margin:22px auto 10px}.progresscard,.nextcard{padding:22px}.librarytools{padding:16px}.librarytools label{width:100%;flex-basis:100%}.footer{flex-direction:column;align-items:flex-start;line-height:1.8}.modalbody{padding:18px}.modalhead{padding:18px}.modalhead h2{font-size:21px}.question{padding:16px}.passage{padding:18px;font-size:16px}.topbar .tools{gap:5px}.sync-label{max-width:115px}.topbar .streak{font-size:10px}.topbar .crumb{font-size:10px}.toolbar{flex-wrap:wrap}.reportrow{overflow-wrap:anywhere}.nav button{flex-shrink:0}.profile{display:flex}.nav{overflow:visible;display:grid}.menu-panel .nav{white-space:normal}.menu-panel .nav button{min-height:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Compact, grouped learning navigation. */
.menu-panel{width:580px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 90px);padding:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:20px;box-shadow:0 16px 60px #0f172a24,0 2px 8px #0f172a08}
.menu-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #eef2f6}.menu-heading strong{display:block;font:600 18px Outfit,sans-serif;letter-spacing:-.3px}.menu-heading span{display:block;font-size:12px;color:#64748b;margin-top:4px}.menu-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#475569;font-size:23px;line-height:1}.menu-close:hover{background:#e2e8f0}
.menu-panel .nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding:16px;margin:0}.menu-group{min-width:0}.menu-group h3{margin:0 10px 7px;font:700 10px 'DM Sans',sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#64748b}.menu-group:last-child{grid-column:1/-1;border-top:1px solid #eef2f6;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.menu-group:last-child h3{grid-column:1/-1}.menu-panel .nav button{display:flex;align-items:center;gap:10px;padding:9px 10px;min-height:42px;font-size:13px;font-weight:500;color:#334155;transition:background .15s,color .15s;white-space:normal;line-height:1.3}.menu-panel .nav button[hidden]{display:none}.menu-panel .nav button:hover{background:#f1f5f9;color:#0f172a}.menu-panel .nav button.active{background:#ecfdf5;color:#047857;font-weight:700}.menu-panel .ico{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#64748b;font-size:15px}.menu-panel button.active .ico{color:#059669;border-color:#a7f3d0}.menu-panel .profile{display:flex;margin:0;padding:13px 22px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:12px;gap:10px}.menu-panel .profile small{font-size:11px}.menu-panel .avatar{width:32px;height:32px;font-size:12px}.menu-toggle[open]>summary{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.menu-panel button:focus-visible,.menu-toggle summary:focus-visible{outline:3px solid #34d399;outline-offset:2px}
@media(max-width:620px){.menu-panel{position:fixed;top:70px;right:12px;left:12px;width:auto;max-width:none;max-height:calc(100dvh - 84px);border-radius:16px}.menu-heading{padding:16px}.menu-heading strong{font-size:17px}.menu-panel .nav{padding:12px;gap:14px 8px}.menu-panel .nav button{font-size:12px;padding:8px 6px;gap:7px}.menu-group h3{font-size:9px;margin-left:6px}.menu-group:last-child{gap:2px 8px}.menu-panel .profile{padding:12px 16px}.menu-panel .ico{flex-basis:24px;width:24px;height:24px}}
.gemini-room{padding:28px;border:1px solid #a7f3d0;background:white;border-radius:22px;margin-bottom:32px}.gemini-heading h2{font-size:30px;margin:12px 0}.gemini-heading p{color:#64748b}.gemini-options{display:grid;grid-template-columns:1fr 2fr 2fr;gap:15px;margin:22px 0}.gemini-options label{display:grid;gap:8px}.gemini-options select{width:100%}.gemini-notice{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:18px;margin-bottom:20px;font-size:13px;line-height:1.6}.gemini-notice label{display:flex;align-items:center;gap:10px;margin-top:8px}.gemini-notice input{width:auto}.gemini-room .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.gemini-room button:disabled{opacity:.5;cursor:not-allowed}#g-status{font-size:13px;max-width:500px}#g-session{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:20px}#g-transcript{max-height:340px;overflow:auto;margin:20px 0;border:1px solid #e2e8f0;border-radius:12px;min-height:100px}#g-transcript article{padding:14px 18px;border-bottom:1px solid #eef2f6}#g-transcript article:nth-child(even){background:#f0fdf4}#g-transcript p{white-space:pre-wrap;line-height:1.7;margin:6px 0}.gemini-input{display:flex;gap:10px;margin:10px 0 18px}.gemini-input input{flex:1;min-width:0}#g-clock{font-variant-numeric:tabular-nums;color:#047857}@media(max-width:620px){.gemini-room{padding:18px}.gemini-options{grid-template-columns:1fr}.gemini-heading h2{font-size:25px}}
.gemini-task{padding:18px;border-left:3px solid #10b981;background:#ecfdf5;border-radius:0 12px 12px 0;margin:0 0 20px}.gemini-task p{white-space:pre-wrap;max-height:180px;overflow:auto;line-height:1.7;font-size:14px}.gemini-task small{color:#475569}.gemini-options>*{min-width:0}

/* Voice-first examiner */
.gemini-avatar-stage{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;padding:26px 24px 30px;margin:24px 0;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#237b69,#113e38 72%);color:white;overflow:hidden}
.gemini-avatar-badge{font-size:11px;letter-spacing:2px;color:#b5e7d9;font-weight:700}.gemini-avatar{width:min(280px,65vw);height:auto;margin:12px 0 0;filter:drop-shadow(0 16px 22px #001e2840)}
#g-avatar-state{font-size:12px;padding:7px 14px;background:#ffffff15;border:1px solid #ffffff25;border-radius:20px;color:#c8f4e3;margin-top:10px}#g-caption{color:white;font-size:clamp(17px,2vw,22px);max-width:640px;line-height:1.6;margin:18px auto 12px;max-height:180px;overflow:auto}.gemini-avatar-stage small{color:#acd0c6;font-size:11px}.gemini-mouth{transform-box:fill-box;transform-origin:center}.avatar-speaking .gemini-mouth{animation:lina-talk .24s ease-in-out infinite alternate}.avatar-speaking .gemini-avatar{filter:drop-shadow(0 0 24px #48e0b44d)}@keyframes lina-talk{from{transform:scaleY(.7)}to{transform:scaleY(3.1)}}
.gemini-conversation{margin-top:20px;border-top:1px solid #e0ebe5;padding-top:18px}.gemini-conversation summary{cursor:pointer;font-weight:600;color:#167460;padding:8px}.gemini-room #g-start{min-height:52px}.gemini-room .gemini-notice{font-size:13px}.gemini-room .gemini-task{margin-top:18px}@media(prefers-reduced-motion:reduce){.avatar-speaking .gemini-mouth{animation:none;transform:scaleY(2)}}

.gemini-active>.gemini-options,.gemini-active>.gemini-task,.gemini-active>.gemini-notice,.gemini-active #g-start{display:none}.gemini-avatar-stage{scroll-margin-top:140px}.gemini-active .gemini-avatar{width:min(220px,50vw)}