@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/trinh-tu-zns/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/trinh-tu-zns/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/trinh-tu-zns/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/trinh-tu-zns/assets/be-vietnam-pro-vietnamese-600-normal-nyU-ZL2p.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-vietnamese-600-normal-DkpCIyan.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/trinh-tu-zns/assets/be-vietnam-pro-latin-ext-600-normal-BNd8euf0.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-latin-ext-600-normal-BeUwKxhG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/trinh-tu-zns/assets/be-vietnam-pro-latin-600-normal-BZDkUTrt.woff2) format("woff2"),url(/trinh-tu-zns/assets/be-vietnam-pro-latin-600-normal-5IO4e7bK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/trinh-tu-zns/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/trinh-tu-zns/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/trinh-tu-zns/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/trinh-tu-zns/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/trinh-tu-zns/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/trinh-tu-zns/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/trinh-tu-zns/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/trinh-tu-zns/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/trinh-tu-zns/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Be Vietnam Pro,sans-serif;color:#1b2640;background:#e9edf1;--navy:#111d3b;--blue:#243862;--lime:#c9ef4e;--paper:#fbfaf5;--line:#d9dfe4;--muted:#707b8a;--green:#28735a;--orange:#d47738}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit;color:inherit}button{cursor:pointer}.mono{font:600 8px IBM Plex Mono;letter-spacing:.12em}.app{display:grid;grid-template-columns:215px minmax(600px,1fr) 310px;min-height:100vh}.app>aside:first-child{background:var(--navy);color:#fff;padding:20px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:9px;align-items:center;padding:0 6px}.brand>span{width:34px;height:34px;position:relative}.brand i{width:8px;height:8px;border-radius:50%;background:var(--lime);position:absolute}.brand i:first-child{left:2px;top:3px}.brand i:nth-child(2){right:2px;top:13px}.brand i:last-child{left:7px;bottom:1px}.brand>span:after{content:"";position:absolute;top:7px;right:8px;bottom:7px;left:8px;border:2px solid #fff;border-left:0;transform:rotate(12deg)}.brand b{font:700 14px Archivo;letter-spacing:.07em}.brand small{display:block;font:500 6px IBM Plex Mono;color:#96a4bb}.new{margin:23px 0;border:0;background:var(--lime);color:var(--navy);border-radius:7px;min-height:39px;font-size:8px;display:flex;gap:6px;align-items:center;justify-content:center}.app>aside>p{color:#73839c;margin:12px 8px 7px}.scenario{border:0;background:none;color:#afbacd;border-radius:7px;padding:9px 7px;display:grid;grid-template-columns:26px 1fr;text-align:left;gap:7px}.scenario>span{width:26px;height:26px;border:1px solid #4a5872;border-radius:50%;display:grid;place-items:center;font:600 7px IBM Plex Mono}.scenario b,.scenario small{display:block;font-size:8px}.scenario small{font-size:6px;color:#7888a0;margin-top:3px}.scenario.active{background:#ffffff12;color:#fff}.scenario.active>span{background:var(--lime);color:var(--navy);border-color:var(--lime)}.photo{margin-top:auto;border-radius:8px;overflow:hidden;background:#1e2a4a}.photo img{width:100%;height:88px;object-fit:cover}.photo small{display:block;padding:7px;font-size:6px;color:#a7b1c2}.account{display:flex;gap:7px;align-items:center;padding:14px 6px 0}.account>span{width:28px;height:28px;background:#e9d5b6;color:var(--navy);border-radius:50%;display:grid;place-items:center;font:600 7px IBM Plex Mono}.account b,.account small{display:block;font-size:8px}.account small{font-size:6px;color:#8897ad}.app>main{background:#edf0f3;height:100vh;overflow:auto}.app>main>header{height:75px;background:#fafafa;border-bottom:1px solid var(--line);padding:12px 22px;display:flex;justify-content:space-between;align-items:center}.app>main header p{color:#577088;margin:0 0 5px}.app>main header h1{font:680 21px Archivo;margin:0}.app>main header h1 em{font:500 7px IBM Plex Mono;font-style:normal;background:#e2e6e9;padding:3px 5px;border-radius:4px}.app>main header>div:last-child{display:flex;gap:5px}.app>main header button{border:1px solid var(--line);background:#fff;border-radius:6px;height:34px;padding:0 9px;font-size:7px;display:flex;align-items:center;gap:4px}.app>main header .test{border-color:var(--navy)}.app>main header .live{background:var(--navy);color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 18px}.metrics article{background:#fff;border:1px solid var(--line);padding:12px;border-radius:8px}.metrics small{font:500 6px IBM Plex Mono;color:var(--muted)}.metrics b{display:block;font:650 20px Archivo;margin:5px 0}.metrics span{font-size:6px;color:var(--green)}.guard{grid-column:1/4;background:#e7edda;border:1px solid #c7d3a9;border-radius:7px;padding:9px;display:flex;gap:8px;align-items:center}.guard svg{color:var(--green)}.guard b,.guard small{display:block}.guard b{font-size:8px}.guard small{font-size:6px;color:var(--muted)}.canvas{margin:0 18px 20px;background-color:#f9f8f3;background-image:radial-gradient(#cfd4d6 1px,transparent 1px);background-size:17px 17px;border:1px solid var(--line);border-radius:9px;min-height:620px}.canvas-head{height:46px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:8px 13px}.canvas-head p{margin:0;color:var(--muted)}.canvas-head span{font-size:6px;color:var(--muted)}.canvas-head>div:last-child{display:flex;align-items:center}.canvas-head button{border:1px solid var(--line);background:#fff}.canvas-head b{font:500 7px IBM Plex Mono;padding:0 8px}.flow{max-width:480px;margin:25px auto}.node{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;background:#fff;border:1px solid #cfd5d9;border-radius:9px;padding:10px 12px;box-shadow:0 5px 12px #11213b0d}.node>span{width:36px;height:36px;border-radius:7px;background:#e5e9f1;color:var(--blue);display:grid;place-items:center}.node small,.node b,.node em{display:block}.node small{font:600 6px IBM Plex Mono;color:#718099}.node b{font-size:9px;margin:3px 0}.node em{font:500 6px IBM Plex Mono;color:var(--muted);font-style:normal}.node>i{font-style:normal;font-size:6px;background:#e7ebef;padding:4px}.node.trigger{border-color:#89a0cb}.node.trigger>span{background:var(--blue);color:#fff}.node.message{border-color:#829d25}.node.message>span,.node.goal>span{background:var(--lime)}.node.stop>span{background:#efe5db;color:var(--orange)}.node.goal{border-color:#69a78a}.connector{height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6f7e8b;position:relative}.connector i{position:absolute;height:38px;width:1px;background:#9aa6af}.connector span{background:#edf0f3;border:1px solid #cdd4d9;padding:3px 7px;border-radius:99px;font:500 5px IBM Plex Mono;z-index:1}.connector svg{position:absolute;bottom:-1px;transform:rotate(90deg);width:10px}.branches{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}.branches:before{content:"";position:absolute;left:25%;right:25%;top:-12px;border-top:1px solid #9aa6af}.branches>div>span{display:block;text-align:center;font:600 5px IBM Plex Mono;color:var(--muted);margin:0 0 5px}.branches .node{height:73px}.tester{background:#fff;border-left:1px solid var(--line);padding:20px;height:100vh;overflow:auto}.tester header{display:flex;justify-content:space-between}.tester header p{color:#6a7890;margin:0}.tester h2{font:650 20px Archivo;margin:5px 0 18px}.tester header button{border:0;background:#eee;border-radius:50%;width:31px;height:31px}.tester label{display:block;font-size:7px;color:var(--muted);margin:12px 0}.tester input{display:block;width:100%;border:1px solid var(--line);background:#f5f6f4;border-radius:6px;padding:9px;margin-top:4px;font-size:8px}.vars{background:#eef1f3;border-radius:8px;padding:11px}.vars b{font-size:8px}.vars p{display:flex;gap:5px;font:500 6px IBM Plex Mono;color:var(--green)}.run-actions{display:flex;gap:6px;margin:15px 0}.run-actions button{flex:1;border:1px solid var(--navy);background:#fff;border-radius:6px;padding:9px;font-size:7px}.run-actions button:last-child{background:var(--navy);color:#fff;display:flex;justify-content:center;gap:4px}.result{display:flex;gap:9px;border:1px solid #9fc6af;background:#edf7f0;border-radius:8px;padding:11px;color:var(--green)}.result.hold{border-color:#d9ad82;background:#fff7ed;color:var(--orange)}.result b{font-size:8px}.result p{font-size:7px;line-height:1.6;color:var(--muted);margin:3px 0}.fine{display:block;text-align:center;font-size:6px;color:var(--muted);margin-top:12px}@media(max-width:1050px){.app{grid-template-columns:190px 1fr}.tester{position:fixed;right:0;top:75px;width:310px;height:calc(100vh - 75px);transform:translate(100%);transition:.2s;z-index:20;box-shadow:-8px 0 25px #0002}.tester.open{transform:none}}@media(max-width:700px){.app{display:block}.app>aside:first-child{height:58px;min-height:58px;position:sticky;top:0;z-index:30;flex-direction:row;align-items:center;padding:8px 12px}.new,.scenario,.app>aside>p,.photo,.account{display:none}.brand small{display:none}.app>main{height:auto}.app>main>header{height:64px;padding:10px 12px}.app>main header p,.app>main header button:not(.test){display:none}.app>main header h1{font-size:17px}.metrics{grid-template-columns:1fr 1fr;padding:10px 12px}.metrics article:nth-child(2){display:none}.guard{grid-column:1/3}.canvas{margin:0 12px 20px;min-height:600px}.flow{padding:0 10px}.branches{gap:8px}.tester{top:auto;bottom:0;width:100%;height:390px}.tester.open{transform:none}.tester:not(.open){display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}