@font-face{font-family:Outfit;src:url(/interactivo/espresso/fonts/outfit-latin.woff2)format("woff2");font-weight:300 800;font-display:block}@font-face{font-family:DM Mono;src:url(/interactivo/espresso/fonts/dmmono-400-latin.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:DM Mono;src:url(/interactivo/espresso/fonts/dmmono-500-latin.woff2)format("woff2");font-weight:500;font-display:block}:root{--ink:#f4f4f3;--muted:#a4a8ad;--faint:#6b6f74;--glass:#0c0e12bd;--line:#ffffff17;--accent:#ffb25c;--radius:6px;--sans:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#07090d;margin:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#gl{touch-action:none;outline:none;display:block;position:absolute;inset:0}button,select{font:inherit;color:inherit}[hidden]{display:none!important}#labels{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.lbl{white-space:nowrap;color:#f2f6fb;letter-spacing:.01em;background:var(--glass);opacity:0;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:10px;padding:7px 15px 7px 12px;font-size:26px;font-weight:500;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.lbl i{background:#fff;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 8px}.lbl em{font-style:normal;font-family:var(--mono);color:var(--muted);font-size:22px;font-weight:400}.portrait .lbl{font-size:30px}.portrait .lbl em{font-size:26px}#hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-chips,.hud-figure,.hud-chart,.hud-caption,.hud-foot{position:absolute}.hud-chips{gap:10px;display:flex;top:72px;left:80px}.hud-chip{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);min-width:190px;padding:14px 22px 15px}.hud-chip .k{color:var(--muted);letter-spacing:.01em;margin-bottom:4px;font-size:23px;font-weight:500;display:block}.hud-chip .v{font-family:var(--mono);color:var(--ink);white-space:nowrap;font-size:40px;font-weight:500;display:block}.hud-clock .r{font-family:var(--mono);color:var(--accent);margin-top:4px;font-size:20px;display:block}.hud-figure{text-align:right;max-width:760px;top:72px;right:80px}.hud-figure-row{justify-content:flex-end;align-items:baseline;gap:12px;display:flex}.hud-figure.shade:before{content:"";z-index:-1;background:radial-gradient(closest-side,#080a0eb8,#080a0e80 55%,#080a0e00);position:absolute;inset:-70px -110px}.hud-figure .n{letter-spacing:-.02em;text-shadow:0 4px 30px #0000008c;font-size:132px;font-weight:600;line-height:.95}.hud-figure .u{color:var(--accent);font-size:46px;font-weight:500}.hud-figure .l{color:#d6d9dd;text-shadow:0 2px 16px #000000b3;margin-top:10px;font-size:34px;line-height:1.3;display:block}.hud-chart{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);width:720px;height:400px;bottom:96px;right:80px}.hud-chart canvas{display:block}.hud-caption{border-left:4px solid var(--accent);max-width:1000px;padding-left:24px;bottom:96px;left:80px}.hud-caption .t{letter-spacing:-.005em;text-shadow:0 3px 24px #000000b3;font-size:66px;font-weight:600;line-height:1.12;display:block}.hud-caption .s{color:#d0d4d9;text-shadow:0 2px 16px #000000b3;margin-top:12px;font-size:38px;font-weight:400;line-height:1.3;display:block}body[data-machine=espresso] .hud-caption{isolation:isolate}body[data-machine=espresso] .hud-caption:before{content:"";z-index:-1;filter:blur(15px);pointer-events:none;background:linear-gradient(90deg,#0a0c0ec7,#0a0c0e59 75%,#0000);position:absolute;inset:-24px -40px}.hud-foot{font-family:var(--mono);color:#f4f4f38c;letter-spacing:.02em;font-size:21px;bottom:36px;right:80px}.hud-end{z-index:30;background:#07090d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hud-end p{text-align:center;letter-spacing:-.01em;max-width:1400px;color:var(--ink);margin:0;padding:0 80px;font-size:64px;font-weight:500;line-height:1.2}.hud-error{z-index:50;border-radius:var(--radius);color:#ffd7d7;max-width:80vw;font-family:var(--mono);background:#3a1414;padding:12px 16px;font-size:14px;position:absolute;top:24px;left:24px}.portrait .hud-chips{flex-wrap:wrap;top:270px;left:64px;right:64px}.portrait .hud-chip{min-width:0;padding:14px 20px 15px}.portrait .hud-chip .k{font-size:27px}.portrait .hud-chip .v{font-size:46px}.portrait .hud-clock .r{font-size:24px}.portrait .hud-figure{text-align:left;max-width:none;top:420px;left:64px;right:64px}.portrait .hud-figure-row{justify-content:flex-start}.portrait .hud-figure.shade:before{background:linear-gradient(90deg,#080a0ec7,#080a0e9e 62%,#080a0e00);inset:-90px -64px;-webkit-mask-image:linear-gradient(#0000,#000 26% 74%,#0000);mask-image:linear-gradient(#0000,#000 26% 74%,#0000)}.portrait .hud-figure .n{font-size:160px}.portrait .hud-figure .u{font-size:56px}.portrait .hud-figure .l{font-size:40px}.portrait .hud-chart{width:auto;height:460px;bottom:660px;left:64px;right:64px}.portrait .hud-caption{border-left-width:5px;max-width:none;padding-left:26px;bottom:420px;left:64px;right:64px}.portrait .hud-caption .t{font-size:70px}.portrait .hud-caption .s{font-size:42px}.portrait .hud-foot{font-size:25px;bottom:362px;left:64px;right:auto}.portrait .hud-end p{max-width:900px;padding:0 64px;font-size:72px}#cursor{z-index:50;pointer-events:none;opacity:0;will-change:transform;position:absolute;top:0;left:0}#cursor>svg:first-child{position:absolute;top:-15px;left:-15px}#cursor .arrow{filter:drop-shadow(0 2px 4px #00000073);position:absolute;top:3px;left:3px}#cursor .ripple{opacity:0;border:2px solid #ffffffd9;border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px;transform:scale(.3)}#dev{z-index:60;border-radius:var(--radius);border:1px solid var(--line);background:#0a0c10e6;align-items:center;gap:6px;padding:6px;font-size:13px;display:flex;position:absolute;top:12px;left:12px}#dev select,#dev button{border:1px solid var(--line);cursor:pointer;background:#1b1e23;border-radius:4px;padding:5px 10px}#dev button:hover{background:#2a2e34}#dev span{font-family:var(--mono);color:var(--muted);padding:0 6px;font-size:12px}#panel{z-index:60;border-radius:var(--radius);border:1px solid var(--line);background:#0a0c10e6;min-width:240px;padding:12px;font-size:13px;position:absolute;top:12px;right:12px}body.rec *{cursor:none!important;transition:none!important;animation:none!important}body.clean #labels,body.clean #dev,body.clean #panel,body.clean .hud-chips,body.clean .hud-figure,body.clean .hud-chart,body.clean .hud-caption,body.clean .hud-foot{display:none!important}#panel.espresso-panel{width:300px;max-height:calc(100dvh - 24px);padding:18px;overflow-y:auto}.espresso-panel summary{cursor:pointer;font-size:18px;font-weight:600}.espresso-kicker{color:#caa783;letter-spacing:.13em;font-size:10px}.espresso-actions{grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;display:grid}.espresso-actions button{cursor:pointer;background:#25272a;border:1px solid #444;border-radius:5px;padding:9px 5px;font-size:12px}.espresso-actions button:hover{border-color:#dba777}.espresso-panel label{margin:13px 0;font-size:12px;display:block}.espresso-panel output{float:right;color:#dba777}.espresso-panel input[type=range]{accent-color:#dba777;width:100%;margin-top:8px}.espresso-live{font-family:var(--mono);color:#e6c9a7;font-size:12px;line-height:1.8}.espresso-note{color:#bbc0c7;font-size:11px;line-height:1.6}.espresso-panel a{color:#8fd4e9;margin-top:9px;font-size:12px;display:block}body[data-machine=espresso]:not(.rec) .hud-foot{font-size:12px;bottom:18px;right:22px}body[data-machine=espresso]:not(.rec) .hud-caption{max-width:min(700px,60vw);bottom:54px;left:24px}body[data-machine=espresso]:not(.rec) .hud-caption .t{font-size:clamp(22px,3vw,44px)}body[data-machine=espresso]:not(.rec) .hud-caption .s{font-size:clamp(14px,1.6vw,22px)}body[data-machine=espresso]:not(.rec) .hud-chips{top:70px;left:24px}body[data-machine=espresso]:not(.rec) .hud-chip{min-width:100px;padding:8px 12px}body[data-machine=espresso]:not(.rec) .hud-chip .k{font-size:12px}body[data-machine=espresso]:not(.rec) .hud-chip .v{font-size:22px}body[data-machine=espresso]:not(.rec) .hud-chart{width:350px;height:220px;bottom:80px;right:22px}body[data-machine=espresso]:not(.rec) .hud-figure{top:80px;right:335px}body[data-machine=espresso]:not(.rec) .hud-figure .n{font-size:72px}body[data-machine=espresso]:not(.rec) .hud-figure .l,body[data-machine=espresso]:not(.rec) .hud-figure .u{font-size:22px}body[data-machine=espresso]:not(.rec) .lbl{padding:5px 9px;font-size:14px}body[data-machine=espresso]:not(.rec) .hud-end p{padding:0 25px;font-size:clamp(24px,4vw,64px)}@media (max-width:700px){body[data-machine=espresso]:not(.rec) #dev{justify-content:center;font-size:11px;right:12px}body[data-machine=espresso]:not(.rec) #panel.espresso-panel{width:min(300px,100vw - 24px);max-height:65dvh;top:64px;right:12px}body[data-machine=espresso]:not(.rec) .hud-caption{max-width:none;bottom:64px;left:18px;right:18px}body[data-machine=espresso]:not(.rec) .hud-chips{top:130px;left:18px;right:18px}body[data-machine=espresso]:not(.rec) .hud-chip .v{font-size:18px}body[data-machine=espresso]:not(.rec) .hud-chart{width:auto;height:180px;inset:190px 18px auto}body[data-machine=espresso]:not(.rec) .hud-figure{top:160px;left:18px;right:18px}body[data-machine=espresso]:not(.rec) .hud-foot{font-size:10px;bottom:22px;left:18px;right:18px}body[data-machine=espresso]:not(.rec) .lbl{font-size:11px}}