/* The existing Quarkmine wordmark is white and needs a navy backing. */
:root{--navy:#003468;--cyan:#00b4fa;--ink:#182e43;--muted:#627487;--line:#dde7ee;--paper:#f4fbff;--radius:20px;--font:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:default;opacity:.55}.preview-bar{background:#132c43;color:#d8e6ef;padding:9px 32px;font-size:12px;display:flex;justify-content:space-between;gap:16px}.preview-bar strong{font-size:10px;letter-spacing:1.3px;margin-right:12px;color:#91dfff}.preview-bar a{white-space:nowrap}.design-bar{background:#fff;border-bottom:1px solid var(--line);padding:12px 32px;display:flex;align-items:center;gap:22px;font-size:12px}.design-bar>span:first-child{font-weight:700}.segmented{padding:4px;background:#edf3f7;border-radius:9px;display:flex;gap:4px}.segmented button{border:0;padding:8px 14px;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:700}.segmented button.active{background:#fff;color:var(--navy);box-shadow:0 1px 5px #00346814}.design-description{color:var(--muted)}.header{height:88px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:30px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:23px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px;color:var(--navy)}.brand img{width:158px;height:43px;object-fit:contain}.brand small{font-family:var(--font);font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted);border-left:1px solid var(--line);padding-left:18px}.nav{display:flex;gap:25px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-size:13px}.nav a.selected{color:var(--navy);font-weight:700}.avatar{background:var(--navy);color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:11px}.adult{display:flex;align-items:center;gap:10px;font-size:12px}.adult small{display:block;color:var(--muted);font-size:10px}.layout{max-width:1320px;margin:auto;padding:42px 5% 60px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:#23779d;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:38px;line-height:1.2;letter-spacing:-1.5px;font-weight:800;margin-bottom:12px}h2{font-size:21px;letter-spacing:-.6px;line-height:1.3;margin-bottom:6px}h3{font-size:16px;margin-bottom:6px}p{margin-bottom:18px}.muted{color:var(--muted)}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.page-intro p:last-child{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--navy);background:var(--navy);color:white;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.button.secondary{background:white;color:var(--navy);border-color:var(--line)}.button.small{padding:7px 12px;font-size:12px}.button.danger{color:#9c3e34;background:#fff;border-color:#e4c8c4}.columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:24px}.session{background:var(--navy);color:white;padding:30px;position:relative;overflow:hidden}.session:after{content:'';position:absolute;right:-65px;top:-80px;width:250px;height:250px;border:40px solid #ffffff06;border-radius:50%;pointer-events:none}.session .eyebrow{color:#83d9ff}.session h2{font-size:26px;margin:12px 0 8px}.session .muted{color:#c2d9e9}.session .button{border-color:#fff;background:#fff;color:var(--navy)}.session-top,.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.pill{font-size:10px;font-weight:700;border-radius:50px;padding:5px 10px;display:inline-flex;align-items:center;gap:6px;background:#e7f5ee;color:#28704e;white-space:nowrap}.pill.live{background:#ffffff19;color:#c4f6e0}.dot{width:6px;height:6px;border-radius:50%;background:#68d2a0}.session-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;margin-top:24px;padding-top:20px;gap:15px;font-size:12px}.metrics{display:flex;gap:24px}.metrics strong{font-size:19px;display:block}.metrics span{color:#c2d9e9;font-size:11px}.section-top{margin-bottom:19px}.text-link{font-size:12px;color:var(--navy);font-weight:700;text-decoration:none}.teams{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team{border:1px solid var(--line);border-radius:12px;padding:17px}.team-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px}.team-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#e6f4fc;color:var(--navy);font-weight:800}.team:nth-child(2) .team-mark{background:#fff0d5;color:#906b26}.team:nth-child(3) .team-mark{background:#eaf0ff;color:#555a9c}.team code{font-size:12px;font-weight:700;letter-spacing:.8px;display:block;margin:12px 0}.team p{font-size:11px;color:var(--muted);margin-bottom:16px}.team .button{width:100%}.activity-row{display:flex;align-items:center;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.activity-row:last-child{padding-bottom:0}.activity-icon{width:45px;height:45px;border-radius:12px;background:#e8f5fb;display:grid;place-items:center;font-size:20px;color:var(--navy)}.activity-row p{font-size:12px;margin:2px 0 0;color:var(--muted)}.activity-row .button{margin-left:auto}.aside-title{font-size:14px}.timeline{padding:8px 0 0;list-style:none;margin:0}.timeline li{padding:0 0 22px 18px;border-left:1px solid var(--line);position:relative;font-size:12px}.timeline li:before{content:'';width:7px;height:7px;border:3px solid white;background:#8db6cd;border-radius:50%;position:absolute;left:-6px;top:3px}.timeline small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.note{background:#e9f5fc;border:1px solid #d2e9f7;padding:20px;border-radius:14px;font-size:12px}.note p{margin:8px 0 0;color:var(--muted)}.footer{color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:20px;margin-top:30px}.entry{max-width:460px;margin:65px auto;padding:0 20px;text-align:center}.entry .brand{justify-content:center;margin-bottom:32px}.entry .panel{padding:36px 30px;box-shadow:0 18px 65px #00346808}.entry h1{font-size:29px;letter-spacing:-1px}.entry label{text-align:left;display:block;font-size:12px;font-weight:700;margin-bottom:8px}.entry input{width:100%;padding:16px 10px;border:2px solid #bdd4e4;border-radius:10px;background:#f9fcff;text-align:center;text-transform:uppercase;font-family:monospace;font-size:25px;letter-spacing:2px;color:var(--navy)}.entry .button{width:100%;margin-top:15px}.entry .help{font-size:12px;color:var(--muted);margin-top:22px}.demo-codes{font-size:11px;color:var(--muted);text-align:left;background:#eaf4fa;padding:15px;border-radius:10px}.demo-codes button{border:0;background:transparent;text-decoration:underline;color:var(--navy);padding:5px;font-family:monospace}.error{color:#a5392c;font-size:12px;text-align:left;margin-top:10px}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px}.role-list{display:grid;gap:10px}.role-button{text-align:left;border:1px solid var(--line);border-radius:12px;background:white;padding:17px;display:flex;gap:12px;color:var(--ink)}.role-button.active{border-color:var(--navy);box-shadow:inset 3px 0 var(--cyan)}.role-button small{display:block;color:var(--muted);font-size:11px}.role-avatar{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#e8f5fb;color:var(--navy);font-weight:800;font-size:12px}.workspace aside .note{margin-top:20px}.chat-panel{padding:0;overflow:hidden}.chat-heading{padding:19px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-heading h2{font-size:16px}.chat-heading p{font-size:11px;margin:0;color:var(--muted)}.transcript{padding:25px;min-height:270px;max-height:480px;overflow:auto}.message{max-width:88%;padding:16px 19px;border-radius:13px;background:#f0f6fa;margin-bottom:16px;font-size:14px;white-space:pre-wrap}.message.student{margin-left:auto;background:#e0f3fc}.message strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#4c748d;margin-bottom:8px}.message pre{font-size:12px;overflow:auto;background:#183248;color:#edf8ff;border-radius:8px;padding:15px}.composer{padding:18px 25px;border-top:1px solid var(--line)}.composer textarea{display:block;width:100%;min-height:82px;resize:vertical;border:1px solid #b9cfde;border-radius:10px;padding:12px;font-size:13px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.composer-bottom small{font-size:10px;color:var(--muted)}.suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.suggestions button{border:1px solid var(--line);background:white;border-radius:20px;color:var(--navy);font-size:11px;padding:7px 11px}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:18px;text-decoration:none}.review-note{padding:12px 25px;background:#fff5df;border-bottom:1px solid #f0dfb7;font-size:12px}.closed{padding:35px;text-align:center}.workbench{--radius:10px;--paper:#edf2f6}.workbench .header{height:70px;background:var(--navy);color:white}.workbench .brand,.workbench .nav a{color:#fff}.workbench .brand img{background:white;border-radius:5px;padding:4px}.workbench .adult small{color:#b9d3e7}.workbench .avatar{background:#ffffff24}.workbench .brand small{color:#b9d3e7}.workbench h1{font-size:31px}.workbench .layout{max-width:1460px;padding-top:30px}.workbench .columns{grid-template-columns:minmax(0,1fr) 340px;gap:18px}.workbench .panel{padding:20px;margin-bottom:18px}.workbench .session{background:white;color:var(--ink);border-top:4px solid var(--cyan)}.workbench .session .eyebrow{color:#23779d}.workbench .session .muted,.workbench .metrics span{color:var(--muted)}.workbench .session .button{background:var(--navy);color:white}.workbench .session .pill.live{background:#e7f5ee;color:#28704e}.workbench .session-bottom{border-top-color:var(--line)}.workbench .teams{display:block}.workbench .team{display:grid;grid-template-columns:110px 1fr 1fr 130px;gap:14px;align-items:center;border-radius:0;border:0;border-top:1px solid var(--line);padding:15px 0}.workbench .team-top{margin:0;gap:10px;justify-content:flex-start}.workbench .team-top>span:last-child{display:none}.workbench .team h3{font-size:13px;margin:0}.workbench .team p,.workbench .team code{margin:0}.workbench .team-mark{display:none}.workbench .chat-panel{padding:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#17354b;color:white;padding:12px 22px;border-radius:10px;font-size:13px;box-shadow:0 8px 30px #00346825;display:none;z-index:10}.toast.visible{display:block}@media(min-width:850px){.workbench .team h3{grid-column:1}.workbench .team-top{display:none}}@media(max-width:1000px){.design-description{display:none}.columns,.workbench .columns{grid-template-columns:minmax(0,1fr) 250px}.teams{grid-template-columns:1fr}.team{display:grid;grid-template-columns:1fr 1fr;gap:4px 15px}.team-top{display:none}.team p{margin:0}.team code{margin:0}.team .button{grid-column:2;grid-row:1 / 3}.brand small{display:none}.nav{gap:15px}}@media(max-width:760px){.preview-bar{padding:8px 16px;font-size:10px}.preview-bar strong{display:block}.design-bar{padding:10px 16px;gap:10px;flex-wrap:wrap}.design-bar>span:first-child{display:none}.header{height:70px;padding:0 20px}.brand img{width:128px}.adult{display:none}.nav{gap:14px}.nav a{font-size:11px}.layout{padding:28px 20px}.page-intro{align-items:flex-start}.page-intro .button{padding:9px;font-size:11px}h1{font-size:29px}.columns,.workbench .columns{grid-template-columns:1fr}.columns>aside{display:none}.session{padding:23px}.session-bottom{align-items:flex-start}.metrics{gap:16px}.section-top h2{font-size:19px}.team,.workbench .team{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.workspace{grid-template-columns:1fr}.role-list{grid-template-columns:repeat(3,1fr);gap:7px}.role-button{padding:10px;gap:7px}.role-button small{font-size:10px}.workspace aside .note{display:none}.role-avatar{display:none}.message{max-width:96%;font-size:13px}.transcript{padding:18px}.chat-heading,.composer{padding:16px}.entry{margin-top:35px}.footer{font-size:10px}.workbench h1{font-size:28px}.workbench .layout{padding:25px 20px}.composer-bottom small{max-width:65%}}
.brand img,.workbench .brand img{background:#003468;padding:8px 10px;border-radius:7px;width:178px;height:50px}.entry .brand small{display:none}@media(max-width:760px){.brand img,.workbench .brand img{width:135px;height:42px}.header>.pill{font-size:9px;padding:4px 7px}}
@media(max-width:760px){.page-intro,.session-bottom{flex-wrap:wrap}.page-intro>div,.session-bottom>div{min-width:0}.design-bar .segmented{width:100%}.segmented button{flex:1;padding:8px;font-size:11px}.activity-row{flex-wrap:wrap}.activity-row>div{flex:1;min-width:140px}.activity-row .button{margin-left:61px}.metrics{flex-wrap:wrap}.entry .panel{padding:28px 20px}.header{gap:12px}.nav{gap:10px}.team,.workbench .team{min-width:0}.team code{font-size:11px}.team .button{white-space:normal;text-align:center}.composer-bottom{flex-wrap:wrap}}