@layer components{.tl{--blue:#0054e3;--blue-hover:#0044b8;--deep:#071b45;--paper:#f7f4ec;--ink:#101623;--muted:#525b6e;--line:#e5e0d4;--on-blue:#dde7ff;--sun:#ffc94a;--leaf:#3dbe8b;--good:#11643f;--warn:#8a5a00;--slip:#fff;--tile:#f7f4ec;--blue-soft:#cfe0ff;--art-paper:#fff;--art-ink:#101623;--art-blue:#0054e3;--art-blue-soft:#cfe0ff;--on-brand:#fff;--shadow:#1016231f;--f-display:var(--font-bricolage),var(--font-jakarta),system-ui,sans-serif;--f-body:var(--font-jakarta),system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:var(--font-plex-mono),ui-monospace,Menlo,Consolas,monospace;--f-hand:var(--font-caveat),cursive;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.6}.tl a{color:inherit;text-decoration:none}.tl button,.tl input,.tl select{font:inherit;color:inherit}.tl a:focus-visible,.tl button:focus-visible,.tl summary:focus-visible{outline:3px solid var(--sun);outline-offset:2px}.tl h1,.tl h2,.tl h3{text-wrap:balance;margin:0}.tl [hidden]{display:none!important}.tl .wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:20px}@media (min-width:1024px){.tl .wrap{padding-inline:120px}}.tl .flip{display:inline-block}[dir=rtl] .tl .flip{transform:scaleX(-1)}.tl .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tl{overflow-x:clip}.tl .hero{background:var(--blue);color:#fff;overflow:hidden}.tl .hero .wrap{gap:40px;padding-top:36px;padding-bottom:56px;display:grid}@media (min-width:1024px){.tl .hero .wrap{grid-template-columns:minmax(0,1fr) 440px;gap:64px;padding-top:64px;padding-bottom:80px}}.tl .hero.tool .wrap{padding-bottom:48px}@media (min-width:1024px){.tl .hero.tool .wrap{grid-template-columns:minmax(0,1fr) 240px;padding-bottom:64px}}.tl .hero-l{flex-direction:column;gap:20px;min-width:0;display:flex}@media (min-width:1024px){.tl .hero-l{gap:26px}}.tl .crumbs ol{color:var(--on-blue);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.tl .crumbs a:hover,.tl .crumbs [aria-current]{color:#fff}.tl .h1{font-family:var(--f-display);color:#fff;letter-spacing:-.04em;font-size:42px;font-weight:800;line-height:1.02}@media (min-width:1024px){.tl .h1{font-size:68px}}.tl .h1.tool{letter-spacing:-.035em;font-size:36px;line-height:1.05}@media (min-width:1024px){.tl .h1.tool{font-size:56px}}.tl .h1 .hand{font-family:var(--f-hand);color:var(--sun);letter-spacing:0;font-size:1.1em;font-weight:700}.tl .lead{max-width:600px;color:var(--on-blue);margin:0;font-size:16px;line-height:1.65}@media (min-width:1024px){.tl .lead{font-size:17px}}.tl .jump-l{color:var(--sun);margin-bottom:12px;font-size:14px;font-weight:700;display:block}.tl .chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tl .chip{color:#fff;white-space:nowrap;background:#ffffff1a;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 10px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40}.tl .chip.plain{padding-inline:14px}.tl a.chip:hover{background:#fff3}.tl .chip .ci{background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.tl .chip .ci svg{width:24px;height:24px;display:block}.tl .chip>svg{width:16px;height:16px}.tl .hero-art{align-self:center;display:none;position:relative}@media (min-width:1024px){.tl .hero-art{display:block}}.tl .hero-art .tile{background:#fff;border-radius:24px;padding:22px 24px;transform:rotate(-2deg)}.tl .hero-art .tile svg{width:100%;height:auto;display:block}.tl .tool-art{background:#fff;border-radius:24px;place-self:center end;width:220px;height:220px;padding:26px;display:none;transform:rotate(-3deg)}.tl .tool-art svg{width:100%;height:100%;display:block}@media (min-width:1024px){.tl .tool-art{display:block}}.tl .sec{padding-block:56px}@media (min-width:1024px){.tl .sec{padding-block:96px}}.tl .sec.paper{background:var(--paper)}.tl .chapter{color:var(--blue);align-items:center;gap:12px;margin-bottom:16px;display:flex}.tl .chapter .n{font-family:var(--f-display);letter-spacing:.02em;font-size:15px;font-weight:800}.tl .chapter .rule{background:currentColor;width:28px;height:1.5px}.tl .chapter .l{font-size:15px;font-weight:700}.tl .h2{font-family:var(--f-display);letter-spacing:-.03em;color:var(--ink);font-size:34px;font-weight:800;line-height:1.04}@media (min-width:1024px){.tl .h2{font-size:52px}}.tl .h2.sm{font-size:28px}@media (min-width:1024px){.tl .h2.sm{font-size:38px}}.tl .sub{max-width:560px;color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.65}.tl .head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.tl .handnote{font-family:var(--f-hand);color:var(--blue);font-size:26px;font-weight:700;line-height:1.1;display:inline-block;transform:rotate(-3deg)}.tl .cards{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:640px){.tl .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.tl .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.tl .tcard{background:var(--slip);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--art-blue-soft);border-radius:16px;grid-template-columns:64px minmax(0,1fr);align-content:start;gap:4px 16px;padding:22px;transition:transform .15s,box-shadow .15s;display:grid}[dir=rtl] .tl .tcard{box-shadow:-4px 4px 0 var(--art-blue-soft)}.tl .tcard:hover{box-shadow:6px 6px 0 var(--art-blue-soft);transform:translate(-2px,-2px)}[dir=rtl] .tl .tcard:hover{box-shadow:-6px 6px 0 var(--art-blue-soft);transform:translate(2px,-2px)}.tl .tcard .ico{grid-row:1/span 4;width:64px;height:64px}.tl .tcard .ico svg{width:64px;height:64px;display:block}.tl .tcard .k{color:var(--blue);font-size:13px;font-weight:800}.tl .tcard h3{font-family:var(--f-display);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.12}.tl .tcard p{color:var(--muted);margin:4px 0 0;font-size:14.5px;line-height:1.5}.tl .tcard .go{color:var(--blue);align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:700;display:inline-flex}.tl .tcard .go svg{width:18px;height:18px}.tl .tcard.ghost{box-shadow:none;background:0 0;border-style:dashed;border-color:#c9c2b0}.tl .tcard.ghost:hover{transform:none}.tl .why{grid-template-columns:1fr;gap:16px;margin-top:40px;display:grid}@media (min-width:900px){.tl .why{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.tl .why>div{background:var(--paper);border-radius:24px;padding:24px}.tl .why .ico{width:56px;height:56px}.tl .why .ico svg{width:56px;height:56px;display:block}.tl .why h3{font-family:var(--f-display);letter-spacing:-.02em;margin-top:12px;font-size:22px;font-weight:800;line-height:1.15}.tl .why p{color:var(--muted);margin:6px 0 0;font-size:15px}.tl .bigcta .wrap{align-items:center;gap:28px;padding-block:56px;display:grid}@media (min-width:1024px){.tl .bigcta .wrap{grid-template-columns:minmax(0,1fr) auto;gap:64px;padding-block:88px}}.tl .bigcta .h2{color:#fff}.tl .bigcta p{color:var(--on-blue);max-width:560px;margin:14px 0 0;font-size:17px;line-height:1.65}.tl .stores{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (min-width:1024px){.tl .stores{width:max-content}}.tl .store{min-height:56px;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex;box-shadow:0 10px 30px #071b452e}@media (min-width:1024px){.tl .store{padding-inline-end:20px}}.tl .store:hover{background:#ffffffe6}.tl .store svg{flex:none}.tl .store span{flex-direction:column;min-width:0;line-height:1.15;display:flex}.tl .store small{color:var(--muted);font-size:11.5px;font-weight:600}.tl .store b{white-space:nowrap;font-size:15px;font-weight:800}.tl .pane{grid-template-columns:1fr;align-items:start;gap:22px;display:grid}@media (min-width:960px){.tl .pane{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}}.tl .form{background:var(--slip);border:1.5px solid var(--line);border-radius:16px;gap:16px;min-width:0;padding:22px;display:grid}@media (max-width:620px){.tl .form{padding:16px 14px}}.tl .form-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tl .form-top h2{font-family:var(--f-display);letter-spacing:-.02em;font-size:22px;font-weight:800}.tl .cur{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.tl .cur select{border:1.5px solid var(--line);background:var(--tile);min-height:38px;color:var(--ink);border-radius:10px;padding:0 10px;font-weight:700}.tl .row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:12px;display:grid}.tl .f{color:var(--muted);gap:5px;min-width:0;font-size:13px;font-weight:600;display:grid}.tl .f small{font-size:12px;font-weight:500}.tl .inp{align-items:center;display:flex;position:relative}.tl .inp input{border:1.5px solid var(--line);width:100%;min-width:0;min-height:46px;font:600 16px var(--f-body);color:var(--ink);background:#fff;border-radius:10px;padding:11px 12px}.tl .inp .pre,.tl .inp .suf{color:var(--muted);pointer-events:none;font-weight:600;position:absolute}.tl .inp .pre{inset-inline-start:12px}.tl .inp .suf{inset-inline-end:12px}.tl .inp.has-pre input{padding-inline-start:var(--pre-w,40px)}.tl .inp.has-suf input{padding-inline-end:38px}.tl input:focus,.tl select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0054e338}.tl .seg{background:var(--tile);border:1.5px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.tl .seg button{min-height:40px;font:600 14px var(--f-body);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:auto;padding:8px 14px}.tl .seg button[aria-pressed=true]{background:var(--slip);color:var(--ink);box-shadow:0 1px 3px var(--shadow)}.tl .ex{color:var(--warn);background:#fff7de;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.tl .ex b{background:var(--sun);color:var(--ink);border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:800}.tl .lines{gap:8px;display:grid}.tl .lh,.tl .lr{align-items:center;gap:8px;display:grid}.tl .lh span{font:600 11px/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tl .lr input,.tl .lr select{border:1.5px solid var(--line);width:100%;min-width:0;min-height:42px;font:600 15px var(--f-body);color:var(--ink);background:#fff;border-radius:9px;padding:9px}.tl .lr .u{align-items:center;display:flex;position:relative}.tl .lr .u input{padding-inline-end:34px}.tl .lr .u em{color:var(--muted);pointer-events:none;font-size:13px;font-style:normal;font-weight:600;position:absolute;inset-inline-end:9px}.tl .lr .cost{font:600 13.5px var(--f-mono);color:var(--ink);text-align:end;white-space:nowrap}.tl .lr .x{background:var(--tile);width:34px;height:34px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.tl .lr .x:hover{color:#b42318;background:#fde2e2}.tl .lr .x svg{width:15px;height:15px}.tl .ing .lh,.tl .ing .lr{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,.7fr) 78px minmax(0,.9fr) minmax(0,.9fr) 34px}.tl .rit .lh,.tl .rit .lr{grid-template-columns:minmax(0,1.7fr) 70px minmax(0,1.1fr) minmax(0,.9fr) 34px}.tl .mlab{display:none}@media (max-width:720px){.tl .lh{display:none}.tl .lr{background:var(--tile);border-radius:12px;padding:10px}.tl .ing .lr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 78px;grid-template-areas:"n n x""p s u""a a c"}.tl .ing .lr>:first-child{grid-area:n}.tl .ing .lr>:nth-child(2){grid-area:p}.tl .ing .lr>:nth-child(3){grid-area:s}.tl .ing .lr>:nth-child(4){grid-area:u}.tl .ing .lr>:nth-child(5){grid-area:a}.tl .ing .lr>:nth-child(6){grid-area:c;align-self:end}.tl .ing .lr>:nth-child(7){grid-area:x;justify-self:end}.tl .rit .lr{grid-template-columns:minmax(0,1fr) 70px 34px;grid-template-areas:"n q x""p c c"}.tl .rit .lr>:first-child{grid-area:n}.tl .rit .lr>:nth-child(2){grid-area:q}.tl .rit .lr>:nth-child(3){grid-area:p}.tl .rit .lr>:nth-child(4){grid-area:c;align-self:end}.tl .rit .lr>:nth-child(5){grid-area:x;align-self:end}.tl .mlab{color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:600;display:block}}.tl .formfoot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tl .addrow{min-height:42px;font:700 14px var(--f-body);color:var(--blue);cursor:pointer;background:0 0;border:1.5px dashed #c9c2b0;border-radius:10px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.tl .addrow:hover{background:var(--tile)}.tl .addrow svg,.tl .linkbtn svg{width:16px;height:16px}.tl .linkbtn{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;min-height:42px;font-size:14px;font-weight:600;display:inline-flex}.tl .linkbtn:hover{color:var(--ink)}.tl .steps{flex-wrap:wrap;gap:6px;display:flex}.tl .steps button{border:1.5px solid var(--line);min-height:40px;font:600 14px var(--f-body);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:0 12px}.tl .steps button[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:#eef4ff}.tl .private{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.tl .private svg{width:16px;height:16px;color:var(--good);flex:none}.tl .slipwrap{filter:drop-shadow(0 2px 0 var(--shadow))drop-shadow(0 10px 18px var(--shadow));gap:12px;min-width:0;display:grid;position:sticky;top:100px}@media (max-width:959px){.tl .slipwrap{position:static}}.tl .slip{background:var(--slip);font-variant-numeric:tabular-nums;margin-bottom:14px;padding:22px 22px 24px;position:relative}.tl .slip:after{content:"";background:linear-gradient(135deg,var(--slip)50%,transparent 50%)0 0/14px 14px repeat-x,linear-gradient(-135deg,var(--slip)50%,transparent 50%)0 0/14px 14px repeat-x;height:12px;position:absolute;bottom:-12px;left:0;right:0}.tl .slip .sh{text-align:center;font:600 12px/1.5 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);overflow-wrap:anywhere}.tl .slip hr{border:0;border-top:2px dashed var(--line);margin:12px 0}.tl .ln{font:500 14px/1.6 var(--f-mono);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.tl .ln span{overflow-wrap:anywhere;min-width:0}.tl .ln b{color:var(--ink);white-space:nowrap;font-weight:600}.tl .total{text-align:center;gap:2px;padding-block:6px;display:grid}.tl .total span{font:600 11px/1.3 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tl .total strong{font:800 40px/1.1 var(--f-display);letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}.tl .total em{color:var(--good);font-size:13px;font-style:normal;font-weight:600}.tl .pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tl .pair>div{background:var(--tile);text-align:center;border-radius:12px;gap:2px;min-width:0;padding:12px;display:grid}.tl .pair span{font:600 11px/1.25 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tl .pair strong{font:800 22px/1.15 var(--f-display);overflow-wrap:anywhere}.tl .pair small{color:var(--muted);font-size:12px}.tl .tip{color:var(--ink);background:#eef4ff;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px;font-weight:600;line-height:1.45}.tl .acts{filter:none;flex-wrap:wrap;gap:8px;display:flex}.tl .btn{min-height:44px;font:700 14px var(--f-body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.tl .btn svg{width:16px;height:16px}.tl .btn.pri{background:var(--blue);color:#fff}.tl .btn.pri:hover{background:var(--blue-hover)}.tl .btn.sec{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}.tl .btn.sec:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.tl .rc{font:500 13.5px/1.55 var(--f-mono);color:var(--ink)}.tl .rc .shop{text-align:center;font:800 19px/1.25 var(--f-display);overflow-wrap:anywhere}.tl .rc .addr{text-align:center;color:var(--muted);overflow-wrap:anywhere;font-size:12px}.tl .rc .meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.tl .rc .it{grid-template-columns:minmax(0,1fr) auto;gap:0 10px;display:grid}.tl .rc .it span{overflow-wrap:anywhere}.tl .rc .it small{color:var(--muted);grid-column:1/-1;font-size:12px}.tl .rc .thanks{text-align:center;color:var(--muted);margin-top:8px;font-size:12px}.tl .extras{grid-template-columns:1fr;gap:16px;margin-top:36px;display:grid}@media (min-width:960px){.tl .extras{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}}.tl .how{border:1.5px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:8px;padding:20px 22px;display:grid}.tl .how h3{font:600 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tl .how p{margin:0;font-size:15px;line-height:1.8}.tl .how code{font:500 13.5px var(--f-mono);background:var(--tile);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.tl .how .eg{border-top:2px dashed var(--line);font:500 13.5px/1.6 var(--f-mono);color:var(--muted);padding-top:10px}.tl .cta{background:var(--blue);color:#fff;border-radius:16px;align-content:start;gap:12px;padding:22px;display:grid}.tl .cta h3{font-family:var(--f-display);letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.12}.tl .cta p{color:var(--on-blue);margin:0;font-size:15px}.tl .cta .try{background:var(--sun);color:#2a1f00;border-radius:12px;justify-self:start;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:800;display:inline-flex}.tl .cta .try:hover{background:#ffd56e}.tl .cta .try svg{width:18px;height:18px}.tl .faq{gap:10px;max-width:880px;display:grid}.tl .faq details{border:1.5px solid var(--line);background:#fff;border-radius:16px}.tl .faq summary{cursor:pointer;min-height:60px;font-family:var(--f-display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:18px;font-weight:800;line-height:1.25;list-style:none;display:flex}.tl .faq summary::-webkit-details-marker{display:none}.tl .faq summary:after{content:"+";font:400 24px/1 var(--f-body);color:var(--blue);flex:none}.tl .faq details[open] summary:after{content:"–"}.tl .faq details p{color:var(--muted);margin:0;padding:0 20px 18px;line-height:1.7}.tl .minis{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.tl .minis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.tl .minis{grid-template-columns:repeat(4,minmax(0,1fr))}}.tl .mini{border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--art-blue-soft);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}[dir=rtl] .tl .mini{box-shadow:-3px 3px 0 var(--art-blue-soft)}.tl .mini .ico{flex:none;width:48px;height:48px}.tl .mini .ico svg{width:48px;height:48px;display:block}.tl .mini b{font-family:var(--f-display);font-size:16px;font-weight:800;line-height:1.2;display:block}.tl .mini small{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35;display:block}.tl .toast{z-index:60;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:12px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:14px;font-weight:600;transition:all .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.tl .toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.tl .tcard,.tl .toast{transition:none}}[lang=ar] .tl .slip,[lang=ar] .tl .rc,[lang=ar] .tl .ln,[lang=ar] .tl .how .eg,[lang=ar] .tl .how h3,[lang=ar] .tl .lh span,[lang=ar] .tl .lr .cost,[lang=ar] .tl .total span,[lang=ar] .tl .pair span,[lang=ar] .tl .slip .sh,[lang=ar] .tl .how code{font-family:var(--f-body);letter-spacing:0}.tl .docpane{align-items:start}@media (min-width:960px){.tl .docpane{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}.tl .docwrap{grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;display:grid;position:sticky;top:100px}@media (max-width:959px){.tl .docwrap{position:static}}.tl .docview{box-shadow:inset 0 0 0 1.5px var(--line);background:#e8e2d2;border-radius:16px;padding:18px}.tl .fit{position:relative;overflow:hidden}.tl .fit>.doc{transform-origin:0 0;box-shadow:0 2px 0 var(--shadow),0 14px 30px #10162329}[dir=rtl] .tl .fit>.doc{transform-origin:100% 0}.tl .subform{gap:16px;display:grid}.tl .hint{color:var(--muted);font-size:12.5px;font-weight:500}.tl .hint.bad{color:#b42318;font-weight:700}.tl .logo-in{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tl .logo-in img{max-width:120px;max-height:44px;box-shadow:0 0 0 1px var(--line);border-radius:6px}.tl .logo-in .addrow{cursor:pointer}.tl .swatches{flex-wrap:wrap;gap:8px;display:flex}.tl .swatches button{background:var(--sw);width:34px;height:34px;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%}.tl .swatches button[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink)}.tl .chks{grid-template-columns:repeat(auto-fit,minmax(150px,max-content))}.tl .chk{min-height:40px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.tl .chk input{width:18px;height:18px;accent-color:var(--blue)}.tl .codein{flex-wrap:wrap;gap:8px;display:flex}.tl .codein .inp{flex:200px}.tl .codein input{font-family:var(--f-mono);letter-spacing:.06em}.tl .msec{background:var(--tile);border:1.5px solid var(--line);border-radius:12px;gap:8px;margin-bottom:10px;padding:12px;display:grid}.tl .msec-h{align-items:center;gap:8px;display:flex}.tl .msec-h .inp{flex:1}.tl .msec-h input{font-family:var(--f-display);font-weight:800}.tl .mdish .lr{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.8fr) 34px}.tl .pl .lh,.tl .pl .lr{grid-template-columns:minmax(0,2fr) minmax(0,1fr) 34px}.tl .addrow.small{justify-self:start;min-height:36px;font-size:13px}@media (max-width:720px){.tl .mdish .lr{background:#fff;grid-template-columns:minmax(0,1fr) 34px}.tl .mdish .lr>:first-child{grid-area:1/1}.tl .mdish .lr>:nth-child(4){grid-area:1/2;align-self:end}.tl .mdish .lr>:nth-child(2),.tl .mdish .lr>:nth-child(3){grid-column:1/-1}.tl .pl .lr{grid-template-columns:minmax(0,1fr) 34px}.tl .pl .lr>:first-child{grid-area:1/1}.tl .pl .lr>:nth-child(3){grid-area:1/2;align-self:end}.tl .pl .lr>:nth-child(2){grid-column:1/-1}}.tl .doc{color:var(--ink);font-family:var(--f-body);background:#fff;position:relative;overflow:hidden}.tl .d-brand{align-items:center;gap:14px;min-width:0;display:flex}.tl .d-brand .d-logo{object-fit:contain;max-width:140px;max-height:64px}.tl .d-brand b{font-family:var(--f-display);letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.15;display:block}.tl .d-brand small{color:var(--muted);margin-top:2px;font-size:13.5px;display:block}.tl .a4{flex-direction:column;width:794px;min-height:1123px;padding:64px 64px 40px;display:flex}.tl .inv .inv-bar{background:var(--blue);height:12px;position:absolute;inset:0 0 auto}.tl .inv-h{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.tl .inv-t{text-align:end}.tl .inv-t h1{font-family:var(--f-display);letter-spacing:.04em;color:var(--blue);font-size:46px;font-weight:800;line-height:1}.tl .inv-t dl{grid-template-columns:auto auto;justify-content:end;gap:4px 16px;margin:14px 0 0;font-size:14px;display:grid}.tl .inv-t dt{color:var(--muted)}.tl .inv-t dd{margin:0;font-weight:700}.tl .inv-to{background:var(--paper);border-radius:10px;margin:40px 0 26px;padding:14px 16px}.tl .inv-to span,.tl .inv-foot span{font:600 11px/1.3 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block}.tl .inv-to b{margin-top:4px;font-size:19px;display:block}.tl .inv table{border-collapse:collapse;width:100%}.tl .inv th{font:600 11px/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:start;border-bottom:2px solid var(--ink);padding:0 0 10px}.tl .inv td{border-bottom:1px solid var(--line);padding:13px 0;font-size:15px}.tl .inv .n{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums;padding-inline-start:16px}.tl .inv-sum{gap:2px;width:330px;margin:18px 0 0 auto;font-size:15px;display:grid}[dir=rtl] .tl .inv-sum{margin:18px auto 0 0}.tl .inv-sum>div{justify-content:space-between;gap:16px;padding:6px 2px;display:flex}.tl .inv-sum span{color:var(--muted)}.tl .inv-sum .tot{background:var(--blue);color:#fff;border-radius:10px;margin-top:8px;padding:13px 16px;font-size:19px}.tl .inv-sum .tot span{color:var(--on-blue)}.tl .inv-foot{border-top:2px dashed var(--line);grid-template-columns:1fr 1fr;gap:24px;margin-top:auto;padding-top:22px;display:grid}.tl .inv-foot p{margin:6px 0 0;font-size:14px;line-height:1.55}.tl .madewith{text-align:center;color:var(--muted);margin-top:22px;font-size:11px}.tl .doc.kw{border-inline-start:16px solid var(--blue);background:#fff linear-gradient(90deg,#0054e30a 1px,#0000 1px) 0 0/22px 22px;width:900px;padding:34px 44px}.tl .kw-h{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding-bottom:18px;display:flex}.tl .kw-t{text-align:end}.tl .kw-t h1{font-family:var(--f-display);letter-spacing:.18em;color:var(--blue);font-size:40px;font-weight:800;line-height:1}.tl .kw-t span{font:600 14px var(--f-mono);margin-top:8px;display:block}.tl .kw-row{grid-template-columns:210px minmax(0,1fr);align-items:end;gap:16px;margin:14px 0;display:grid}.tl .kw-row span{color:var(--muted);font-size:15px}.tl .kw-row b{border-bottom:1.5px dotted #b8b1a0;padding-bottom:6px;font-size:18px}.tl .kw-row b.kw-words{background:repeating-linear-gradient(-45deg,#e8f0ff 0 8px,#f6f9ff 8px 16px);border:0;padding:8px 12px;font-style:italic}.tl .kw-foot{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:26px;display:flex}.tl .kw-amt{border:2.5px solid var(--ink);font:800 30px var(--f-display);background:repeating-linear-gradient(-45deg,#fff6d6 0 8px,#fff 8px 16px);padding:12px 24px;transform:skew(-8deg)}.tl .kw-sign{text-align:center;width:250px;font-size:15px}.tl .kw-sign .line{border-bottom:1.5px solid var(--ink);height:70px;margin-bottom:6px;display:block}.tl .kw-sign b{font-size:16px}.tl .menu header{text-align:center}.tl .menu header .d-logo{max-width:180px;max-height:84px;margin:0 auto 12px;display:block}.tl .menu h1{font-family:var(--f-display);letter-spacing:-.02em;font-size:54px;font-weight:800;line-height:1.05}.tl .menu header p{color:var(--muted);margin:8px 0 0;font-size:18px}.tl .msecs{gap:36px;margin-top:44px;display:grid}.tl .menu section h2{font-family:var(--f-display);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);align-items:center;gap:14px;margin-bottom:14px;font-size:24px;font-weight:800;display:flex}.tl .menu section h2:after{content:"";opacity:.3;background:currentColor;flex:1;height:2px}.tl .dish{margin-bottom:14px}.tl .dl{align-items:baseline;gap:10px;font-size:20px;display:flex}.tl .dl b{font-weight:700}.tl .dl i{border-bottom:2px dotted #b8b1a0;flex:1;transform:translateY(-5px)}.tl .dl span{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.tl .dish small{color:var(--muted);margin-top:2px;font-size:15px;display:block}.tl .menu footer{text-align:center;color:var(--muted);background:0 0;margin-top:auto;padding-top:30px;font-size:15px}.tl .menu.paper{background:#fbf8f1}.tl .menu.bold header{background:var(--blue);color:#fff;margin:-64px -64px 0;padding:56px 64px 44px}.tl .menu.bold header p{color:var(--on-blue)}.tl .menu.bold section h2{color:var(--ink)}.tl .menu.bold section h2:after{background:var(--blue);opacity:1;height:4px}.tl .menu.chalk{color:#f1ede2;background:#1f2925}.tl .menu.chalk h1{font-family:var(--f-hand);color:var(--sun);letter-spacing:0;font-size:72px;font-weight:700}.tl .menu.chalk header p,.tl .menu.chalk .dish small,.tl .menu.chalk footer{color:#f1ede2b3}.tl .menu.chalk section h2{font-family:var(--f-hand);letter-spacing:0;text-transform:none;color:var(--sun);font-size:40px;font-weight:700}.tl .menu.chalk .dl i{border-color:#f1ede259}.tl .plimg{background:var(--pc,#0054e3);flex-direction:column;width:1080px;height:1080px;padding:76px 80px 56px;display:flex}.tl .plimg.tall{height:1920px;padding-top:140px;padding-bottom:110px}.tl .plimg.on-dark{color:#fff}.tl .plimg.on-light{color:var(--ink)}.tl .pl-top{align-items:center;gap:18px;font-size:38px;display:flex}.tl .pl-top .d-logo{background:#fff;border-radius:12px;max-width:160px;max-height:76px;padding:6px}.tl .pl-top b{font-weight:800}.tl .plimg h1{font-family:var(--f-display);letter-spacing:-.035em;margin-top:24px;font-size:118px;font-weight:800;line-height:.98}.tl .plimg.tall h1{font-size:150px}.tl .pl-date{opacity:.8;margin-top:12px;font-size:32px}.tl .pl-list{color:var(--ink);background:#fff;border-radius:40px;flex-direction:column;flex:1;justify-content:center;margin-top:40px;padding:30px 48px;display:flex;overflow:hidden}.tl .pl-r{align-items:baseline;gap:16px;padding:14px 0;font-size:42px;display:flex}.tl .plimg.tall .pl-r{padding:22px 0;font-size:50px}.tl .pl-r span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tl .pl-r i{border-bottom:4px dotted #c9c2b0;flex:1;min-width:30px;transform:translateY(-10px)}.tl .pl-r b{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.tl .pl-note{margin-top:30px;font-size:36px;font-weight:800}.tl .pl-by{opacity:.65;margin-top:10px;font-size:22px}.tl .doc.card{border-radius:22px;flex-direction:column;width:540px;height:340px;padding:26px 30px 18px;display:flex}.tl .cd-bar{background:var(--sc,var(--blue));height:12px;position:absolute;inset:0 0 auto}.tl .cd-h{align-items:center;gap:12px;display:flex}.tl .cd-h .d-logo{max-width:90px;max-height:40px}.tl .cd-h b{font-family:var(--f-display);letter-spacing:-.01em;font-size:26px;font-weight:800}.tl .cd-r{font-family:var(--f-hand);color:var(--sc,var(--blue));margin-top:2px;font-size:30px;font-weight:700;line-height:1.1}.tl .dots{grid-template-columns:repeat(var(--cols),1fr);justify-items:center;gap:10px 12px;margin:14px 0 10px;display:grid}.tl .dot{color:#d6cfbe;border:2px dashed #c9c2b0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.tl .dot svg{width:26px;height:26px}.tl .dot.gift{border:2px solid var(--ink);background:var(--sun);color:var(--ink)}.tl .cd-f{color:var(--muted);align-items:flex-end;gap:10px;margin-top:auto;font-size:14px;display:flex}.tl .cd-f i{border-bottom:1.5px solid #b8b1a0;flex:1}.tl .cd-t{color:var(--muted);margin-top:6px;font-size:11.5px}.tl .doc.label{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:400px;height:212px;padding:12px 16px;display:flex}.tl .lb-n{text-align:center;white-space:nowrap;text-overflow:ellipsis;align-self:stretch;font-size:19px;font-weight:800;overflow:hidden}.tl .lb-bc{max-width:100%;height:auto;max-height:132px}.tl .lb-p{text-align:end;font-family:var(--f-display);align-self:stretch;font-size:24px;font-weight:800}.tl .lb-fallback{font:600 22px var(--f-mono)}.tl .msec-h .x{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.tl .msec-h .x:hover{color:#b42318;background:#fde2e2}.tl .msec-h .x svg{width:15px;height:15px}.tl .docnav{background:var(--tile);border:1.5px solid var(--line);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.tl .docnav a{min-height:48px;color:var(--muted);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:700;line-height:1.2;display:flex}.tl .docnav a:hover{color:var(--ink);background:#fff9}.tl .docnav a[aria-current]{color:var(--ink);box-shadow:0 1px 3px var(--shadow);background:#fff}.tl .docnav .ico{flex:none;width:30px;height:30px}.tl .docnav .ico svg{width:30px;height:30px;display:block}@media (max-width:520px){.tl .docnav a{flex-direction:column;gap:2px;font-size:12.5px}}.tl .doc.nota{--ink2:#23408e;background:var(--np,#fff);width:560px;min-height:794px;color:var(--ink2);flex-direction:column;padding:34px 36px 26px;display:flex}.tl .nota .d-brand b{color:var(--ink2);font-size:20px}.tl .nota .d-brand small{color:var(--ink2);opacity:.8;font-size:12.5px}.tl .nota .d-brand .d-logo{max-width:110px;max-height:52px}.tl .nt-h{border-bottom:2px solid var(--ink2);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.tl .nt-t{text-align:end}.tl .nt-t h1{font-family:var(--f-display);letter-spacing:.28em;margin-inline-end:-.28em;font-size:34px;font-weight:800;line-height:1}.tl .nt-t dl{grid-template-columns:auto auto;justify-content:end;gap:2px 10px;margin:10px 0 0;font-size:13px;display:grid}.tl .nt-t dt{opacity:.75}.tl .nt-t dd{color:var(--ink);margin:0;font-weight:700}.tl .nt-to{align-items:flex-end;gap:10px;margin:16px 0 14px;font-size:14px;display:flex}.tl .nt-to span{white-space:nowrap}.tl .nt-to b{border-bottom:1.5px dotted var(--ink2);color:var(--ink);flex:1;padding-bottom:3px;font-size:16px}.tl .nota table{border-collapse:collapse;border:1.5px solid var(--ink2);width:100%;font-size:13.5px}.tl .nota th{text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--ink2);text-align:start;background:#23408e14;padding:7px 8px;font-size:12px;font-weight:800}.tl .nota td{border-inline:1px solid var(--ink2);height:30px;color:var(--ink);border-bottom:1px solid #23408e59;padding:4px 8px}.tl .nota .c{text-align:center;width:72px}.tl .nota .n{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}.tl .nota th.n{text-align:end}.tl .nota tfoot td{border:1px solid var(--ink2);color:var(--ink2);font-weight:700}.tl .nota tfoot td.n:last-child{color:var(--ink)}.tl .nota tfoot .tot td{background:#23408e14;font-size:16px;font-weight:800}.tl .nt-sign{text-align:center;grid-template-columns:1fr 1fr;gap:40px;margin-top:22px;font-size:13.5px;font-weight:700;display:grid}.tl .nt-sign i{border-bottom:1.5px solid var(--ink2);height:62px;margin:0 12px;display:block}.tl .nt-note{text-align:center;margin-top:auto;padding-top:16px;font-size:12px;font-style:italic}.tl .nota .madewith{color:var(--ink2);opacity:.6;margin-top:8px}[lang=th] .tl .doc h1,[lang=ja] .tl .doc h1,[lang=ar] .tl .doc h1{letter-spacing:0!important;margin-inline-end:0!important}.tl .bigcta{background:var(--blue);color:#fff}.tl .sheet,#printroot{display:none}@media print{@page{size:A4;margin:8mm}body.printing>:not(#printroot){display:none!important}body.printing #printroot{display:block}#printroot .doc{margin:0 auto;box-shadow:none!important;transform:none!important}#printroot .doc.a4{width:100%;min-height:0;padding:0}#printroot .doc.a4.inv{padding-top:30px}#printroot .doc.a4.menu.bold header{margin:0;padding:40px 32px 32px}#printroot .doc.kw{zoom:.8}#printroot .doc.plimg{zoom:.67}#printroot .doc.plimg.tall{zoom:.55}#printroot .sheet{gap:0;display:grid}#printroot .sheet.cards{grid-template-columns:repeat(2,85.6mm);grid-auto-rows:54mm;justify-content:center}#printroot .sheet.cards .doc.card{zoom:.599;border-radius:0;outline:1px dashed #999;margin:0}#printroot .sheet.labels{grid-template-columns:repeat(3,240px);grid-auto-rows:127.2px;justify-content:center}#printroot .sheet.labels .doc.label{zoom:.6;border-radius:0;outline:1px dashed #bbb}#printroot .sheet.labels.n40{grid-template-columns:repeat(4,180px);grid-auto-rows:95.4px}#printroot .sheet.labels.n40 .doc.label{zoom:.45}#printroot *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}}
