@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-vietnamese.woff2) format("woff2");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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-latin-ext.woff2) format("woff2");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:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-latin.woff2) format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Inter-vietnamese.woff2) format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Inter-latin-ext.woff2) format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Inter-latin.woff2) format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/JetBrainsMono-vietnamese.woff2) format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/JetBrainsMono-latin-ext.woff2) format("woff2");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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/assets/fonts/JetBrainsMono-latin.woff2) format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Fraunces-vietnamese.woff2) format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Fraunces-latin-ext.woff2) format("woff2");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:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/Fraunces-latin.woff2) format("woff2");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:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/CourierPrime-400-latin-ext.woff2) format("woff2");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:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/CourierPrime-400-latin.woff2) format("woff2");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:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/CourierPrime-700-latin-ext.woff2) format("woff2");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:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/CourierPrime-700-latin.woff2) format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/SpaceMono-400-vietnamese.woff2) format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/SpaceMono-400-latin-ext.woff2) format("woff2");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:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/SpaceMono-400-latin.woff2) format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/SpaceMono-700-vietnamese.woff2) format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/SpaceMono-700-latin-ext.woff2) format("woff2");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:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/SpaceMono-700-latin.woff2) format("woff2");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{--radius: 10px;--radius-sm: 7px;--rail-w: 84px;--chip-w: 300px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: var(--font);--mono: ui-monospace, SFMono-Regular, Menlo, monospace}[data-fonts=studio]{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-fonts=editorial]{--font: "Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Fraunces", "Be Vietnam Pro", Georgia, serif;--mono: "Courier Prime", ui-monospace, SFMono-Regular, Menlo, monospace}[data-fonts=native]{--font: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Be Vietnam Pro", ui-sans-serif, system-ui, sans-serif;--mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=light]{--bg: #ffffff;--bg-sunken: #f6f7f9;--bg-elev: #ffffff;--border: #dcdfe4;--border-soft: #eceef1;--text: #14181d;--text-dim: #5c6773;--danger: #c2402f;--accent-l: 42%;--accent-fg: #ffffff;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06)}[data-theme=dark]{--bg: #000000;--bg-sunken: #0b0b0c;--bg-elev: #131315;--border: #2a2a2e;--border-soft: #1d1d20;--text: #f2f3f5;--text-dim: #9aa2ad;--danger: #ff6b57;--accent-l: 60%;--accent-fg: #0a0a0a;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px rgba(0, 0, 0, .45)}[data-accent=amber]{--accent-h: 33;--accent-s: 92%}[data-accent=blue]{--accent-h: 214;--accent-s: 88%}[data-accent=emerald]{--accent-h: 158;--accent-s: 68%}[data-accent=rose]{--accent-h: 343;--accent-s: 82%}[data-accent=violet]{--accent-h: 265;--accent-s: 78%}:root{--accent: hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-hover: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) + 7%));--accent-soft: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .14);--accent-line: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .45)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}a{color:var(--accent)}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);padding:7px 12px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--accent-line)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.ghost:hover{color:var(--text);background:var(--bg-sunken)}.field{width:100%;padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text)}.popover{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:220px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px}.shell{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border-soft);background:var(--bg-elev);flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.04em}.brand small{color:var(--text-dim);font-weight:400;margin-left:6px;letter-spacing:0}.header .spacer{flex:1 1 auto}.recipe-name{font-family:var(--mono);font-size:12px;color:var(--text-dim);border:1px solid var(--border-soft);border-radius:999px;padding:3px 10px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-wrap{position:relative}.workspace{display:flex;flex:1 1 auto;min-height:0}.rail{width:var(--rail-w);flex:0 0 auto;border-right:1px solid var(--border-soft);background:var(--bg-sunken);display:flex;flex-direction:column;padding:6px;gap:4px;overflow-y:auto}.rail button{border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);padding:9px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;letter-spacing:.06em;color:var(--text-dim)}.rail button .glyph{font-size:17px;line-height:1}.rail button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.rail button:hover{color:var(--text)}.chips{width:var(--chip-w);flex:0 0 auto;border-right:1px solid var(--border-soft);background:var(--bg);overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.chips h2{margin:0 0 2px;font-size:11px;letter-spacing:.14em;color:var(--text-dim);font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.strip{border-top:1px solid var(--border-soft);padding-top:8px;display:flex;flex-direction:column;gap:8px}.main-row{display:flex;align-items:center;gap:6px;min-width:0}.main-row>.chip-row:last-child{flex:1 1 auto;min-width:0}.wm-extra{border-top-color:var(--accent-line)}.chip{border:1px solid var(--border);background:var(--bg-elev);border-radius:999px;padding:5px 11px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip[aria-pressed=true],.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.chip.amber,.chip.amber .val{color:var(--accent)}.chip .val{color:var(--text-dim);font-family:var(--mono);font-size:11px}.chip .pro{font-size:9px;letter-spacing:.08em;color:var(--accent)}.chip:disabled{opacity:.4;cursor:not-allowed}.slider-row{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;display:flex;align-items:center;gap:10px}.slider-row .ruler{flex:1 1 auto;min-width:0}.slider-row .head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:var(--text-dim)}.slider-row .head b{color:var(--text);font-family:var(--mono);letter-spacing:0}.slider-row .head b.amber{color:var(--accent)}.slider-row .back{flex:0 0 auto;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);border-radius:999px;padding:4px 10px;font-family:var(--mono);font-weight:700;cursor:pointer}input[type=range]{width:100%;accent-color:var(--accent)}.hint{color:var(--text-dim);font-size:12px;line-height:1.5}.create-form{border-top:1px solid var(--border-soft);padding-top:8px;display:flex;flex-direction:column;gap:6px}.create-label{font-size:10px;letter-spacing:.12em;color:var(--text-dim);font-weight:600}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.create-num{display:flex;flex-direction:column;gap:3px;min-width:0}.create-num span{font-size:10px;letter-spacing:.12em;color:var(--text-dim);font-weight:600}.create-num.wide{grid-column:1 / -1}.create-shift{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.create-shift .field{width:64px}.create-actions{display:flex;gap:6px;margin-top:4px}.create-actions .btn{flex:1 1 auto}.stage{flex:1 1 auto;min-width:0;background:var(--bg-sunken);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;position:relative}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 28px;text-align:center;color:var(--text-dim);cursor:pointer;background:var(--bg);max-width:520px}.dropzone.over{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.dropzone strong{display:block;color:var(--text);margin-bottom:6px;font-size:16px}.canvas-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;flex:1 1 auto;width:100%;overflow:hidden}.canvas-wrap img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow)}.compare-layer{position:absolute;overflow:hidden;border-radius:var(--radius-sm);cursor:ew-resize;touch-action:none}.compare-orig{position:absolute;inset:0;width:100%;height:100%;box-shadow:none}.compare-bar{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #00000059;pointer-events:none}.compare-bar:after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border-radius:999px;background:#fffffff0;box-shadow:0 2px 10px #00000073}.crop-layer{position:absolute;overflow:hidden;border-radius:var(--radius-sm);pointer-events:none}.crop-rect{position:absolute;border:1px solid var(--accent);box-shadow:0 0 0 9999px #00000080;cursor:move;pointer-events:auto;touch-action:none}.crop-handle{position:absolute;width:16px;height:16px;background:var(--accent);border:2px solid #fff;border-radius:3px;touch-action:none}.crop-handle.tl{left:0;top:0;transform:translate(-50%,-50%);cursor:nwse-resize}.crop-handle.tr{right:0;top:0;transform:translate(50%,-50%);cursor:nesw-resize}.crop-handle.bl{left:0;bottom:0;transform:translate(-50%,50%);cursor:nesw-resize}.crop-handle.br{right:0;bottom:0;transform:translate(50%,50%);cursor:nwse-resize}.busy{position:absolute;inset:auto 0 12px;margin:0 auto;width:fit-content;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--text-dim);box-shadow:var(--shadow)}.stage .toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.err{color:var(--danger);font-size:12px;max-width:520px;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:60;padding:16px}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:100%;max-width:360px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.modal h2{margin:0;font-size:17px}.adm{height:100%;overflow-y:auto;padding:18px 22px 40px}.adm-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.adm-title{font-size:15px;letter-spacing:.02em}.adm-spacer{flex:1 1 auto}.adm-note{margin:12px 0}.adm-sub{margin:0 0 14px}.adm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.adm-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);padding:10px}.adm-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-sunken)}.adm-meta{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--text-dim);min-width:0}.adm-meta b{color:var(--text);font-family:var(--mono)}.adm-meta span{overflow-wrap:anywhere}.adm-danger{color:var(--danger);border-color:var(--border)}.adm-danger:hover:not(:disabled){border-color:var(--danger)}@media(max-width:860px){.workspace{flex-direction:column}.header{position:relative}.menu-wrap{position:static}.popover{right:8px;max-width:calc(100vw - 16px)}.rail{order:2;width:auto;flex-direction:row;border-right:none;border-top:1px solid var(--border-soft);overflow-x:auto;padding:4px}.rail button{flex:1 0 auto;min-width:62px}.chips{order:1;width:auto;border-right:none;border-bottom:1px solid var(--border-soft);max-height:42vh}.stage{order:0;flex:1 1 auto}.chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}.lp{--lp-bg: #090a0f;--lp-bg2: #0d0e12;--lp-card: #161820;--lp-amber: #fbbf24;--lp-orange: #f59e0b;--lp-red: #ff5e36;--lp-cyan: #38bdf8;--lp-indigo: #818cf8;--lp-text: #f3f4f6;--lp-muted: #9ca3af;--lp-line: rgba(255, 255, 255, .08);--lp-nav: rgba(9, 10, 15, .72);--lp-ink-amber: var(--lp-amber);--lp-mono: var(--mono);--lp-display: var(--font-heading);background:var(--lp-bg);color:var(--lp-text);min-height:100%;font-size:15px;line-height:1.6}[data-theme=light] .lp{--lp-bg: #f7f7f8;--lp-bg2: #ffffff;--lp-card: #ffffff;--lp-text: #14161c;--lp-muted: #5b6472;--lp-line: rgba(20, 22, 28, .12);--lp-nav: rgba(247, 247, 248, .72);--lp-ink-amber: #a16207}[data-theme=light] .lp-hero h1{background:linear-gradient(100deg,#14161c 8%,var(--lp-amber) 62%,var(--lp-red) 98%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .lp-glow{opacity:.5}[data-theme=light] .lp-btn,[data-theme=light] .lp-tool,[data-theme=light] .lp-tab{background:#14161c0a}[data-theme=light] .lp-stat{background:linear-gradient(180deg,rgba(20,22,28,.04),transparent)}[data-theme=light] .lp-bar i{background:#14161c1f}[data-theme=light] .lp-frame{background:#fff}[data-theme=light] .lp-perf i{background:#14161c8c;box-shadow:none}[data-theme=light] .lp-recipe-card{background:linear-gradient(160deg,#fff,#eef0f4);box-shadow:0 24px 60px #14161c2e}[data-theme=light] .lp-plan.vip{background:linear-gradient(180deg,#f59e0b24,#ffffffeb)}[data-theme=light] .lp-toast{background:#fffffffa;box-shadow:0 20px 50px #14161c38}html{scroll-behavior:smooth;scroll-padding-top:78px}.lp ::selection{background:var(--lp-amber);color:#10121a}.lp-wrap{max-width:1180px;margin:0 auto;padding:0 22px}.lp h1,.lp h2,.lp h3{font-family:var(--lp-display);font-weight:800;line-height:1.1;margin:0}.lp p{margin:0}.lp a{color:inherit;text-decoration:none}.lp-mono{font-family:var(--lp-mono);font-size:11px;letter-spacing:.08em}.lp-eyebrow{font-family:var(--lp-mono);font-size:11px;letter-spacing:.22em;color:var(--lp-ink-amber);text-transform:uppercase}.lp-muted{color:var(--lp-muted)}.lp-sec{padding:92px 0;border-top:1px solid var(--lp-line)}.lp-sec-head{max-width:720px;margin-bottom:40px}.lp-sec-head h2{font-size:clamp(26px,4vw,40px)}.lp-sec-head p{color:var(--lp-muted);margin-top:12px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:999px;border:1px solid var(--lp-line);background:#ffffff0a;color:var(--lp-text);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}.lp-btn:hover{border-color:#fbbf2480}.lp-btn.lp-primary{background:linear-gradient(120deg,var(--lp-amber),var(--lp-orange));border-color:transparent;color:#14100a;box-shadow:0 10px 30px #f59e0b40}.lp-btn.lp-primary:hover{filter:brightness(1.07)}.lp-btn.lp-sm{padding:9px 15px;font-size:13px}.lp-nav{position:fixed;inset:0 0 auto;z-index:50;background:var(--lp-nav);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--lp-line)}.lp-nav .lp-wrap{display:flex;align-items:center;gap:18px;height:62px}.lp-logo{display:flex;align-items:center;gap:8px;font-family:var(--lp-display);font-weight:800;font-size:24px}.lp-logo em{font-style:normal;color:var(--lp-ink-amber)}.lp-logo-word{white-space:nowrap}.lp-logo-mark{border-radius:8px;display:block;width:30px;height:30px}.lp-nav-links{display:flex;gap:16px;margin-left:14px;font-size:12.5px;color:var(--lp-muted)}.lp-nav-links a:hover{color:var(--lp-text)}.lp-nav .lp-spacer{flex:1 1 auto}.lp-tools{display:flex;gap:6px}.lp-tool{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--lp-line);background:#ffffff0a;color:var(--lp-muted);font-family:var(--lp-mono);font-size:12px;cursor:pointer}.lp-tool:hover{color:var(--lp-text);border-color:#fbbf2480}.lp-theme-pop{background:var(--lp-card);border-color:var(--lp-line)}.lp-theme-pop .chip{background:transparent;border-color:var(--lp-line);color:var(--lp-muted)}.lp-theme-pop .chip:hover{color:var(--lp-text)}.lp-theme-pop .chip.on{color:var(--lp-ink-amber);border-color:var(--lp-ink-amber);background:#fbbf241f}.lp-burger{display:none}@media(max-width:1160px){.lp-nav-links,.lp-nav .lp-wrap>.lp-btn{display:none}.lp-burger{display:inline-flex;flex-direction:column;gap:4px;background:none;border:0;padding:8px;cursor:pointer}.lp-burger i{display:block;width:20px;height:2px;background:var(--lp-text)}.lp-sheet{display:flex;flex-direction:column;gap:2px;padding:10px 22px 18px;border-top:1px solid var(--lp-line)}.lp-sheet a{padding:11px 0;color:var(--lp-muted);border-bottom:1px solid var(--lp-line)}.lp-sheet a:hover{color:var(--lp-text)}.lp-sheet .lp-btn{margin-top:12px}}@media(min-width:1161px){.lp-sheet{display:none}}.lp-hero{position:relative;padding:140px 0 74px;overflow:hidden}.lp-glow{position:absolute;inset:-30% -10% auto;height:560px;background:radial-gradient(420px 280px at 20% 30%,rgba(245,158,11,.22),transparent 70%),radial-gradient(380px 260px at 78% 22%,rgba(255,94,54,.16),transparent 70%),radial-gradient(420px 300px at 55% 80%,rgba(129,140,248,.14),transparent 70%);pointer-events:none}.lp-hero .lp-wrap{position:relative}.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;border:1px solid rgba(251,191,36,.35);background:#fbbf2414;color:var(--lp-ink-amber);font-family:var(--lp-mono);font-size:11px;letter-spacing:.12em}.lp-hero h1{font-size:clamp(34px,6.4vw,68px);margin:20px 0 18px;max-width:15ch;background:linear-gradient(100deg,#f8fafc 12%,var(--lp-amber) 58%,var(--lp-red) 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero .lp-lede{color:var(--lp-muted);font-size:17px;max-width:60ch}.lp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 44px}.lp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:640px}.lp-stat{border:1px solid var(--lp-line);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent);border-radius:14px;padding:16px 18px}.lp-stat b{display:block;font-family:var(--lp-display);font-size:26px}.lp-stat span{color:var(--lp-muted);font-family:var(--lp-mono);font-size:10.5px;letter-spacing:.14em}.lp-marquee{overflow:hidden;border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line);background:var(--lp-bg2);padding:26px 0}.lp-track{display:flex;width:max-content;animation:lp-marquee 48s linear infinite}.lp-marquee:hover .lp-track{animation-play-state:paused}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.lp-track{animation:none}}.lp-film-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.lp-film-head>div{max-width:620px}.lp-film-head h2{font-size:clamp(20px,3vw,30px);margin-top:8px}.lp-film-head p{color:var(--lp-muted);margin-top:8px;font-size:13.5px}.lp-frame{width:236px;margin-right:18px;background:#0b0c11;border:1px solid var(--lp-line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:8px}.lp-perf{display:flex;justify-content:space-between}.lp-perf i{width:13px;height:7px;border-radius:2px;background:#000;box-shadow:inset 0 0 0 1px #ffffff24}.lp-shot{position:relative;aspect-ratio:4 / 5;border-radius:5px;overflow:hidden;background:#000}.lp-shot img{width:100%;height:100%;object-fit:cover;display:block}.lp-grain{position:absolute;inset:0;opacity:.3;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.lp-tagline{position:absolute;top:7px;left:7px;font-family:var(--lp-mono);font-size:9.5px;color:var(--lp-amber);text-shadow:0 1px 6px #000}.lp-frame-meta{display:flex;flex-direction:column;gap:3px}.lp-frame-meta b{font-size:13px;font-weight:600}.lp-frame-meta span{font-family:var(--lp-mono);font-size:9.5px;color:var(--lp-muted);letter-spacing:.06em}.lp-tester{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.lp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.lp-tab{border:1px solid var(--lp-line);background:#ffffff08;color:var(--lp-muted);border-radius:999px;padding:7px 14px;font-size:12.5px;font-family:var(--lp-mono);cursor:pointer}.lp-tab[aria-pressed=true]{border-color:var(--lp-amber);color:var(--lp-ink-amber);background:#fbbf241a}.lp-view{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--lp-line);background:#000}.lp-view img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:filter .38s ease}.lp-hud{position:absolute;inset:auto 0 0;display:flex;gap:14px;flex-wrap:wrap;padding:10px 14px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);font-family:var(--lp-mono);font-size:10.5px;color:#f3f4f6d9}.lp-hud b{color:var(--lp-amber);font-weight:700}.lp-specs{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:16px;padding:20px}.lp-specs h3{font-size:18px}.lp-specs p{color:var(--lp-muted);font-size:13.5px;margin-top:8px}.lp-bars{display:flex;flex-direction:column;gap:12px;margin-top:18px}.lp-bar span{display:flex;justify-content:space-between;font-family:var(--lp-mono);font-size:10.5px;color:var(--lp-muted);letter-spacing:.1em}.lp-bar i{display:block;height:5px;border-radius:999px;background:#ffffff17;margin-top:6px;overflow:hidden}.lp-bar i:after{content:"";display:block;height:100%;width:var(--v);border-radius:999px;background:linear-gradient(90deg,var(--lp-amber),var(--lp-red));transition:width .38s ease}.lp-lab{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:26px;align-items:start}.lp-knobs{border:1px solid var(--lp-line);background:var(--lp-bg2);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:20px}.lp-knob label{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--lp-mono);font-size:11px;letter-spacing:.1em;color:var(--lp-muted)}.lp-knob b{color:var(--lp-ink-amber);font-size:13px}.lp input[type=range]{width:100%;margin-top:10px;accent-color:var(--lp-amber)}.lp-code{border-top:1px solid var(--lp-line);padding-top:16px;font-family:var(--lp-mono);font-size:11px;color:var(--lp-muted);line-height:1.9}.lp-code b{color:var(--lp-cyan)}.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lp-feat{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:16px;padding:22px}.lp-feat svg{color:var(--lp-ink-amber)}.lp-feat h3{font-size:17px;margin:14px 0 8px}.lp-feat p{color:var(--lp-muted);font-size:13.5px}.lp-qr{display:grid;grid-template-columns:360px minmax(0,1fr);gap:34px;align-items:center}.lp-recipe-card{border:1px solid rgba(251,191,36,.3);border-radius:18px;background:linear-gradient(160deg,#1b1d27,#0e0f14);padding:16px;box-shadow:0 24px 60px #00000080;transform:rotate(-2deg)}.lp-recipe-card .lp-shot{border-radius:12px}.lp-rc-row{display:flex;align-items:center;gap:14px;margin-top:14px}.lp-rc-qr{width:84px;height:84px;border-radius:10px;background:#fff;padding:5px;flex:0 0 auto}.lp-rc-qr img{width:100%;height:100%;display:block}.lp-rc-meta{min-width:0}.lp-rc-meta b{display:block;font-family:var(--lp-display);font-size:15px}.lp-rc-meta span{font-family:var(--lp-mono);font-size:10px;color:var(--lp-muted)}.lp-steps{display:flex;flex-direction:column;gap:18px;margin-top:22px}.lp-step{display:flex;gap:14px}.lp-step span{flex:0 0 auto;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#fbbf241f;border:1px solid rgba(251,191,36,.4);color:var(--lp-ink-amber);font-family:var(--lp-mono);font-size:12px}.lp-step p{color:var(--lp-muted);font-size:13.5px}.lp-step b{color:var(--lp-text)}.lp-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:860px}.lp-plan{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:18px;padding:26px;display:flex;flex-direction:column}.lp-plan.vip{border-color:#fbbf2473;background:linear-gradient(180deg,#f59e0b1f,#161820e6);position:relative}.lp-plan.vip:after{content:"MOST POPULAR";position:absolute;top:-11px;left:26px;background:linear-gradient(120deg,var(--lp-amber),var(--lp-orange));color:#14100a;border-radius:999px;padding:3px 10px;font-family:var(--lp-mono);font-size:9.5px;letter-spacing:.12em}[data-lang=vi] .lp-plan.vip:after{content:"PHỔ BIẾN NHẤT"}.lp-plan .lp-amount{font-family:var(--lp-display);font-size:38px;margin:12px 0 4px}.lp-plan .lp-amount small{font-family:var(--lp-mono);font-size:11px;color:var(--lp-muted)}.lp-plan ul{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-direction:column;gap:9px;font-size:13.5px;color:var(--lp-muted)}.lp-plan li:before{content:"▸ ";color:var(--lp-ink-amber)}.lp-plan .lp-btn{margin-top:auto}.lp-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:44px}.lp-quote{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:16px;padding:22px}.lp-quote p{font-size:14px}.lp-quote footer{margin-top:16px;font-family:var(--lp-mono);font-size:10.5px;color:var(--lp-muted)}.lp-quote footer b{display:block;color:var(--lp-text);font-family:var(--lp-display);font-size:13.5px}.lp-faq{display:flex;flex-direction:column;gap:10px;max-width:820px}.lp-faq details{border:1px solid var(--lp-line);border-radius:12px;background:var(--lp-bg2);padding:14px 18px}.lp-faq summary{cursor:pointer;font-weight:600}.lp-faq summary::marker{color:var(--lp-ink-amber)}.lp-faq p{color:var(--lp-muted);font-size:13.5px;margin-top:10px}.lp-final{position:relative;overflow:hidden;text-align:center;padding:88px 0}.lp-final .lp-glow{inset:-60% 0 auto}.lp-final h2{font-size:clamp(28px,4.6vw,46px);max-width:20ch;margin:0 auto 16px}.lp-final p{color:var(--lp-muted);max-width:52ch;margin:0 auto 28px}.lp-stores{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lp-store{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.lp-store small{font-family:var(--lp-mono);font-size:9.5px;color:var(--lp-muted)}.lp-store b{font-size:15px}.lp-footer{border-top:1px solid var(--lp-line);padding:30px 0 40px}.lp-footer .lp-wrap{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;font-size:12.5px;color:var(--lp-muted)}.lp-footer a:hover{color:var(--lp-text)}.lp-social{display:flex;gap:16px;margin-left:auto;font-family:var(--lp-mono);font-size:11px}.lp-toast{position:fixed;right:18px;bottom:18px;z-index:60;max-width:min(340px,calc(100vw - 36px));border:1px solid rgba(251,191,36,.4);background:#161820f5;border-radius:12px;padding:12px 16px;box-shadow:0 20px 50px #0000008c;font-size:13px}.lp-toast b{color:var(--lp-ink-amber)}@media(max-width:980px){.lp-tester,.lp-lab,.lp-qr{grid-template-columns:minmax(0,1fr)}.lp-grid,.lp-quotes{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-recipe-card{transform:none}}@media(max-width:680px){.lp-nav .lp-wrap{gap:10px}.lp-logo{font-size:19px}.lp-logo-mark{width:24px;height:24px}.lp-tool{width:30px;height:30px;font-size:11px}.lp-burger{padding:6px}.lp-sec{padding:64px 0}.lp-hero{padding:112px 0 52px}.lp-grid,.lp-quotes,.lp-price,.lp-stats{grid-template-columns:minmax(0,1fr)}.lp-stat{display:flex;align-items:baseline;gap:10px}.lp-social{margin-left:0}}
