.wk2{--wk2-primary:#6551d9;--wk2-deep:#3b2f94;--wk2-bg:#29235f;--wk2-cream:#fffefa;--wk2-warm:#fff3cf;color:#2d2850;background:var(--wk2-bg)}
.wk2.whoo-app{background:linear-gradient(180deg,#fffefa 0,#fff7df 58%,#fffefa 100%);grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(45dvh,1fr) auto}
.wk2 .whoo-topbar{background:rgba(255,254,250,.96);border-bottom:1px solid rgba(59,47,148,.14);min-width:0;color:#29235f}.wk2 .whoo-topbar>*{min-width:0}.wk2 .brand-mini{color:var(--wk2-deep)}
.wk2 .whoo-heading{color:#29235f}.wk2 .whoo-heading h1{color:#29235f;white-space:normal;text-overflow:clip;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wk2 .whoo-heading p{color:#5e5878}.wk2 .whoo-heading .kicker{color:#6551d9}
.wk2 .whiz-body{fill:#6551d9!important;stroke:#3b2f94!important}.wk2 .whiz-face,.wk2 .whiz-belly{fill:#fff3cf!important}.wk2 .whiz-eye{fill:#fff!important}.wk2 .whiz-pupil{fill:#29235f!important}.wk2 .whiz-beak{fill:#f3a31f!important}
.wk2 .age-pill,.wk2 #completeBadge{display:none!important}.wk2 .wk2-band-wrap{display:flex;align-items:center;gap:6px;min-width:0}.wk2 .wk2-band-switch{display:flex;gap:4px;padding:3px;background:rgba(101,81,217,.08);border:1px solid rgba(59,47,148,.16);border-radius:14px}.wk2 .wk2-band-btn{min-width:44px;height:44px;border:0;border-radius:11px;background:transparent;color:#3b2f94;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;cursor:pointer}.wk2 .wk2-band-btn[aria-pressed="true"]{background:#6551d9;color:#fff}.wk2 .wk2-band-btn:focus-visible,.wk2 .wk2-check-chip:focus-visible,.wk2 .wk2-check-close:focus-visible,.wk2 .wk2-check-opt:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 5px #3b2f94}.wk2 .wk2-band-label{white-space:nowrap}.wk2 .wk2-band-badge{display:none;min-height:36px;padding:0 10px;border-radius:999px;background:#6551d9;color:#fff;font-size:12px;font-weight:900;align-items:center}.wk2 .wk2-band-badge.show{display:flex}.wk2 .prediction-band{font-size:12px!important;font-weight:900;color:#3b2f94;margin:0 0 7px!important}
.wk2 .stage-card{border-color:rgba(59,47,148,.18);background:#fffefa;min-height:45dvh}.wk2 .controls-dock{background:rgba(255,254,250,.98);border-top:1px solid rgba(59,47,148,.12)}.wk2 .control-card,.wk2 .seg-wrap,.wk2 .discovery-card,.wk2 .weird-card{border-color:rgba(59,47,148,.13);background:#fffefa}.wk2 .control-label,.wk2 .control-value,.wk2 .discovery-card strong{color:#3b2f94}.wk2 .primary-btn,.wk2 .seg-btn.active,.wk2 .toggle-btn.is-on{background:#6551d9!important;color:#fff!important}.wk2 .secondary-btn,.wk2 .seg-btn,.wk2 .toggle-btn{color:#3b2f94}.wk2 .metric-pill{background:rgba(255,254,250,.92);color:#3b2f94;border-color:rgba(59,47,148,.18)}
.wk2 .toast{background:rgba(255,254,250,.55)!important;color:#3b2f94!important;border:1px solid rgba(59,47,148,.15)!important;box-shadow:0 8px 24px rgba(41,35,95,.12)!important}.wk2 .prediction-overlay,.wk2 .discovery-overlay,.wk2 .wk2-check-overlay{background:rgba(41,35,95,.45)!important}.wk2 .prediction-card,.wk2 .discovery-sheet,.wk2 .wk2-check-sheet{background:rgba(255,254,250,.98)!important;color:#2d2850}.wk2 .prediction-option{border-color:rgba(59,47,148,.18)!important;color:#2d2850}.wk2 .prediction-option:hover{transform:none}.wk2 .prediction-option:focus-visible,.wk2 button:focus-visible,.wk2 input:focus-visible{outline:3px solid #fff!important;box-shadow:0 0 0 5px #3b2f94!important}
.wk2 .weird-card{font-size:12px!important}.wk2 .discovery-more{background:#fff3cf;color:#3b2f94}.wk2 .wk2-check-chip{min-width:84px;min-height:44px;border:0;border-radius:12px;background:#6551d9;color:#fff;font-size:12px;font-weight:950;padding:0 10px;cursor:pointer;flex:0 0 auto}.wk2 .wk2-check-chip[hidden]{display:none}.wk2 .discovery-card{grid-template-columns:minmax(0,1fr) auto auto;overflow:visible}.wk2 .discovery-strip{min-width:0}.wk2 .discovery-copy{min-width:0}
.wk2 .wk2-check-overlay{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:12px;transition:opacity .16s ease,visibility .16s ease}.wk2 .wk2-check-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.wk2 .wk2-check-sheet{width:min(620px,100%);max-height:calc(100dvh - 24px);overflow:auto;border-radius:22px;padding:14px;box-shadow:0 18px 50px rgba(41,35,95,.24)}.wk2 .wk2-check-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wk2 .wk2-check-head h2{font-size:18px;margin:0;color:#3b2f94}.wk2 .wk2-check-close{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:12px;background:rgba(101,81,217,.10);color:#3b2f94;font-size:24px;font-weight:900;cursor:pointer}.wk2 .wk2-check-q{padding:10px 0;border-top:1px solid rgba(59,47,148,.12)}.wk2 .wk2-check-q:first-of-type{border-top:0}.wk2 .wk2-check-q p{font-size:13px;line-height:1.35;margin:0 0 8px;font-weight:800}.wk2 .wk2-check-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wk2 .wk2-check-opt{min-height:44px;min-width:44px;border:1px solid rgba(59,47,148,.18);border-radius:12px;background:#fff;color:#2d2850;font-size:12px;font-weight:800;padding:7px;cursor:pointer}.wk2 .wk2-check-opt.is-correct{background:#fff3cf;border-color:#6551d9}.wk2 .wk2-check-feedback{min-height:20px;font-size:12px;line-height:1.3;margin-top:6px;color:#3b2f94;font-weight:800}.wk2 .wk2-check-done{font-size:13px;font-weight:900;color:#3b2f94;margin-top:8px}
.wk2 .wk2-live{position:fixed!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;left:0!important;top:0!important}
.wk2 canvas{touch-action:none}.wk2 input[type=range]{min-height:44px;margin:-8px 0;padding:8px 0}.wk2 .seg-btn,.wk2 .toggle-btn,.wk2 .primary-btn,.wk2 .secondary-btn{min-width:44px;min-height:44px}.wk2 .control-label,.wk2 .control-value,.wk2 .prediction-option,.wk2 .prediction-skip,.wk2 .discovery-card p,.wk2 .weird-card{font-size:12px!important}.wk2 .metric-pill,.wk2 .kicker,.wk2 .stage-badge{font-size:11px!important}
.wk2 .activity-main,.wk2 .controls-dock,.wk2 .whoo-heading{max-width:none!important;width:100%;margin-left:0;margin-right:0}
@media(max-width:520px){
 .wk2 .wk2-band-btn{width:44px;padding:0}.wk2 .wk2-band-label{display:none}.wk2 .wk2-band-badge{width:38px;min-width:38px;padding:0;justify-content:center}.wk2 .wk2-band-badge span:last-child{display:none}.wk2 .whoo-heading h1{font-size:18px}
 .wk2 .controls-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:stretch}.wk2 .controls-row>.range-card{grid-column:span 2}.wk2 .controls-row>.seg-wrap{grid-column:1/-1}.wk2 .controls-row>button{grid-column:span 1}.wk2 .control-card{padding:3px 5px}.wk2 .controls-dock{gap:4px;padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.wk2 .discovery-card{min-height:48px;padding:4px 6px}.wk2 .discovery-strip{gap:4px}
}
@media(max-width:360px){.wk2 .whoo-heading .kicker{display:none}.wk2 .whoo-heading{padding-bottom:3px}.wk2 .whoo-heading h1{font-size:17px}.wk2 .wk2-check-chip{min-width:72px;padding:0 6px}}
@media(min-width:900px){.wk2 .controls-dock{grid-template-columns:minmax(0,1fr) minmax(360px,.75fr)}.wk2 .discovery-strip{grid-template-columns:minmax(0,1fr)}.wk2 .weird-card{max-width:none}}
@media(orientation:landscape) and (max-height:430px){
 .wk2.whoo-app{grid-template-columns:minmax(0,1.08fr) minmax(270px,.92fr);grid-template-rows:46px minmax(0,1fr);height:100dvh}
 .wk2 .whoo-topbar{grid-column:1/-1;grid-row:1;height:46px;z-index:8}.wk2 .whoo-heading{position:absolute;left:max(calc(var(--embed-left) + 8px),8px);right:168px;top:6px;width:auto;z-index:10;padding:0;pointer-events:none}.wk2 .whoo-heading .kicker,.wk2 .whoo-heading p{display:none!important}.wk2 .whoo-heading h1{font-size:14px;line-height:1.05;color:#29235f;text-shadow:none;-webkit-line-clamp:2}
 .wk2 .activity-main{grid-column:1;grid-row:2;min-height:0;padding:0 4px 4px max(calc(var(--embed-left) + 4px),4px)}.wk2 .stage-card{height:100%;min-height:150px;border-radius:15px}
 .wk2 .controls-dock{grid-column:2;grid-row:2;min-height:0;display:flex;flex-direction:column;gap:4px;padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) 4px;border-radius:14px 0 0 0;overflow:hidden;z-index:7}
 .wk2 .controls-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:stretch;overflow:hidden}.wk2 .controls-row>.range-card,.wk2 .controls-row>.seg-wrap{grid-column:span 2}.wk2 .controls-row>button{grid-column:span 1}.wk2 .control-card{padding:2px 4px}.wk2 .control-head{margin-bottom:0}.wk2 .control-label,.wk2 .control-value{font-size:12px!important}.wk2 input[type=range]{min-height:44px;height:44px;margin:-8px 0;padding:8px 0}.wk2 .toggle-btn,.wk2 .primary-btn,.wk2 .secondary-btn,.wk2 .seg-btn{font-size:12px;min-height:44px;padding-left:5px;padding-right:5px}.wk2 .segmented{min-height:44px;padding:2px}.wk2 .discovery-strip{grid-template-columns:minmax(0,1fr);gap:3px;min-height:48px}.wk2 .weird-card{display:none!important}.wk2 .discovery-card{min-height:48px;padding:3px 5px}.wk2 .discovery-card p{font-size:12px!important;line-height:1.12;-webkit-line-clamp:1}.wk2 .metric-pill{font-size:11px!important}.wk2 .wk2-band-label{display:none}.wk2 .wk2-band-btn{width:44px;padding:0}.wk2 .wk2-check-sheet{max-height:calc(100dvh - 10px);padding:8px}.wk2 .wk2-check-q{padding:5px 0}.wk2 .wk2-check-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .wk2 .prediction-card{grid-template-columns:52px minmax(0,1fr)!important;max-width:690px;max-height:calc(100dvh - 12px);padding:8px 10px}.wk2 .prediction-whiz{display:block!important;grid-row:1/7;width:48px;height:48px;margin:0;align-self:center}.wk2 .prediction-options{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px}.wk2 .prediction-option,.wk2 .prediction-skip{min-height:44px!important;font-size:12px!important}.wk2 .prediction-skip{grid-column:2}.wk2 .prediction-note{display:none}
}
@media(min-width:1500px){.wk2 .stage-card{max-height:none}.wk2 .whoo-heading h1{max-width:1200px}}
/* Owl Whiz r2-fixed: compact, never-clipping controls dock on phones (see CHANGES.md) */
@media(max-width:520px),(orientation:landscape) and (max-height:430px){
 .wk2 .controls-row{display:flex!important;flex-wrap:wrap;gap:4px;align-items:stretch;overflow:visible!important}
 .wk2 .controls-row>*{flex:1 1 auto;min-width:44px;grid-column:auto!important}
 .wk2 .controls-row>.range-card{flex:1 1 128px}
 .wk2 .controls-row>.seg-wrap{flex:1 1 auto}
 .wk2 .controls-row>button{white-space:normal;line-height:1.1;padding:3px 8px;overflow-wrap:normal}
 .wk2 .controls-row .seg-btn{white-space:nowrap}
 .wk2 .controls-dock{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
 .wk2 .range-card{padding:2px 6px}.wk2 .range-card .control-head{margin-bottom:0;line-height:1.15}.wk2 .range-card input[type=range]{display:block;height:44px;min-height:44px;margin:-10px 0 -6px}
 .wk2 .segmented{box-sizing:border-box;min-height:48px}
 .wk2 .controls-row>.bat-dpad{flex:0 0 auto;grid-template-columns:repeat(4,44px)!important;grid-template-rows:44px!important;gap:4px}
 .wk2 .controls-row>.bat-dpad>button{grid-row:1!important;display:block!important}
 .wk2 .controls-row>.bat-dpad>.left{grid-column:1!important}.wk2 .controls-row>.bat-dpad>.up{grid-column:2!important}.wk2 .controls-row>.bat-dpad>.down{grid-column:3!important}.wk2 .controls-row>.bat-dpad>.right{grid-column:4!important}
}
@media(max-width:520px) and (orientation:portrait){
 .wk2.whoo-app{grid-template-rows:auto auto minmax(45dvh,1fr) auto}
 .wk2 .controls-dock{min-height:0}
}
@media(max-width:520px) and (orientation:portrait) and (max-height:700px){
 .wk2.whoo-app{grid-template-rows:auto auto minmax(40dvh,1fr) auto}.wk2 .stage-card{min-height:40dvh}
}
@media(orientation:landscape) and (max-height:430px){
 .wk2 .range-card .control-head{flex-wrap:nowrap;white-space:nowrap;gap:6px}.wk2 .range-card .control-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.wk2 .range-card .control-value{flex:0 0 auto}
}
@media(orientation:landscape) and (max-height:430px) and (max-width:640px){
 .wk2.whoo-app{grid-template-columns:minmax(0,1fr) minmax(296px,1fr)}
}
.wk2 .range-card input[type=range]:focus-visible{outline:3px solid #3b2f94!important;outline-offset:-7px;box-shadow:none!important}
.wk2 .prediction-note{font-size:12px!important}