.ct-hero{position:relative;overflow:hidden;background:#0a3f22;color:#fff}.ct-hero-img{object-fit:cover;object-position:50% 82%}.ct-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,48,26,.5),rgba(8,48,26,.78) 50%,rgba(8,48,26,.94))}.ct-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;padding-top:28px;padding-bottom:60px}.ct-badge{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-weight:700;font-size:14px}.ct-badge svg{width:16px;height:16px}.ct-hero-title{font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em;max-width:680px;text-wrap:balance}.ct-hero-sub{font-size:15px;line-height:1.5;color:rgba(255,255,255,.9);max-width:600px}.ct-hero-updated{font-size:14px;color:rgba(255,255,255,.78)}@media (min-width:768px){.ct-hero-img{object-position:50% 88%}.ct-hero:after{background:linear-gradient(90deg,rgba(8,48,26,.94),rgba(8,48,26,.8) 45%,rgba(8,48,26,.35))}.ct-hero-inner{gap:16px;padding-top:56px;padding-bottom:104px}.ct-hero-title{font-size:48px}.ct-hero-sub{font-size:18px}}.ct-page{display:flex;flex-direction:column;gap:24px;padding-bottom:64px}.ct-page>.ct-stats:first-child{margin-top:-36px}.ct-how{margin-top:40px}@media (min-width:768px){.ct-page>.ct-stats:first-child{margin-top:-64px}}.ct-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);overflow:hidden}.ct-stat{display:flex;flex-direction:column;gap:2px;padding:12px;min-width:0}.ct-stat+.ct-stat{-webkit-border-start:1px solid var(--rule);border-inline-start:1px solid var(--rule)}.ct-stat-num{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ct-stat-label{font-size:14px;line-height:1.3;color:var(--muted)}@media (min-width:768px){.ct-stat{padding:16px}.ct-stat-num{font-size:24px}}.ct{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:24px;gap:24px}.ct-main{display:flex;flex-direction:column;gap:16px}.ct-main,.ct-side{min-width:0}@media (min-width:1024px){.ct{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.ct-side{position:-webkit-sticky;position:sticky;top:84px}}.ct-fb{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;border-radius:var(--radius);background:#fff7e6;border:1px solid #f1d9a6}.ct-add{display:flex;align-items:center;gap:8px;height:52px;padding-block:6px;padding-inline:14px 6px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.ct-add:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--mint-strong)}.ct-add.invalid{border-color:var(--danger)}.ct-add>svg{width:18px;height:18px;flex-shrink:0}.ct-add .btn{height:40px;flex-shrink:0}.ct-listed{flex-wrap:wrap;justify-content:space-between;gap:10px 12px;padding:12px 14px;border-radius:var(--radius);background:var(--mint);border:1px solid var(--mint-strong)}.ct-listed,.ct-listed-main{display:flex;align-items:center}.ct-listed-main{gap:10px;min-width:0}.ct-listed-main>svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.ct-listed-line{font-weight:600;color:var(--primary)}.ct-listed-line .code-text{font-size:16px}.ct-helped,.ct-listed-actions{display:flex;align-items:center;gap:12px}.ct-helped{justify-content:center;font-size:15px;font-weight:600;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ct-keys{display:flex;gap:4px}.ct-key{width:18px;height:18px;color:#cdd8d0}.ct-key.on{color:#c79a3e;stroke-width:2.6;animation:ct-key-pop .42s cubic-bezier(.34,1.56,.64,1)}@keyframes ct-key-pop{0%{transform:scale(.4) rotate(-30deg)}to{transform:none}}.ct-card{position:relative;overflow:hidden;padding:20px;border-radius:18px;background:#0b4527;color:#f3faf5}.ct-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.09) 48%,transparent 60%);background-size:260% 100%;animation:ct-sheen 7s ease-in-out infinite}@keyframes ct-sheen{0%,62%{background-position:130% 0}to{background-position:-130% 0}}.ct-card-star{position:absolute;top:-40px;inset-inline-end:-40px;width:224px;height:224px;color:#fff;opacity:.09;pointer-events:none}.ct-card-top{position:relative;display:flex;align-items:center;gap:12px}.ct-chip{width:34px;height:26px;border-radius:6px;flex-shrink:0;background:linear-gradient(90deg,transparent 32%,rgba(140,104,40,.55) 32% 36%,transparent 36% 64%,rgba(140,104,40,.55) 64% 68%,transparent 68%),linear-gradient(0deg,transparent 45%,rgba(140,104,40,.55) 45% 55%,transparent 55%),#d9b46a}.ct-card-label{font-size:14px;font-weight:600;opacity:.85}.ct-card-key{-webkit-margin-start:auto;margin-inline-start:auto;opacity:.6}.ct-card-code{position:relative;display:flex;flex-direction:column;gap:6px;min-height:68px;margin-top:20px;animation:rise .32s var(--ease) both}.ct-card .code-text{font-size:30px;font-weight:700}.ct-card .code-text .muted{color:inherit;opacity:.65}.ct-card-meta{font-size:14px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-card-actions{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;margin-top:20px}.ct-open{background:#fff;color:#0b4527;font-weight:700}.ct-open:hover{background:var(--mint)}.ct-open.is-busy{opacity:.85;cursor:default}.ct-copy{border-color:rgba(255,255,255,.32);color:#fff}.ct-copy:hover:not(:disabled){background:rgba(255,255,255,.1)}.ct-copy:disabled{opacity:.6}.ct-card-loading{min-height:236px;display:flex;align-items:center}.ct-card-loading .skeleton{opacity:.25}@media (max-width:360px){.ct-card .code-text{font-size:26px}}.ct-steps{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-lg);background:var(--mint);color:#2c3d32}.ct-steps-title{font-size:16px;font-weight:700;color:var(--ink)}.ct-steps ol{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;counter-reset:ct-step}.ct-steps li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.ct-steps li:before{counter-increment:ct-step;content:counter(ct-step);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-top:0;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:700}.ct-steps li.key{font-weight:600;color:var(--ink)}.ct-steps strong{font-weight:700;color:var(--ink)}.ct-steps-note{font-size:13px;color:var(--muted)}.ct-more{margin-top:8px}.ct-row{display:flex;align-items:center;gap:8px;padding:12px;transition:background-color .2s var(--ease)}.ct-row.is-copied{background:var(--mint)}.ct-row-main{display:flex;flex-direction:column;flex:1 1;min-width:0;animation:rise .32s var(--ease) both}.ct-row .code-text{font-size:16px;overflow:visible;text-overflow:clip}.ct-row-open{flex-shrink:0;gap:6px;padding:0 12px;font-size:15px;white-space:nowrap}.ct-row-open svg{width:18px;height:18px}.ct-row-open[aria-disabled=true]{opacity:.6;cursor:default}.ct-row .copy-btn{width:44px;padding:0;flex-shrink:0}.ct-new{width:100%}@media (max-width:374px){.ct-row{padding:10px;gap:6px}.ct-row .code-text{font-size:15px}.ct-row-open{padding:0 10px;font-size:14px}}@media (min-width:768px){.ct-row{padding:12px 16px;gap:10px}.ct-row .code-text{font-size:17px}}.ct-copied{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg)}.ct-copied-head{display:flex;flex-direction:column;gap:2px;padding:16px 16px 12px}.ct-copied ul{border-top:1px solid var(--rule);padding:0 16px}.ct-copied li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}.ct-copied li+li{border-top:1px solid var(--rule)}.ct-copied li .code-text{font-size:16px;overflow:visible}.ct-copied li .code-main{flex:0 0 auto}.ct-copied-all{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:0;border-top:1px solid var(--rule);background:none;color:var(--primary);font-weight:600;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.ct-copied-all:hover{background:var(--mint)}.ct-chev{width:16px;height:16px;transition:transform .2s var(--ease)}.ct-chev.open{transform:rotate(180deg)}.ct-copied-empty{display:none}@media (min-width:1024px){.ct-copied-empty{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px dashed var(--mint-strong);border-radius:var(--radius-lg)}}.codes-about{display:flex;flex-direction:column;gap:12px;padding:20px}.codes-about p{line-height:1.65}.codes-about-links{display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:12px;margin-top:4px;border-top:1px solid var(--rule)}@media (min-width:768px){.codes-about{padding:28px 32px}}[dir=rtl] .ct-hero-title{letter-spacing:0;line-height:1.35}[dir=rtl] .codes-about p,[dir=rtl] .ct-hero-sub,[dir=rtl] .ct-steps li{line-height:1.8}[dir=rtl] .ct-stat-label{line-height:1.5}[dir=rtl] .ct-steps-title,[dir=rtl] .h2{letter-spacing:0}@media (min-width:768px){[dir=rtl] .ct-hero:after{background:linear-gradient(270deg,rgba(8,48,26,.94),rgba(8,48,26,.8) 45%,rgba(8,48,26,.35))}}.live-pill{display:inline-flex;align-items:center;gap:8px;width:-moz-fit-content;width:fit-content;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--rule);color:var(--ink);font-size:14px;font-weight:600;animation:live-in .3s ease-out}.live-dot{position:relative;width:8px;height:8px;flex-shrink:0}.live-dot,.live-dot:after{border-radius:50%;background:#16a34a}.live-dot:after{content:"";position:absolute;inset:0;animation:live-ping 1.8s ease-out infinite}@keyframes live-ping{0%{transform:scale(1);opacity:.6}to{transform:scale(2.6);opacity:0}}@keyframes live-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.live-dot:after,.live-pill{animation:none}}.page-head-inner .live-pill{margin-top:8px}