:root{--frsn-black:#020202;--frsn-ice:#e9ecef;--frsn-dim:#e9ecef73}html:root{--background:#020202!important;--foreground:#e9ecef!important;--caret:#e9ecef!important;--selection:#e9ecef24!important;--lineHighlight:#e9ecef0a!important;--lineBackground:transparent!important;--gutterForeground:#e9ecef40!important}*{box-sizing:border-box}html,body{background:var(--frsn-black);height:100%;color:var(--frsn-ice);margin:0;font-family:IBM Plex Mono,ui-monospace,monospace}body{flex-direction:column;min-height:100vh;display:flex}header,footer{letter-spacing:.08em;align-items:center;gap:16px;padding:14px 16px;font-size:12px;display:flex}header{text-transform:uppercase;justify-content:space-between}.meta,.hint{color:var(--frsn-dim)}.live{align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:inline-flex}.live:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px}.live[aria-pressed=true]:before{background:currentColor}.status{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--frsn-dim);flex:1;font-size:11px;overflow:hidden}.status[hidden]{display:none}.source{color:var(--frsn-dim);margin-left:auto;font-size:11px;text-decoration:none}.source:hover,.source:focus-visible{color:var(--frsn-ice);text-decoration:underline}.source+.iso{margin-left:0}@keyframes live-pulse{0%{box-shadow:inset 0 0 0 1px #e9ecef73}to{box-shadow:inset 0 0 0 1px #e9ecef00}}#editor.live-pulse,.live.live-pulse{animation:.42s ease-out live-pulse}.pieces{gap:8px;display:flex}.pieces button{text-transform:lowercase;padding:4px 10px;font-size:11px}main{flex:1;padding:0 4px;overflow:auto}#editor{min-height:100%}.cm-editor{font-family:IBM Plex Mono,ui-monospace,monospace!important}.cm-gutters{border-right:none!important}button{color:var(--frsn-ice);border:1px solid var(--frsn-dim);font:inherit;letter-spacing:.08em;cursor:pointer;background:0 0;padding:6px 14px}button:hover,button:focus-visible{border-color:var(--frsn-ice);outline:none}button[aria-pressed=true]{background:var(--frsn-ice);color:var(--frsn-black)}.iso{width:18px;color:var(--frsn-ice);margin-left:auto}.iso svg{width:100%;height:auto;display:block}@media (width<=600px){header{flex-wrap:wrap;row-gap:10px}.hint,.meta{display:none}}body[data-view=codigo] #grilla{display:none}body[data-view=grilla] #editor{display:none!important}body[data-view=ambos] main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}body[data-view=ambos] #editor{order:1;min-width:0}body[data-view=ambos] #grilla{border-left:1px solid #e9ecef1f;order:2;align-self:start;max-height:calc(100dvh - 110px);position:sticky;top:0;overflow-y:auto}.views{gap:8px;display:flex}.views[hidden]{display:none}.views button{padding:4px 10px;font-size:11px}body:after{content:"";pointer-events:none;z-index:50;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.91 0 0 0 0 0.93 0 0 0 0 0.94 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.grilla{min-height:100%;padding:18px 32px 28px;font-size:14px;position:relative;overflow:hidden}.g-trail,.g-flash{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.g-flash{background:var(--frsn-ice);opacity:0}.g-pos,.g-body,.g-foot{z-index:1;position:relative}.g-pos{text-align:right;letter-spacing:.14em;color:#9aa0a6;margin-bottom:18px;font-size:12px}.g-body{justify-content:space-between;gap:40px;display:flex}.g-code{flex:1;min-width:0;line-height:26px}.g-comment{white-space:pre;color:#7d8288}.g-row{padding-top:8px}.g-src{white-space:pre;text-overflow:ellipsis;color:#e9ecef9e;transition:background-color .14s linear,color .14s linear;overflow:hidden}.g-label{color:#7d8288;min-width:9ch;margin-right:1ch;display:inline-block}.g-src code{font:inherit}.g-row.sounding .g-src code{color:var(--frsn-ice)}.g-row.landed .g-src code{background:var(--frsn-ice);color:var(--frsn-black)}.g-steps{align-items:center;height:34px;display:flex}.g-q{white-space:pre;color:#e9ecefd1}.g-cell{color:#44484d;letter-spacing:0;cursor:pointer;background:0 0;border:1px solid #0000;width:28px;height:30px;padding:0;font:17px IBM Plex Mono,ui-monospace,monospace;transition:background-color .14s linear,color .14s linear,box-shadow .14s linear}.g-cell[aria-pressed]{color:#44484d;background:0 0}.g-cell.on{color:#e9ecefd9}.g-cell.head{background:#e9ecef12}.g-cell.hit{background:var(--frsn-ice);color:var(--frsn-black);box-shadow:0 0 20px #e9ecef99}.g-cell.pending{border:1px dashed var(--frsn-ice)}.g-cell:hover{color:var(--frsn-ice);border-color:#e9ecef66}.g-cell:focus-visible{outline:2px solid var(--frsn-ice);outline-offset:2px}.g-row{transition:background-color .14s linear}.g-row.hovered{background:#e9ecef0f;box-shadow:-20px 0 #e9ecef0f,20px 0 #e9ecef0f}.g-row.hovered .g-label{color:var(--frsn-ice)}.cm-editor .cm-line.cm-grid-hover{box-shadow:inset 3px 0 0 var(--frsn-ice);background:#e9ecef12}.g-row.code-only{opacity:.5}.g-note{color:#7d8288;letter-spacing:.06em;font-size:12px}.g-row.new .g-label{color:var(--frsn-ice)}.g-side{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:10px;width:320px;display:flex}.g-title{letter-spacing:.04em;text-transform:uppercase;font-family:Jost,sans-serif;font-size:56px;font-weight:560;line-height:1}.g-disc{width:320px;height:320px;margin-top:14px}.g-foot{align-items:center;gap:12px;margin-top:28px;display:flex}.g-foot button{letter-spacing:.14em;height:44px;padding:0 20px;font-size:12px}.g-foot button:hover{background:var(--frsn-ice);color:var(--frsn-black)}.g-hint{color:#8a8f95;font-size:11px}body[data-view=ambos] .grilla{padding:14px 20px 24px}body[data-view=ambos] .g-body{flex-direction:column;gap:18px}body[data-view=ambos] .g-side{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;width:auto}body[data-view=ambos] .g-title{font-size:36px}body[data-view=ambos] .g-disc{width:200px;height:200px;margin:0}body[data-view=ambos] .g-cell{width:22px;height:26px;font-size:15px}body[data-view=ambos] .g-steps{height:30px}@media (width<=1100px){body[data-view=ambos] main{grid-template-columns:minmax(0,1fr)}body[data-view=ambos] #grilla{border-bottom:1px solid #e9ecef1f;border-left:none;order:0;max-height:none;position:relative}.g-body{flex-direction:column}.g-side{text-align:left;align-items:flex-start;width:auto}}@media (width<=600px){.grilla{padding:12px 16px 20px}.g-q,.g-comment{display:none}.g-cell,body[data-view=ambos] .g-cell{width:calc(6.25vw - 2.125px);height:28px;font-size:14px}.g-title{font-size:40px}.g-disc{width:240px;height:240px}.g-hint{display:none}}@media (prefers-reduced-motion:reduce){.g-cell,.g-src,.g-row{transition:none}.g-flash,.g-trail{display:none}}#lesson[hidden]{display:none}body[data-lesson] main{grid-template-rows:auto auto;grid-template-columns:minmax(300px,400px) minmax(0,1fr);align-items:start;display:grid}body[data-lesson] #lesson{grid-area:1/1/span 2}body[data-lesson] #editor{order:0;grid-area:1/2;min-height:0}body[data-lesson] #grilla{border-top:1px solid #e9ecef1f;border-left:none;order:0;grid-area:2/2;min-height:0;max-height:none;position:relative;overflow:visible}body[data-lesson] .g-title{display:none}.lesson{border-right:1px solid #e9ecef1f;flex-direction:column;gap:18px;padding:28px 32px 32px 16px;font-size:14px;display:flex;position:sticky;top:0}.l-dots{gap:6px;display:flex}.l-dot{background:#26282b;border:none;width:28px;height:4px;padding:0}.l-dot.seen{background:#6f747a}.l-dot[aria-current=step]{background:var(--frsn-ice)}.l-dot:hover{background:#9aa0a6}.l-count{letter-spacing:.16em;color:#9aa0a6;font-size:11px}.l-title{letter-spacing:.01em;text-transform:uppercase;margin:0;font-family:Jost,sans-serif;font-size:36px;font-weight:560;line-height:1.08}.l-body{color:#c3c7cc;white-space:pre-line;margin:0;line-height:24px}.l-task{border:1px solid #2a2c2f;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.l-task[hidden]{display:none}.l-box{border:1px solid var(--frsn-ice);flex:none;width:12px;height:12px}.l-task.done{border-color:#6f747a}.l-task.done .l-box{background:var(--frsn-ice)}.l-control{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.l-control:empty{display:none}.l-add{border-style:dashed;border-color:var(--frsn-ice)}.l-freq{align-items:center;gap:8px;font-size:13px;display:flex}.l-freq input{accent-color:var(--frsn-ice);width:180px}.l-freq output{min-width:2ch}.l-hint{color:#8a8f95;width:100%;font-size:11px}.l-mute{text-transform:lowercase}.l-guide{color:#9aa0a6}.l-links{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.l-links:empty{display:none}.l-links a,.l-doc{color:var(--frsn-ice);font-size:13px;text-decoration:none}.l-links li:last-child a{color:#9aa0a6}.l-links a:hover,.l-links a:focus-visible,.l-doc:hover,.l-doc:focus-visible{text-decoration:underline}.l-doc{color:#9aa0a6;font-size:12px}.l-doc[hidden]{display:none}.l-nav{gap:10px;padding-top:4px;display:flex}.l-nav button{height:44px;padding:0 18px}.l-back[hidden]{display:none}.l-next.ready{background:var(--frsn-ice);color:var(--frsn-black);border-color:var(--frsn-ice)}@media (width<=1100px){body[data-lesson] main{grid-template-columns:minmax(0,1fr)}body[data-lesson] #lesson{border-bottom:1px solid #e9ecef1f;border-right:none;grid-area:1/1;position:relative}body[data-lesson] #editor{grid-area:2/1}body[data-lesson] #grilla{grid-area:3/1}.l-title{font-size:28px}}.tour{z-index:60;pointer-events:none;position:fixed;inset:0}.tour[hidden]{display:none}.tour-spot{outline:1px solid var(--frsn-ice);outline-offset:2px;transition:left .32s cubic-bezier(.2,.7,.2,1),top .32s cubic-bezier(.2,.7,.2,1),width .32s cubic-bezier(.2,.7,.2,1),height .32s cubic-bezier(.2,.7,.2,1);position:fixed;box-shadow:0 0 0 200vmax #020202cc}.tour-tip{background:var(--frsn-black);border:1px solid var(--frsn-ice);pointer-events:auto;text-transform:none;letter-spacing:normal;flex-direction:column;gap:12px;width:min(360px,100vw - 28px);padding:22px 22px 18px;transition:left .32s cubic-bezier(.2,.7,.2,1),top .32s cubic-bezier(.2,.7,.2,1);display:flex;position:fixed}.tour-count{letter-spacing:.16em;color:#9aa0a6;font-size:11px}.tour-title{text-transform:uppercase;margin:0;font-family:Jost,sans-serif;font-size:24px;font-weight:560;line-height:1.1}.tour-body{color:#c3c7cc;white-space:pre-line;margin:0;font-size:13px;line-height:21px}.tour-doc{color:#9aa0a6;font-size:12px;text-decoration:none}.tour-doc:hover,.tour-doc:focus-visible{color:var(--frsn-ice);text-decoration:underline}.tour-doc[hidden]{display:none}.tour-nav{align-items:center;gap:10px;padding-top:4px;display:flex}.tour-nav button{height:40px;padding:0 14px;font-size:12px}.tour-skip{color:#9aa0a6;border-color:#0000}.tour-back{margin-left:auto}.tour-back[hidden]{display:none}.tour-back[hidden]+.tour-next{margin-left:auto}.tour-next{background:var(--frsn-ice);color:var(--frsn-black);border-color:var(--frsn-ice)}.guide{text-transform:lowercase;padding:4px 10px;font-size:11px}.guide[hidden]{display:none}@media (prefers-reduced-motion:reduce){.tour-spot,.tour-tip{transition:none}}