:root{color:#10201f;font-synthesis:none;text-rendering:optimizelegibility;background:#f7faf9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#0f766e14,#0000 280px),#f7faf9;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}.app-shell{width:min(100%,960px);min-height:100vh;margin:0 auto;padding:18px 16px 92px}.app-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.app-header h1,.screen h2{letter-spacing:0;margin:0;line-height:1.05}.app-header h1{font-size:1.45rem}.screen h2{margin-bottom:14px;font-size:1.8rem}.eyebrow,.panel-label{color:#0f766e;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:800}.lead{color:#48615d;margin:0 0 16px;line-height:1.55}.streak-pill,.tag{color:#17423e;white-space:nowrap;background:#fff;border:1px solid #c8ddd9;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.screen{gap:14px;display:grid}.hero-panel,.panel,.mission-card,.level-card,.metric-card{background:#ffffffeb;border:1px solid #d6e5e1;border-radius:8px;box-shadow:0 12px 30px #12363214}.hero-panel{color:#f8fafc;background:#0f766e;gap:16px;padding:18px;display:grid}.hero-panel .panel-label,.hero-panel p{color:#d7fffa}.hero-panel h3,.mission-card h3,.level-card h3,.metric-card strong,.panel h3{margin:0 0 7px}.grid{gap:12px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{gap:8px;min-width:0;padding:15px;display:grid}.metric-card span,.mission-card p,.level-card p,.panel p{color:#526966;line-height:1.45}.level-list,.mission-list{gap:12px;display:grid}.level-card,.mission-card{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;display:grid;position:relative}.mission-card{grid-template-columns:1fr auto}.mission-card.compact{align-items:start}.level-number{color:#0f766e;background:#dff7f2;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.tag-row{flex-wrap:wrap;gap:7px;display:flex}.tag{padding:5px 8px;font-size:.72rem}.primary-button,.secondary-button,.link-button,.option-button,.nav-item{cursor:pointer;border:0;min-height:40px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:800;display:inline-flex}.primary-button{color:#1f1300;background:#f59e0b}.secondary-button{color:#0f4f49;background:#e7f4f1;border:1px solid #bfddd8}.link-button{color:#0f766e;background:0 0;justify-self:start;padding:0;font-weight:800}.panel{padding:15px}.clip-tabs{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.clip-tab{color:#173330;cursor:pointer;background:#fff;border:1px solid #cfe0dd;border-radius:8px;flex:none;min-height:40px;padding:9px 12px;font-weight:800}.clip-tab.active{color:#0f4f49;background:#dff7f2;border-color:#0f766e}.clip-count{color:#0f766e;margin:-4px 0 0;font-size:.88rem;font-weight:900}.panel-header,.audio-panel{gap:12px;display:grid}.audio-actions{flex-wrap:wrap;gap:9px;display:flex}.audio-panel audio{width:100%}.audio-status{color:#0f766e;margin:0;font-size:.9rem;font-weight:700}.progress-bar{background:#d9e8e5;border-radius:999px;height:9px;overflow:hidden}.progress-bar span{background:#0f766e;height:100%;transition:width .18s;display:block}.transcript{gap:10px;padding-top:10px;display:grid}.transcript p:first-child{color:#132b28;font-size:1.08rem;font-weight:800}.token-list{gap:8px;display:grid}.token{background:#f2f8f6;border-radius:8px;gap:2px;padding:10px;display:grid}.option-list{gap:8px;display:grid}.option-button{color:#173330;text-align:left;background:#fff;border:1px solid #cfe0dd;border-radius:8px;width:100%;padding:11px}.option-button.selected{background:#e7f4f1;border-color:#0f766e}.feedback-text{color:#9a3412;font-weight:700}.success-text{color:#0f766e;font-weight:800}.muted-text{color:#526966;font-weight:700}.search-box{background:#fff;border:1px solid #cfe0dd;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.search-box select{color:#173330;background:0 0;border:0;outline:0;width:100%}.section-heading{margin:10px 0 0}.done-icon{color:#0f766e;position:absolute;top:12px;right:12px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;border-top:1px solid #cfe0dd;grid-template-columns:repeat(5,1fr);width:min(100%,960px);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:#526966;background:0 0;place-items:center;gap:3px;min-width:0;padding:9px 4px 11px;font-size:.72rem;display:grid}.nav-item.active{color:#0f766e;font-weight:900}@media (width<=640px){.two,.mission-card,.level-card{grid-template-columns:1fr}.streak-pill{display:none}.screen h2{font-size:1.55rem}}