:root{--bg: #001a1f;--bg-2: #03262d;--card: #072f37;--card-2: #0b3a43;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .22);--lime: #c4ff00;--lime-soft: rgba(196, 255, 0, .16);--text: #ffffff;--muted: rgba(255, 255, 255, .64);--head: "Lexend Mega", "Lexend Deca", system-ui, sans-serif;--body: "Lexend Deca", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--radius: 14px;--shadow: 0 14px 34px rgba(0, 0, 0, .38), 0 2px 6px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:300 16px/1.5 var(--body);-webkit-font-smoothing:antialiased}#app{position:fixed;inset:0;display:grid;grid-template-columns:1fr 440px;-webkit-user-select:none;user-select:none}#stage{grid-column:1;grid-row:1;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#stage:active{cursor:grabbing}#panel{grid-column:2;grid-row:1;overflow-y:auto;padding:30px 28px 28px;background:radial-gradient(120% 60% at 100% 0%,#0a3d46,#0a3d4600 60%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 55%);box-shadow:-18px 0 40px #00000059;position:relative;z-index:2}#fade{position:fixed;inset:0;background:var(--bg);opacity:0;pointer-events:none;transition:opacity .26s ease;z-index:5}#fade.on{opacity:1;pointer-events:auto}#loading{position:fixed;inset:0 440px 0 0;display:grid;place-content:center;gap:18px;text-align:center;z-index:6;padding:24px;background:var(--bg)}#loading[hidden]{display:none}#loading p{margin:0;font:300 12px/1.4 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#loading.error p{color:var(--text);font-family:var(--body);font-size:15px;letter-spacing:0;text-transform:none}#loading.error .spinner{display:none}.spinner{width:180px;height:2px;margin:auto;border-radius:2px;background:var(--line-strong);position:relative;overflow:hidden}.spinner:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:var(--lime);animation:bar 1.1s ease-in-out infinite}@keyframes bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}.brand{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.wordmark{font:700 22px/1 var(--head);letter-spacing:.02em}.wordmark .sup{font-size:12px;vertical-align:super;margin-left:1px}.eyebrow{margin:0;font:400 10.5px/1 var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1{margin:0;font:300 30px/1.1 var(--head);letter-spacing:.04em;text-transform:uppercase}.subline{margin:8px 0 10px;color:var(--lime);font-size:16px}.lead{margin:0 0 26px;color:var(--muted);font-size:14.5px}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.step{margin:0 0 24px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff09,#ffffff03);border:1px solid var(--line)}.step-head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.step-head b{font:400 12px/1 var(--head);color:var(--lime);letter-spacing:.08em}.step-head span{font:400 12px/1 var(--head);letter-spacing:.16em;text-transform:uppercase}.step-head em{margin-left:auto;font-style:normal;font-size:14px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.cards.two{grid-template-columns:1fr 1fr}.card{display:flex;flex-direction:column;text-align:left;border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(180deg,var(--card-2),var(--card));box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.card:hover{transform:translateY(-2px);border-color:var(--line-strong)}.card .img{display:block;width:100%;aspect-ratio:16 / 10;background-size:cover;background-position:center}.card.tint .img{background-blend-mode:multiply;background-size:220%}.card .txt{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.card strong{font-weight:400;font-size:15px}.card small{color:var(--muted);font-size:12px;line-height:1.3}.card.on{border-color:var(--lime);box-shadow:0 0 0 3px var(--lime-soft),var(--shadow)}.card.on:after{content:"✓";position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#001a1f;font:700 12px/1 var(--body)}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{display:flex;flex-direction:column;gap:7px;text-align:left}.swatch .img{display:block;width:100%;aspect-ratio:1;border-radius:12px;background-size:260%;background-position:center;box-shadow:inset 0 0 0 1px #ffffff1f,0 8px 18px #00000059;transition:transform .18s,box-shadow .18s}.swatch.tint .img{background-blend-mode:multiply}.swatch.preview .img{background-size:cover;aspect-ratio:4 / 3}.card.preview .img{background-size:cover}.swatch .img.tile{background-image:linear-gradient(rgba(255,255,255,.55) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.55) 2px,transparent 2px);background-size:50% 50%;background-position:-1px -1px}.swatch small{font-size:12px;line-height:1.25;color:var(--muted)}.swatch:hover .img{transform:translateY(-2px)}.swatch.on .img{box-shadow:0 0 0 2px var(--lime),0 0 0 6px var(--lime-soft),0 8px 18px #00000059}.swatch.on small{color:var(--text)}.chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:#00000040;border:1px solid var(--line)}.chip{flex:1 1 22%;padding:9px 6px;border-radius:9px;font-size:14px;color:var(--muted);text-align:center;transition:background .15s,color .15s}.chip:hover{color:var(--text)}.chip.on{background:var(--lime);color:#001a1f;font-weight:400;box-shadow:0 4px 14px #c4ff0040}.mode{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 0 24px;padding:16px 20px;border-radius:14px;background:var(--lime);color:#001a1f;font:400 13px/1 var(--head);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 12px 30px #c4ff0038;transition:transform .18s,box-shadow .18s}.mode i{font:400 20px/1 var(--body);font-style:normal;letter-spacing:0}.mode:hover{transform:translateY(-2px);box-shadow:0 16px 36px #c4ff004d}.badge{margin:-10px 0 24px;padding:10px 14px;border-radius:12px;background:var(--lime-soft);color:#e8ffa3;font-size:13px}footer{margin-top:10px;font-size:11.5px;color:var(--muted)}.sheet-handle{display:none}.price{position:sticky;bottom:-28px;margin:8px -28px -28px;padding:16px 28px 20px;z-index:2;background:linear-gradient(180deg,#001a1fd1,#001a1f 40%);backdrop-filter:blur(6px);border-top:1px solid var(--line)}.price small{display:block;font-size:12px;color:var(--muted);letter-spacing:.04em}.price strong{display:block;font:400 26px/1.15 var(--head);color:var(--lime);letter-spacing:.02em}.price em{display:block;margin-top:4px;font-style:normal;font-size:12px;color:var(--muted)}#panel{--text: #0e2a30;--muted: rgba(14, 42, 48, .62);--card: #ffffff;--card-2: #ffffff;--line: rgba(0, 26, 31, .1);--line-strong: rgba(0, 26, 31, .24);--lime-soft: rgba(196, 255, 0, .45);--shadow: 0 8px 22px rgba(0, 26, 31, .08), 0 1px 3px rgba(0, 26, 31, .06);color:var(--text);color-scheme:light;background:#f3f5f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45.03' height='78.00' viewBox='0 0 45.03 78.00'%3E%3Cpath d='M22.52,0.00 L45.03,13.00 L45.03,39.00 L22.52,52.00 L0.00,39.00 L0.00,13.00 Z M22.52,26.00 L0.00,13.00 M22.52,26.00 L45.03,13.00 M22.52,26.00 L22.52,52.00 M0.00,39.00 L22.52,52.00 L22.52,78.00 L0.00,91.00 L-22.52,78.00 L-22.52,52.00 Z M0.00,65.00 L-22.52,52.00 M0.00,65.00 L22.52,52.00 M0.00,65.00 L0.00,91.00 M45.03,39.00 L67.55,52.00 L67.55,78.00 L45.03,91.00 L22.52,78.00 L22.52,52.00 Z M45.03,65.00 L22.52,52.00 M45.03,65.00 L67.55,52.00 M45.03,65.00 L45.03,91.00 M22.52,78.00 L45.03,91.00 L45.03,117.00 L22.52,130.00 L0.00,117.00 L0.00,91.00 Z M22.52,104.00 L0.00,91.00 M22.52,104.00 L45.03,91.00 M22.52,104.00 L22.52,130.00 M0.00,-39.00 L22.52,-26.00 L22.52,0.00 L0.00,13.00 L-22.52,0.00 L-22.52,-26.00 Z M0.00,-13.00 L-22.52,-26.00 M0.00,-13.00 L22.52,-26.00 M0.00,-13.00 L0.00,13.00 M45.03,-39.00 L67.55,-26.00 L67.55,0.00 L45.03,13.00 L22.52,0.00 L22.52,-26.00 Z M45.03,-13.00 L22.52,-26.00 M45.03,-13.00 L67.55,-26.00 M45.03,-13.00 L45.03,13.00' fill='none' stroke='%23003a44' stroke-opacity='0.075' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 45.03px 78px;box-shadow:-14px 0 34px #00000029}#panel:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#9b5de5 0 14.3%,#f7c531 0 28.6%,#f48c2b 0 42.9%,#ea4335 0 57.1%,#3d8fdc 0 71.4%,#86c440 0 85.7%,#c4ff00 0)}#panel .subline{color:var(--text);display:inline;padding:0 2px;background:linear-gradient(transparent 58%,#c4ff00bf 58%)}#panel .lead{margin-top:12px}#panel .step{background:#ffffffd1;backdrop-filter:blur(3px);box-shadow:0 2px 10px #001a1f0a}#panel .step-head b{padding:4px 6px 3px;border-radius:6px;background:var(--lime);color:#001a1f}#panel .card .txt{background:#fff}#panel .swatch .img{box-shadow:inset 0 0 0 1px #001a1f1a,0 6px 14px #001a1f1a}#panel .swatch.on .img{box-shadow:0 0 0 2px #9acb00,0 0 0 6px var(--lime-soft),0 6px 14px #001a1f1a}#panel .card.on{border-color:#9acb00}#panel .chips{background:#001a1f0d}#panel .chip.on{box-shadow:0 4px 12px #96c80059}#panel .badge{color:#2d3d00}#panel .price{background:#fffffff0;box-shadow:0 -6px 18px #001a1f0f}#panel .price strong{color:#001a1f}#panel .sheet-handle{background:#001a1f33}#stage{filter:contrast(1.07) saturate(1.1)}#vignette{position:fixed;inset:0 440px 0 0;pointer-events:none;z-index:1;background:radial-gradient(120% 95% at 50% 45%,transparent 55%,rgba(0,10,12,.38) 100%)}#toast{position:fixed;left:calc((100vw - 440px)/2);top:24px;transform:translate(-50%,-12px);z-index:3;opacity:0;pointer-events:none;padding:10px 18px;border-radius:999px;background:#001a1fd1;backdrop-filter:blur(8px);color:var(--text);font:400 14px/1 var(--body);box-shadow:0 10px 28px #00000059;border:1px solid rgba(196,255,0,.45);transition:opacity .25s,transform .25s}#toast.on{opacity:1;transform:translate(-50%)}#debug{position:fixed;left:8px;bottom:8px;z-index:9;margin:0;padding:8px 10px;background:#000000b8;color:#9f9;font:11px/1.4 ui-monospace,Menlo,monospace;max-width:60vw;white-space:pre-wrap}.no-ui #panel,.no-ui #toast{display:none}.no-ui #vignette{inset:0}.no-ui #app{grid-template-columns:1fr}.no-ui #loading{inset:0}@media (min-width: 768px) and (max-height: 960px) and (orientation: landscape){#panel{padding:20px 24px 22px}.brand{margin-bottom:10px}h1{font-size:24px}.subline{margin:4px 0 14px;font-size:15px}.lead{display:none}.step{margin-bottom:14px;padding:14px}.step-head{margin-bottom:10px}.card .img{aspect-ratio:16 / 8}.card .txt{padding:8px 10px 9px}.mode{margin-bottom:14px;padding:13px 18px}}@media (max-width: 767px),(orientation: portrait) and (max-width: 1100px){#app{grid-template-columns:1fr}#loading{inset:0}#panel{position:fixed;left:0;right:0;bottom:0;max-height:50vh;border-radius:22px 22px 0 0;padding:6px 16px calc(18px + env(safe-area-inset-bottom));transition:max-height .25s ease;z-index:4;box-shadow:0 -18px 40px #0006}#panel.collapsed{max-height:132px;overflow:hidden}#vignette{inset:0}#toast{left:50%;top:14px}.sheet-handle{display:block;width:44px;height:4px;margin:8px auto 14px;border-radius:4px;background:var(--line-strong)}.brand{margin-bottom:10px}h1{font-size:21px}.lead{display:none}.step{padding:14px}}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/lexend-deca-vietnamese-200-normal-DlrF1taf.woff2) format("woff2"),url(/assets/lexend-deca-vietnamese-200-normal-jhQU49Jo.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/lexend-deca-latin-ext-200-normal-BT0vLctc.woff2) format("woff2"),url(/assets/lexend-deca-latin-ext-200-normal-CBrckEZJ.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:200;src:url(/assets/lexend-deca-latin-200-normal-Ds2FdQAz.woff2) format("woff2"),url(/assets/lexend-deca-latin-200-normal-CIzhpW0A.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-deca-vietnamese-300-normal-D3ksRyGA.woff2) format("woff2"),url(/assets/lexend-deca-vietnamese-300-normal-CriBxi-B.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-deca-latin-ext-300-normal-CdKxaLuo.woff2) format("woff2"),url(/assets/lexend-deca-latin-ext-300-normal-DDv9v2Xf.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-deca-latin-300-normal-7QFfYKji.woff2) format("woff2"),url(/assets/lexend-deca-latin-300-normal-HuUv6go_.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-vietnamese-400-normal-CqDGOq4W.woff2) format("woff2"),url(/assets/lexend-deca-vietnamese-400-normal-CzFfcpeX.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-ext-400-normal-BvTspokg.woff2) format("woff2"),url(/assets/lexend-deca-latin-ext-400-normal-ByAQwelJ.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:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-400-normal-Cs_IAxDy.woff2) format("woff2"),url(/assets/lexend-deca-latin-400-normal-BFkfGIOA.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:Lexend Mega;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-mega-vietnamese-300-normal-B65Rypxg.woff2) format("woff2"),url(/assets/lexend-mega-vietnamese-300-normal-DEqlPRLR.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:Lexend Mega;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-mega-latin-ext-300-normal-DDNz50YK.woff2) format("woff2"),url(/assets/lexend-mega-latin-ext-300-normal-CQimIeNL.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:Lexend Mega;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/lexend-mega-latin-300-normal-kvalB-CF.woff2) format("woff2"),url(/assets/lexend-mega-latin-300-normal-Cb5zjuzn.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:Lexend Mega;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-mega-vietnamese-400-normal-D8IdLj15.woff2) format("woff2"),url(/assets/lexend-mega-vietnamese-400-normal-D8FhehPk.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:Lexend Mega;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-mega-latin-ext-400-normal-C_zetRwb.woff2) format("woff2"),url(/assets/lexend-mega-latin-ext-400-normal-DPlGqbHk.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:Lexend Mega;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-mega-latin-400-normal-BlQg2UuM.woff2) format("woff2"),url(/assets/lexend-mega-latin-400-normal-B2psH-90.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}