:root{--paper:#faf9f5;--white:#fff;--ink:#172f50;--muted:#50667f;--forest:#172f50;--green:#e4f0f7;--line:#d8e3ec;--orange:#ed8e7c;--lavender:#e5edf7;--gold:#f5d795;--blue:#e5f1f7}.topbar .brand img{width:42px;height:42px;flex-shrink:0}.topbar .brand .app-tagline{font-size:9px;letter-spacing:1px;margin-top:6px}.lab-page .lab-heading h1 span{color:#377ea7}.lab-page .primary{background:#172f50}.lab-page .lab-aside{background:#e4f0f7}.lab-page .lab-fresh{background:#e8f2f8}.practice-identity{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;text-decoration:none;flex-basis:100%;margin-top:8px;border-top:1px solid #d8e3ec;padding-top:12px}.practice-identity img{width:30px;height:30px}.lab-page .monster-cast .monster-gaze{animation:practice-look 4.8s ease-in-out infinite!important;transition:none!important}.lab-page .monster-cast .monster-wave{animation-duration:3.8s!important}.lab-page .lab-activity{background:white}.lab-page .lab-model-support button{font-size:12px}.lab-page .lab-ten-views{background:white}
@keyframes practice-look{0%,30%,100%{transform:translate(0,0)}40%,65%{transform:translate(-2px,1px)}75%,90%{transform:translate(2px,0)}}
body.lab-motion-paused .monster-cast .monster-gaze,body.lab-motion-paused .monster-cast .monster-wave{animation:none!important}
@media(prefers-reduced-motion:reduce){.lab-page .monster-cast *,.lab-page .monster-cast .monster-gaze,.lab-page .monster-cast .monster-wave{animation:none!important}}
@media(max-width:680px){.lab-page .topbar{padding:17px 18px;gap:10px}.topbar .brand img{width:31px;height:31px}.lab-page .topbar .brand{font-size:18px}.lab-page .topbar .app-tagline{font-size:7px}.lab-page nav{gap:3px}.lab-page nav a{font-size:10px;padding:8px}.lab-page .lab-heading{margin-bottom:17px}.lab-page .lab-heading h1{font-size:33px}.lab-page .lab-heading p:not(.eyebrow){font-size:13px}.lab-page main{padding-top:20px}.lab-page .lab-controls{gap:13px;margin-bottom:14px}.lab-page .lab-levels button{font-size:11px;padding:8px}.lab-page .lab-activity{padding:17px}.lab-page .lab-prompt{font-size:16px}.lab-page .lab-answer-input{min-height:44px;padding:10px}.lab-page .lab-answer-actions button{font-size:12px;min-height:42px}.lab-page .lab-fresh{padding:12px;font-size:12px}.lab-page .lab-model{max-height:220px;overflow:auto}.lab-page .lab-aside{padding:17px}.lab-page .monster-svg{max-height:110px}.lab-page .lab-nav button{font-size:12px}}
.lab-page footer{flex-wrap:wrap}.lab-page main,.lab-page .lab-layout>*{min-width:0}.lab-page select{max-width:100%;min-width:0}.lab-page .lab-fresh{min-width:0}.lab-page .lab-aside{overflow-wrap:anywhere}
@media(max-width:680px){.lab-page .topbar{flex-wrap:nowrap;min-height:65px;padding:13px 16px 18px;align-items:center}.lab-page .topbar .brand{font-size:16px;gap:7px;flex-shrink:1}.lab-page .topbar nav{width:auto;order:0;flex-shrink:0;gap:3px;margin-left:auto}.lab-page .topbar nav a{font-size:9px;padding:7px;min-height:32px}.lab-page .topbar .app-tagline{top:30px;font-size:7px}.lab-page main{padding:17px 17px 30px}.lab-page .lab-heading{margin-bottom:13px;gap:9px;align-items:flex-start}.lab-page .lab-heading .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:5px}.lab-page .lab-heading h1{font-size:29px;margin-bottom:5px}.lab-page .lab-heading p:not(.eyebrow){font-size:10px;line-height:1.5;max-width:210px}.lab-page .lab-heading .cookie-counter{display:flex;align-items:center;gap:4px;width:80px;min-width:80px;min-height:40px;padding:7px;white-space:normal;transform:none}.lab-page .lab-heading .cookie-counter .cookie-icon{width:23px;height:23px;flex-shrink:0}.lab-page .lab-heading .cookie-counter span{font-size:8px;line-height:1.3}.lab-page .lab-heading .cookie-counter strong{font-size:13px;margin:0;display:block}.lab-page .lab-controls{gap:10px;margin-bottom:9px}.lab-page .lab-levels{width:100%}.lab-page .lab-levels>div{gap:5px;justify-content:space-between;flex-wrap:nowrap}.lab-page .lab-levels button{font-size:10px;padding:7px 8px;min-height:34px}.lab-page .lab-levels legend,.lab-page .lab-skill label{font-size:10px;margin-bottom:5px}.lab-page .lab-skill select{min-height:35px;padding:6px 10px;font-size:12px}.lab-page .lab-count{font-size:9px;margin-bottom:10px}.lab-page .lab-activity{padding:15px}.lab-page .lab-kicker{margin-bottom:9px}.lab-page .lab-activity h2{font-size:23px;margin-bottom:12px}.lab-page .lab-prompt{font-size:14px;margin-bottom:14px}.lab-page .lab-input-help{font-size:9px}.lab-page .lab-answer label{font-size:11px}.lab-page .lab-answer-input{padding:8px;font-size:15px;min-height:42px}.lab-page .lab-answer-actions{gap:8px}.lab-page .lab-answer-actions button{font-size:11px;min-height:38px}.lab-page .lab-fresh{font-size:10px;gap:8px;margin-top:13px}.lab-page .lab-fresh button{font-size:10px;padding:8px}.lab-page .lab-model{max-height:190px;margin:13px 0;padding:12px 8px}}

@media(max-width:650px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:12px;padding:15px}.topbar nav{width:100%;justify-content:center;flex-wrap:wrap}.topbar nav a{font-size:12px}}
@media(max-width:680px){.lab-page .topbar{flex-wrap:wrap;height:auto;gap:14px;padding:15px 16px}.lab-page .topbar nav{order:3;width:100%;margin-left:0;justify-content:center;flex-wrap:wrap}.lab-page .topbar nav a{font-size:12px;padding:8px 12px}.lab-page .topbar .brand{flex-shrink:0}}