@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Calibre;src:url(../fonts/Calibre-Light.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Calibre;src:url(../fonts/calibre-regular-webfont.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Calibre;src:url(../fonts/calibre-medium-webfont.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Calibre;src:url(../fonts/calibre-semibold-webfont.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;cursor:none!important}:root{--screen:#eef0f3;--screen-edge:#e7e9ee;--ink:#2c3038;--ink-70:#2c3038b8;--ink-55:#2c30388c;--ink-40:#2c303866;--ink-15:#2c303826;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--display:"Bricolage Grotesque Variable", system-ui, sans-serif;--body:"Calibre", system-ui, sans-serif}@keyframes petro-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes petro-bob{0%,to{transform:translateY(-2.5px)}50%{transform:translateY(2.5px)}}@keyframes petro-cue{0%,to{opacity:.42}50%{opacity:.92}}@keyframes petro-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.blink{background:var(--ink-70);vertical-align:-.16em;width:.5em;height:1.05em;margin-left:.15em;animation:1.06s step-end infinite petro-blink;display:inline-block}@media (prefers-reduced-motion:reduce){.blink,.petro-art img,.pcue,.scr-fade{animation:none!important}}html,body{-webkit-font-smoothing:antialiased;height:100%;margin:0}#root{height:100vh}.petro-page{background:radial-gradient(125% 95% at 50% 28%,#ececed 0%,#dcdce1 58%,#cdced3 100%);min-height:100vh;margin:0;overflow:hidden}.fit-stage{width:100vw;height:100vh;position:relative;overflow:hidden}.fit-inner{transform-origin:0 0;position:absolute;top:0;left:0}.petro-device{filter:drop-shadow(0 30px 46px #2628373d)drop-shadow(0 8px 16px #2628371f);background:linear-gradient(176deg,#fff 0%,#f6f6f7 56%,#eaeaec 100%);border-radius:280px 280px 20px 20px/180px 180px 20px 20px;width:560px;margin:0 auto;padding:55px 20px 46px;position:relative;box-shadow:inset 0 4px #ffffffe6,inset 0 -26px 40px #0000000d}.petro-device:after{content:"";background:#0000000d;height:1px;position:absolute;bottom:128px;left:8%;right:8%}.petro-crt{background:radial-gradient(circle at 50% 36%,#54545d 0%,#2d2d34 52%,#17171a 100%);border-radius:50%;justify-content:center;align-items:center;width:420px;height:420px;margin:0 auto;display:flex;position:relative;box-shadow:0 12px 26px #00000057,inset 0 2px 5px #ffffff29,inset 0 -8px 16px #0000008c}.petro-crt:before{content:"";z-index:3;pointer-events:none;border-radius:50%;position:absolute;inset:13px;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 0 0 4px #00000073,inset 0 0 14px #0009}.petro-glass{background:radial-gradient(circle at 50% 44%, var(--screen) 56%, var(--screen-edge) 100%);border-radius:50%;width:378px;height:378px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000047,inset 0 0 26px #0000000d}.petro-keyboard{flex-direction:column;gap:6px;width:432px;margin:28px auto 0;display:flex}.petro-krow{justify-content:center;gap:6px;display:flex}.petro-key{background:linear-gradient(#fff,#ededee);border-radius:5px;width:38px;height:27px;box-shadow:0 2px #00000021,inset 0 1px #fff,inset 0 0 0 1px #0000000a}.petro-key.mod{background:linear-gradient(#e7e7ea,#d4d4d9)}.petro-key.sp{flex:auto;max-width:140px}.scr{text-align:center;color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:38px 44px;display:flex;position:absolute;inset:0}.scr-fade{animation:.4s both petro-fadein}.scr .zone-top{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:102px;display:flex;position:absolute;top:0;left:0;right:0}.scr .zone-mid{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.scr .zone-bot{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:50px;left:0;right:0}.scr .headline{font-family:var(--display);letter-spacing:-.6px;color:var(--ink);text-wrap:balance;max-width:270px;font-size:32px;font-weight:800;line-height:1}.scr .headline.sm{font-size:26px}.scr .headline.xs{font-size:20px}.scr .subline{font-family:var(--body);color:var(--ink-55);text-wrap:balance;letter-spacing:.1px;max-width:230px;font-size:15px;font-weight:400;line-height:1.2}.petro-art{justify-content:center;align-items:center;display:flex;transform:translateY(6px)}.petro-art img{object-fit:contain;object-position:center center;width:148px;height:164px;animation:3.6s ease-in-out infinite petro-bob;display:block}.petro-art.large img{width:200px;height:220px}.pcue{font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;color:var(--ink-55);align-items:center;font-size:11px;font-weight:400;line-height:1.5;display:inline-flex}.pcue.glow{animation:2.2s ease-in-out infinite petro-cue}.selector{justify-content:center;align-items:center;gap:12px;display:flex}.selector .chev{appearance:none;cursor:pointer;width:24px;height:24px;color:var(--ink-40);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;transition:color .15s,transform .15s;display:flex}.selector .chev:hover{color:var(--ink)}.selector .chev:active{transform:scale(.86)}.selector .chev svg{width:16px;height:16px}.selector .chev.pulse{animation:2.4s ease-in-out infinite petro-cue}.selector .value{font-family:var(--display);letter-spacing:-.2px;color:var(--ink);text-wrap:balance;justify-content:center;align-items:center;width:170px;min-height:2.1em;font-size:20px;font-weight:500;line-height:1.04;display:flex}.selector .value-fade{animation:.26s both petro-fadein}.legend{font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--ink-55);align-items:center;gap:24px;font-size:11px;display:flex}.legend .seg{align-items:baseline;gap:7px;display:inline-flex}.kg{font-family:var(--display);color:var(--ink-70);font-size:13px;font-weight:500;line-height:1}.kg.ret{font-size:16px;position:relative;top:2px}.kg.pulse{animation:2s ease-in-out infinite petro-cue}@keyframes crt-black{0%,40%{opacity:1}74%,to{opacity:0}}@keyframes crt-beam{0%{opacity:1;transform:scale(0,.016)}16%{opacity:1;transform:scaleY(.016)}44%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1)}}.poweron{z-index:7;pointer-events:none;position:absolute;inset:0}.poweron .pb{background:#0b0c0f;animation:.76s ease-out forwards crt-black;position:absolute;inset:0}.poweron .pl{transform-origin:50%;background:radial-gradient(135% 56%,#fff 0%,#f1f3f6 52%,#eef0f300 100%);animation:.76s ease-out forwards crt-beam;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.poweron{display:none}}@keyframes blob-morph{0%,to{border-radius:42% 58% 63% 37%/47% 42% 58% 53%}25%{border-radius:58% 42% 38% 62%/38% 58% 42% 62%}50%{border-radius:36% 64% 55% 45%/62% 36% 64% 38%}75%{border-radius:55% 45% 40% 60%/44% 62% 38% 56%}}@keyframes blob-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.07)rotate(10deg)}}.blob-screen{gap:26px}.blob{background:var(--ink);border-radius:42% 58% 63% 37%/47% 42% 58% 53%;width:120px;height:120px;animation:3.6s ease-in-out infinite blob-morph,6s ease-in-out infinite blob-breathe;box-shadow:0 8px 22px #2c30382e}@media (prefers-reduced-motion:reduce){.blob{animation:none}}@keyframes crt-flash{0%{opacity:.4}to{opacity:0}}.crt-flash{z-index:6;pointer-events:none;background:#fff;animation:.24s ease-out forwards crt-flash;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.crt-flash{opacity:0;animation:none}}.loadbar{border:1.5px solid var(--ink-70);background:0 0;border-radius:2px;width:178px;height:15px;padding:2px;overflow:hidden}.loadbar .fill{background-color:var(--ink);background-image:repeating-linear-gradient(90deg,#fff0 0 5px,#eef0f34d 5px 6px);width:0%;height:100%;transition:width .12s linear}.loadbar.appear{animation:.5s both petro-fadein}.loadbar.is-pending{opacity:0}.reset-hint{color:var(--ink-55);font-size:13px;animation:.4s both petro-fadein}@keyframes decept-print{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.decept img{border:1px solid var(--ink-15);background:#fff;width:auto;max-height:160px;animation:.7s both decept-print;display:block;box-shadow:0 6px 18px #2c30382e}@media (prefers-reduced-motion:reduce){.decept img{animation:none}}.decept-dl{border:1.5px solid var(--ink-40);font-family:var(--mono);letter-spacing:.8px;text-transform:uppercase;color:var(--ink-70);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s,opacity .25s;display:inline-flex}.decept-dl:hover{color:var(--ink);border-color:var(--ink-70)}.decept-dl.is-gone{opacity:0;pointer-events:none}.scr.web-success .zone-mid{top:45%}.decept-big img{cursor:zoom-in;max-height:232px}.decept-actions{gap:10px;display:flex}button.decept-dl{appearance:none;cursor:pointer;background:0 0}.decept-lightbox{z-index:9998;cursor:zoom-out;background:#2c3038eb;justify-content:center;align-items:center;padding:28px;animation:.2s both petro-fadein;display:flex;position:fixed;inset:0}.decept-lightbox img{cursor:zoom-out;background:#fff;max-width:100%;max-height:100%;box-shadow:0 16px 56px #00000073}.petro-kiosk{background:var(--screen-edge);min-height:100vh;margin:0;overflow:hidden}.kiosk-glass{background:radial-gradient(circle at 50% 44%, var(--screen) 56%, var(--screen-edge) 100%);width:378px;height:378px;position:relative;overflow:hidden}.web-stage{background:var(--screen-edge);justify-content:center;align-items:center;width:100vw;display:flex}.web-mac-window{background:var(--screen-edge);border:1.5px solid #2c30388c;border-radius:8px;overflow:hidden;box-shadow:0 4px #2c30381a}.web-mac-titlebar{background:#fbfbfc;border-bottom:1.5px solid #2c30388c;align-items:center;gap:12px;padding:9px 14px;display:flex}.web-mac-titlebar .mac-close{background:#fbfbfc;border:1.5px solid #2c30388c;flex:none;width:11px;height:11px}.web-mac-titlebar .mac-stripes{background:repeating-linear-gradient(#2c30384d 0 1.5px,#0000 1.5px 3.5px);flex:auto;height:11px}.web-mac-titlebar .mac-title{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:#2c303899;white-space:nowrap;font-size:11px}.web-mac-body{padding:0}