@keyframes cbGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes cbPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@keyframes cbShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes cbLineGrow{0%{opacity:0;height:0}50%{opacity:1}to{opacity:.6;height:100%}}.cb-mobile-wrap{background:linear-gradient(270deg,#fdf2ec,#f5d5c8,#fbe7df,#e8cfc4,#fdf2ec) 0 0/400% 100%;border-bottom:1px solid #c47a5e14;width:100%;animation:8s infinite cbGradientMove;display:block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.dark .cb-mobile-wrap{background:linear-gradient(270deg,#1b2436,#212c42,#1e2740,#232e45,#1b2436) 0 0/400% 100%;border-bottom-color:#2c3a52;animation:8s infinite cbGradientMove}.cb-mobile-wrap:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);animation:4s ease-in-out infinite cbShimmer;position:absolute;inset:0}.dark .cb-mobile-wrap:before{background:linear-gradient(90deg,#0000,#ffffff08,#0000)}.cb-mobile-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:1;justify-content:flex-start;gap:8px;padding:10px 16px 10px 40px;display:flex;position:relative;overflow-x:auto}.cb-mobile-slider::-webkit-scrollbar{display:none}.cb-m-item{scroll-snap-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #c47a5e1a;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px 8px 10px;transition:all .25s;display:flex}.cb-m-item:hover{background:#fffffff2;border-color:#c47a5e33;transform:translateY(-2px);box-shadow:0 6px 20px #c47a5e1f}.dark .cb-m-item{background:#ffffff0d;border-color:#c47a5e1f}.dark .cb-m-item:hover{background:#ffffff14}.cb-m-icon{background:linear-gradient(135deg,#c47a5e,#d4956e);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.cb-m-icon:after{content:"";opacity:.3;background:linear-gradient(135deg,#c47a5e,#d4956e);border-radius:10px;animation:2.5s ease-in-out infinite cbPulse;position:absolute;inset:-2px}.cb-m-icon svg{color:#fff;z-index:1;width:15px;height:15px;position:relative}.cb-m-info{flex-direction:column;min-width:0;display:flex}.cb-m-title{color:#c47a5e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.dark .cb-m-title{color:#d4956e}.cb-m-code{color:#9b8570;letter-spacing:.5px;direction:ltr;font-size:10px;font-weight:600}.dark .cb-m-code{color:#8494ac}.cb-m-copy{cursor:pointer;color:#c47a5e;z-index:1;background:#c47a5e0f;border:1px solid #c47a5e26;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:relative}.cb-m-copy:hover{background:#c47a5e1f}.cb-m-copy.copied{color:#fff;background:#10b981;border-color:#10b981}.cb-m-copy svg{width:13px;height:13px}.cb-sidebar{z-index:50;display:none;position:fixed;top:50%;left:0;transform:translateY(-50%)}@media (width>=768px){.cb-mobile-wrap{display:none!important}.cb-sidebar{flex-direction:column;align-items:flex-start;gap:6px;display:flex}}.cb-side-tab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c47a5e,#d4956e);border:none;border-radius:0 12px 12px 0;align-items:center;gap:8px;padding:12px 14px 12px 16px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 20px #c47a5e4d}.cb-side-tab:before{content:"";pointer-events:none;background:linear-gradient(#fff3,#0000);position:absolute;inset:0}.cb-side-tab:hover{padding-left:28px;box-shadow:6px 4px 28px #c47a5e66}.cb-side-tab svg{flex-shrink:0;width:18px;height:18px}.cb-side-panel{opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:16px;min-width:260px;max-width:300px;padding:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(-8px);box-shadow:0 12px 48px #0000001f}.dark .cb-side-panel{background:#0e1526;box-shadow:0 12px 48px #00000080}.cb-side-tab:hover+.cb-side-panel,.cb-side-panel:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)translate(0)}.cb-side-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.cb-side-item:hover{background:#c47a5e0f}.cb-side-item+.cb-side-item{border-top:1px solid #c47a5e0f}.cb-side-item-icon{background:linear-gradient(135deg,#fdf2ec,#f5d5c8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.dark .cb-side-item-icon{background:#c47a5e1a}.cb-side-item-icon svg{color:#c47a5e;width:16px;height:16px}.cb-side-item-info{flex:1;min-width:0}.cb-side-item-title{color:#2d2117;font-size:12px;font-weight:700}.dark .cb-side-item-title{color:#eaf0fb}.cb-side-item-code{color:#9b8570;letter-spacing:.5px;direction:ltr;margin-top:2px;font-size:11px}.dark .cb-side-item-code{color:#8494ac}.cb-side-item-copy{cursor:pointer;color:#c47a5e;background:0 0;border:1px solid #c47a5e1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.cb-side-item-copy:hover{background:#c47a5e14}.cb-side-item-copy.copied{color:#fff;background:#10b981;border-color:#10b981}.cb-side-item-copy svg{width:13px;height:13px}.cm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9998;opacity:0;visibility:hidden;background:#00000073;justify-content:center;align-items:center;padding:20px;transition:all .25s;display:flex;position:fixed;inset:0}.cm-overlay.active{opacity:1;visibility:visible}.cm-box{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:360px;padding:36px 28px 28px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.92)translateY(16px);box-shadow:0 24px 80px #0000001f}.dark .cm-box{background:#0e1526;box-shadow:0 24px 80px #00000080}.cm-overlay.active .cm-box{transform:scale(1)translateY(0)}.cm-close{cursor:pointer;color:#999;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s;display:flex;position:absolute;top:10px;left:10px}.cm-close:hover{background:#0000001a}.dark .cm-close{color:#aaa;background:#ffffff0f}.cm-icon{background:linear-gradient(135deg,#c47a5e,#d4956e);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex;position:relative;box-shadow:0 8px 24px #c47a5e40}.cm-icon:after{content:"";opacity:.25;background:linear-gradient(135deg,#c47a5e,#d4956e);border-radius:16px;animation:2s ease-in-out infinite cbPulse;position:absolute;inset:-3px}.cm-icon svg{color:#fff;z-index:1;width:26px;height:26px;position:relative}.cm-title{color:#2d2117;margin-bottom:4px;font-size:15px;font-weight:800;line-height:1.6}.dark .cm-title{color:#eaf0fb}.cm-sub{color:#9b8570;margin-bottom:22px;font-size:12px}.dark .cm-sub{color:#8494ac}.cm-code-wrap{background:#fff5ee;border:2px dashed #c47a5e;border-radius:12px;justify-content:center;align-items:center;margin-bottom:18px;padding:14px 24px;display:flex}.dark .cm-code-wrap{background:#c47a5e14;border-color:#d4956e}.cm-code{color:#c47a5e;letter-spacing:3px;direction:ltr;font-size:24px;font-weight:900}.dark .cm-code{color:#d4956e}.cm-copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c47a5e,#d4956e);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 30px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #c47a5e4d}.cm-copy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c47a5e66}.cm-copy-btn.copied{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 16px #10b9814d}.cm-copy-btn svg{width:16px;height:16px}.cm-hint{color:#b8a088;margin-top:10px;font-size:10px}