: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}.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.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-sub{color:#9aa0a6;font-size:12px;line-height:20px}.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}.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{transition:none}.g-flash,.g-trail{display:none}}
