.st{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"levels levels""tasks card""timer card";align-items:start;gap:24px clamp(24px,4vw,56px);display:grid}.st__levels{border:0;flex-wrap:wrap;grid-area:levels;gap:8px;margin:0;padding:0;display:flex}.st__levels legend,.st__tasks legend{margin-bottom:10px;padding:0;font-weight:700}.st__level{cursor:pointer;position:relative}.st__level input,.st__task input{opacity:0;margin:0;position:absolute}.st__level input{cursor:pointer;inset:0}.st__level span{background:var(--c-bg);min-width:64px;min-height:52px;color:var(--c-fg);font-family:var(--font-display);font-weight:900;font-size:var(--step-2);box-shadow:inset 0 0 0 2px var(--negro);place-items:center;padding:.35em .7em .2em;display:inline-grid}.st__level input:checked+span{box-shadow:inset 0 0 0 6px var(--negro)}.st__level input:focus-visible+span{box-shadow:inset 0 0 0 6px var(--negro), 0 0 0 4px var(--blanco), 0 0 0 8px var(--negro)}.st__tasks{border:0;grid-area:tasks;gap:6px;margin:0;padding:0;display:grid}.st__task{cursor:pointer;box-shadow:inset 0 0 0 2px var(--negro);background:var(--blanco);grid-template-columns:4.2em minmax(0,1fr);gap:2px 10px;padding:12px 14px;display:grid;position:relative}.st__task input{cursor:pointer;inset:0}.st__task:has(input:checked){background:var(--amarillo);box-shadow:inset 0 0 0 4px var(--negro)}.st__task:has(input:focus-visible){outline:3px solid var(--negro);outline-offset:3px}.st__task--off{cursor:default;opacity:.6}.st__task-n{font-family:var(--font-display);grid-row:span 2;font-weight:800}.st__task-title{font-family:var(--font-display);font-weight:800;font-size:var(--step-1);line-height:1.15}.st__task-time{font-size:var(--step--1)}.st__timer{background:var(--negro);color:var(--blanco);grid-area:timer;justify-items:start;gap:12px;padding:clamp(18px,3vw,28px);display:grid}.st__phase{font-family:var(--font-display);font-weight:800;font-size:var(--step-2)}.clock{font-family:var(--font-display);letter-spacing:0;font-size:clamp(4.5rem,10vw,8rem);font-weight:900;line-height:.85;display:inline-flex}.clock__digit{text-align:center;width:.6em;display:inline-block}.clock__sep{text-align:center;width:.28em;display:inline-block}.st__guidance{min-height:1.6em;font-size:var(--step-1)}.st__controls{flex-wrap:wrap;gap:10px;display:flex}.st__go{--cut-bg:var(--amarillo);--cut-fg:var(--negro)}.st__controls .cut--quiet{--cut-bg:var(--negro);--cut-fg:var(--blanco);box-shadow:inset 0 0 0 2px var(--blanco)}.st__controls .cut:disabled{opacity:.45;cursor:default}.st__record{align-items:flex-start;gap:10px;max-width:44ch;display:flex}.st__record input{width:20px;height:20px;accent-color:var(--amarillo);flex:none;margin-top:3px}.st__rec-on{color:var(--negro);background:var(--amarillo);padding:.2em .6em;font-weight:800}.st__note{max-width:44ch}.st__playback{gap:10px;width:100%;display:grid}.st__playback audio{width:100%}.st__card{background:var(--blanco);box-shadow:inset 0 0 0 3px var(--negro);grid-area:card;gap:14px;padding:clamp(18px,3vw,32px);display:grid}.st__card h2{font-size:var(--step-3)}.st__prompt{font-size:var(--step-1)}.st__scene{background:var(--turquesa);padding:14px 16px}.st__scene-label{margin-bottom:4px;font-weight:700}.st__points,.st__sequence{gap:4px;padding-left:1.2em;display:grid}.st__more{border-top:2px solid var(--negro);padding-top:10px}.st__more summary{cursor:pointer;font-family:var(--font-display);font-weight:800;font-size:var(--step-1)}.st__more[open] summary{margin-bottom:8px}.st__model{font-family:var(--font-passage);gap:8px;display:grid}.st__more ul{gap:4px;padding-left:1.2em;display:grid}@media (width<=900px){.st{grid-template-columns:minmax(0,1fr);grid-template-areas:"levels""tasks""card""timer"}}.st__cards{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.st__card-pick{background:var(--blanco);min-height:44px;color:var(--negro);box-shadow:inset 0 0 0 2px var(--negro);font:inherit;cursor:pointer;border:0;padding:8px 14px;font-weight:700}.st__card-pick--on{background:var(--negro);color:var(--blanco)}.st__page,.st__locked p{font-weight:700}.st__locked{border-top:2px solid var(--negro);gap:6px;padding-top:12px;display:grid}h1[data-astro-cid-cnkg7tsz]{font-size:var(--step-4)}
