a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-bg:#fff;--color-fg:#0f172a;--color-accent:#38bdf8;--color-muted:#64748b;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--code-font:"Courier New",Courier,monospace;--code-size:16px;--code-line-height:1.5;--notice-bg:#fff;--notice-card-bg:#f8fafc;--notice-sidebar-bg:#f1f5f9;--notice-bar-bg:#e2e8f0;--notice-tag-bg:#e2e8f0;--notice-tag-hover:#cbd5e1;--notice-item-hover:#f1f5f9;--notice-item-active:#e2e8f0;--trend-bg:#fff;--trend-card-bg:#fff;--trend-card-border:#0000001a}[data-theme=dark]{--color-bg:#000;--color-fg:#fff;--color-muted:#94a3b8;--notice-bg:#000;--notice-card-bg:#111;--notice-sidebar-bg:#111;--notice-bar-bg:#0a0a0a;--notice-tag-bg:#222;--notice-tag-hover:#333;--notice-item-hover:#222;--notice-item-active:#1a1a1a;--trend-bg:#000;--trend-card-bg:#0b0b0b;--trend-card-border:#94a3b833}#root,body,html{background:var(--color-bg);height:100%}body{color:var(--color-fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}h1,h2,h3{font-weight:700}button{background:#0000;border:1px solid #94a3b84d;border-radius:var(--radius);color:var(--color-fg);cursor:pointer;padding:var(--space-2) var(--space-3)}a{color:inherit}code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc;text-shadow:none}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{background:#ffffff80;color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}pre[class*=language-]{background:#0b0b10;border-radius:10px}code[class*=language-]{color:#e2e8f0;text-shadow:none}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6b7280}.token.punctuation{color:#94a3b8}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#f472b6}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#34d399}.token.entity,.token.operator,.token.url{color:#60a5fa}.token.atrule,.token.attr-value,.token.keyword{color:#a78bfa}.token.class-name,.token.function{color:#f59e0b}.token.important,.token.regex,.token.variable{color:#f87171}.cb-nav{align-items:center;background:var(--color-bg);border-bottom:1px solid #94a3b833;display:flex;gap:16px;height:64px;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.cb-nav a,.cb-nav button{border-radius:10px;color:var(--color-fg);font-size:14px;line-height:1;padding:8px 12px;text-decoration:none}.cb-nav-link{align-items:center;display:flex;gap:8px;transition:all .2s ease}.cb-nav-icon{height:16px;object-fit:contain;width:16px}.cb-nav a.active{background:#38bdf826;color:var(--color-accent)}[data-theme=light] .cb-nav a,[data-theme=light] .cb-nav button{color:#1f2937;font-weight:500}[data-theme=light] .cb-nav a:hover,[data-theme=light] .cb-nav button:hover{background:#00000014}[data-theme=light] .cb-nav a.active{background:#38bdf826;color:#0284c7;font-weight:600}[data-theme=light] .cb-theme{background:#00000014;border-color:#0003;color:#1f2937;font-weight:600}[data-theme=light] .cb-theme:hover{background:#0000001f;border-color:#0000004d}[data-theme=light] .group-trigger{background:#00000014;border-color:#0003;color:#1f2937;font-weight:500}[data-theme=light] .group-trigger:hover{background:#0000001f;border-color:#0000004d}.cb-spacer{flex:1 1}.cb-brand{align-items:center;color:var(--color-fg);display:flex;font-size:18px;font-weight:900;gap:8px;letter-spacing:-.5px;position:relative}.cb-logo-icon{color:var(--color-accent);font-size:20px}.cb-logo-text{color:var(--color-fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:900}.cb-brand .ui{display:none}.cb-menu{align-items:center;display:flex;gap:24px}.group{padding-bottom:12px;position:relative}.group-trigger{background:#94a3b814;border:1px solid #94a3b826;border-radius:10px;color:var(--color-fg);padding:8px 12px}.group-trigger .caret{margin-left:6px;opacity:.7}.group:focus-within .dropdown,.group:hover .dropdown{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.dropdown{grid-gap:2px;background:var(--color-bg);border:1px solid #94a3b833;border-radius:var(--radius);box-shadow:0 8px 24px #00000040;display:grid;gap:2px;left:0;min-width:200px;opacity:0;padding:6px;pointer-events:none;position:absolute;top:100%;transform:translateY(8px);transition:opacity .12s ease,transform .12s ease;visibility:hidden}.dropdown a{border-radius:8px;padding:10px 12px}.pill{background:#94a3b826;border:1px solid #94a3b833}.btn{align-items:center;border:1px solid #0000;border-radius:12px;display:inline-flex;gap:8px;height:40px;padding:10px 16px}.btn.cta{background:linear-gradient(90deg,#7c3aed,#ec4899);color:#fff}.btn.ghost{background:#94a3b81f;border-color:#94a3b83d}.plus{font-weight:700}.icon{filter:grayscale(.2)}.cb-theme{background:#94a3b814;border:1px solid #94a3b840;color:var(--color-fg);font-weight:500;height:40px;margin-left:8px;transition:all .2s ease}.cb-theme:hover{background:#94a3b826;border-color:#94a3b859}.main-container{background:#000;overflow-x:hidden;transition:background-color .3s ease;width:100%}[data-theme=light] .main-container{background:#fff}.main-section-header{margin-bottom:60px;text-align:center}.main-section-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;font-size:48px;font-weight:900;letter-spacing:-.02em;margin:0 0 16px;transition:color .3s ease}[data-theme=light] .main-section-title{color:#000}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.main-section-subtitle{color:#94a3b8;font-size:20px;font-weight:400;margin:0;transition:color .3s ease}[data-theme=light] .main-section-subtitle{color:#64748b}.main-btn{align-items:center;border:2px solid #0000;border-radius:16px;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.main-btn:before{background:linear-gradient(90deg,#0000,#8b5cf633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.main-btn:hover:before{left:100%}.main-btn-outline,.main-btn-primary,.main-btn-secondary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-color:#0000;box-shadow:0 8px 32px #8b5cf64d;color:#fff}.main-btn-outline:hover,.main-btn-primary:hover,.main-btn-secondary:hover{border-color:#f59e0b;box-shadow:0 16px 48px #8b5cf666;transform:translateY(-4px) scale(1.02)}.main-hero{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a 50%,#000);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0 48px;position:relative;transition:background .3s ease}[data-theme=light] .main-hero{background:linear-gradient(135deg,#fff,#f8fafc 50%,#fff)}.main-hero:before{background:radial-gradient(circle at 20% 80%,#8b5cf614 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d40d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-hero-bg{background-position:50%;background-repeat:no-repeat;background-size:cover}.main-hero-bg,.main-hero-bg:before{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.main-hero-bg:before{background:linear-gradient(135deg,#0f172acc,#1e293bb3 50%,#0f172acc);content:""}.main-hero-content{max-width:800px;position:relative;text-align:center;z-index:3}.main-hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:72px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 24px;transition:color .3s ease}[data-theme=light] .main-hero-title{color:#000}.main-hero-subtitle{color:#f59e0b;display:block;font-size:24px;font-weight:400;margin-top:8px}.main-hero-description{color:#94a3b8;font-size:20px;line-height:1.6;margin:0 0 40px;transition:color .3s ease}[data-theme=light] .main-hero-description{color:#64748b}.main-hero-buttons{flex-wrap:wrap;gap:12px}.main-features,.main-hero-buttons{display:flex;justify-content:center}.main-features{background:#000;flex-direction:column;min-height:100vh;overflow:hidden;padding:80px 48px;position:relative;transition:background-color .3s ease}[data-theme=light] .main-features{background:#fff}.main-features:before{background:radial-gradient(circle at 20% 80%,#8b5cf60d 0,#0000 50%),radial-gradient(circle at 80% 20%,#06b6d408 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-features .main-section-header,.main-features-grid{position:relative;z-index:2}.main-features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;width:100%}.main-feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c;border:1px solid #8b5cf626;border-radius:24px;overflow:hidden;padding:40px 32px;position:relative;text-align:center;transition:all .3s ease}[data-theme=light] .main-feature-card{background:#fffc;border:1px solid #8b5cf633}.main-feature-card:hover{background:#000000e6;border-color:#f59e0b;transform:translateY(-4px)}[data-theme=light] .main-feature-card:hover{background:#ffffffe6}.main-feature-icon{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border:1px solid #8b5cf633;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;position:relative;width:80px}.main-feature-icon img{height:48px;object-fit:contain;width:48px}.main-feature-card h3{color:#8b5cf6;font-size:24px;font-weight:700;margin:0 0 16px;transition:color .3s ease}.main-feature-card p{color:#94a3b8;font-size:16px;line-height:1.6;margin:0;transition:color .3s ease}[data-theme=light] .main-feature-card h3{color:#8b5cf6}[data-theme=light] .main-feature-card p{color:#64748b}.main-languages{background:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:80px 48px;position:relative;transition:background-color .3s ease}[data-theme=light] .main-languages{background:#fff}.main-languages:before{background:radial-gradient(circle at 30% 70%,#8b5cf60d 0,#0000 50%),radial-gradient(circle at 70% 30%,#06b6d408 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-languages .main-languages-container,.main-languages .main-section-header{position:relative;z-index:2}.main-languages-container,.main-languages-grid{margin:0 auto;max-width:1200px;width:100%}.main-languages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.language-card{flex-direction:column;padding:24px 16px;position:relative;text-align:center}.card-icon,.language-card{align-items:center;display:flex}.card-icon{justify-content:center;margin-bottom:16px}.card-icon img{height:48px;object-fit:contain;opacity:.9;width:48px}.card-title h3{word-wrap:normal;color:#fff;font-size:1.1em;font-weight:700;line-height:1.2;margin:0 0 12px;overflow-wrap:normal;transition:color .3s ease;word-break:keep-all}[data-theme=light] .card-title h3{color:#000}.card-description p{word-wrap:normal;color:#ffffffb3;font-size:.85em;line-height:1.4;margin:0 0 20px;overflow-wrap:normal;transition:color .3s ease;word-break:keep-all}[data-theme=light] .card-description p{color:#000000b3}.card-stats{display:flex;flex-direction:column;gap:8px;width:100%}.stat-item{align-items:center;display:flex;gap:8px;justify-content:space-between}.stat-value{background:#8b5cf61a;border-radius:8px;color:#8b5cf6;font-size:.9em;font-weight:600;padding:4px 12px}.stat-label{color:#ffffff80;font-size:.7em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}[data-theme=light] .stat-label{color:#00000080}[data-theme=light] .stat-value{background:#8b5cf626}.main-footer{background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);border-top:1px solid #8b5cf61a;color:#fff;overflow:hidden;padding:60px 32px 32px;position:relative;transition:all .3s ease}[data-theme=light] .main-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9 50%,#e2e8f0);border-top:1px solid #8b5cf61a;color:#1e293b}.main-footer:before{background:radial-gradient(circle at 20% 80%,#8b5cf608 0,#0000 40%),radial-gradient(circle at 80% 20%,#06b6d405 0,#0000 40%),radial-gradient(circle at 50% 50%,#f59e0b03 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-footer-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 32px;max-width:1000px;position:relative;z-index:2}.main-footer-section h3,.main-footer-section h4{color:#8b5cf6;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 16px;position:relative}.main-footer-section h3:after,.main-footer-section h4:after{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:1px;bottom:-4px;content:"";height:2px;left:0;position:absolute;width:24px}.main-footer-section h4{font-size:16px}.main-footer-description{color:#94a3b8;font-size:14px;line-height:1.5;margin:0;opacity:.9;transition:color .3s ease}[data-theme=light] .main-footer-description{color:#64748b}.main-footer-links{list-style:none;margin:0;padding:0}.main-footer-links li{margin-bottom:8px}.main-footer-links a{border-radius:4px;color:#94a3b8;display:inline-block;font-size:14px;padding:6px 0;position:relative;text-decoration:none;transition:all .3s ease}[data-theme=light] .main-footer-links a{color:#64748b}.main-footer-links a:before{background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.main-footer-links a:hover{background:#8b5cf60d;color:#f59e0b;transform:translateX(4px)}.main-footer-links a:hover:before{width:100%}.main-footer-languages{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr);width:100%}.main-footer-languages img{background:#8b5cf614;border:1px solid #8b5cf61a;border-radius:6px;height:28px;object-fit:contain;opacity:.6;padding:3px;transition:all .3s ease;width:28px}.main-footer-languages img:hover{background:#f59e0b26;border-color:#f59e0b4d;box-shadow:0 4px 12px #f59e0b33;opacity:1;transform:scale(1.15) translateY(-2px)}.main-footer-bottom{border-top:1px solid #8b5cf626;padding-top:24px;position:relative;text-align:center;z-index:2}.main-footer-bottom p{color:#64748b;font-size:13px;margin:0;opacity:.8}.main-footer-credits{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px;justify-content:center;margin-top:6px;opacity:.7}.card-action{border-top:1px solid #94a3b81a;margin-top:16px;padding-top:16px}.language-view-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.language-view-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.language-view-btn:hover{box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.language-view-btn:hover:before{left:100%}[data-theme=light] .language-view-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff}[data-theme=light] .language-view-btn:hover{box-shadow:0 8px 25px #8b5cf666}.icons8-link{color:#8b5cf6;font-weight:500;text-decoration:none;transition:color .3s ease}.icons8-link:hover{color:#06b6d4;text-decoration:underline}@media (max-width:768px){.main-hero{flex-direction:column;padding:48px 24px;text-align:center}.main-hero-title{font-size:48px}.main-hero-subtitle{font-size:20px}.main-hero-description{font-size:18px}.main-hero-buttons{gap:8px;justify-content:center}.main-section-title{font-size:36px}.main-section-subtitle{font-size:18px}.main-features,.main-languages{padding:60px 24px}.main-languages-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.language-card{padding:20px 12px}.language-view-btn{font-size:13px;padding:10px 16px}.card-icon img{height:40px;width:40px}.card-title h3{font-size:1em;margin-bottom:10px}.card-description p,.card-title h3{word-wrap:normal;overflow-wrap:normal;word-break:keep-all}.card-description p{font-size:.8em;margin-bottom:16px}.card-stats,.stat-item{gap:6px}.stat-value{font-size:.85em;padding:3px 10px}.stat-label{font-size:.65em}.main-footer{padding:48px 20px 24px}.main-footer-content{gap:24px;grid-template-columns:1fr}.main-footer-languages{gap:6px;grid-template-columns:repeat(4,1fr)}.main-footer-languages img{height:24px;width:24px}}@media (max-width:480px){.main-hero-title{font-size:36px}.main-section-title{font-size:28px}.main-btn{font-size:13px;padding:12px 20px}.main-languages-grid{gap:12px;grid-template-columns:1fr}.language-card{padding:16px 8px}.card-icon img{height:36px;margin-bottom:12px;width:36px}.card-title h3{font-size:.95em;margin-bottom:8px}.card-description p,.card-title h3{word-wrap:normal;overflow-wrap:normal;word-break:keep-all}.card-description p{font-size:.75em;margin-bottom:12px}.card-stats,.stat-item{gap:4px}.stat-value{font-size:.8em;padding:2px 8px}.stat-label{font-size:.6em}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol{color:#569cd6}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-class,.hljs-number{color:#b8d7a3}.hljs-meta .hljs-string,.hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-template-variable,.hljs-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#d7ba7d}.hljs-addition{background-color:#144212}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-deletion{background-color:#600}.cu-container{background:var(--color-bg);color:var(--color-fg);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.cu-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-bottom:1px solid #94a3b833;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.cu-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.cu-title-section{flex:1 1}.cu-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.cu-subtitle{color:var(--color-muted);font-size:14px;margin:4px 0 0}.cu-header-actions{gap:16px}.cu-header-actions,.cu-run-btn{align-items:center;display:flex}.cu-run-btn{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:8px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.cu-run-btn:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.cu-run-icon{font-size:14px}.cu-upload-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #94a3b84d;border-radius:8px;color:var(--color-fg);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;opacity:.5;padding:12px 24px;transition:all .3s ease}.cu-upload-btn.active{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf64d;opacity:1}.cu-upload-btn.active:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.cu-upload-icon{font-size:14px}.cu-terms-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:50%;color:#8b5cf6;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;margin-right:12px;transition:all .3s ease;width:32px}.cu-terms-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:scale(1.1)}.cu-terms-icon{font-size:14px;font-weight:700}.cu-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.cu-modal{animation:modalSlideIn .3s ease-out;background:var(--color-bg);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cu-modal-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.cu-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;background-clip:text;color:var(--color-fg);font-size:20px;font-weight:700;margin:0}.cu-modal-close{align-items:center;background:#94a3b81a;border:1px solid #94a3b84d;border-radius:50%;color:var(--color-fg);cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.cu-modal-close:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444;transform:scale(1.1)}.cu-modal-content{max-height:60vh;overflow-y:auto;padding:0 24px}.cu-terms-section{margin-bottom:24px}.cu-terms-section h3{color:var(--color-fg);font-size:16px;font-weight:600;margin:0 0 12px}.cu-terms-section ul{list-style:none;margin:0;padding-left:20px}.cu-terms-section li{color:var(--color-muted);line-height:1.5;margin-bottom:8px;position:relative}.cu-terms-section li:before{color:#8b5cf6;content:"•";font-weight:700;left:-15px;position:absolute}.cu-terms-section p{color:var(--color-muted);line-height:1.5;margin:0}.cu-modal-footer{border-top:1px solid #94a3b833;display:flex;justify-content:flex-end;margin-top:20px;padding:20px 24px 24px}.cu-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cu-modal-btn-primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.cu-modal-btn-primary:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}@media (max-width:768px){.cu-modal{margin:20px;max-height:90vh}.cu-modal-header{padding:20px 20px 0}.cu-modal-content{padding:0 20px}.cu-modal-footer{padding:16px 20px 20px}.cu-modal-title{font-size:18px}}.cu-main-layout{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr 700px;margin:0 auto;max-width:1400px;padding:24px;width:100%}.cu-left-panel{display:flex;flex-direction:column;gap:20px;min-width:0}.cu-right-panel{flex-shrink:0;gap:20px;width:700px}.cu-form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #94a3b833;border-radius:12px;overflow:hidden}.cu-form-header{align-items:center;background:#0003;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:16px 20px}.cu-form-header h3{color:var(--color-fg);font-size:18px;font-weight:600;margin:0}.cu-collapse-btn{align-items:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#8b5cf6;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;padding:6px 12px;transition:all .3s ease;width:32px}.cu-collapse-btn:hover{background:#8b5cf633;color:#fff}.cu-arrow{font-size:12px;transition:transform .3s ease}.cu-arrow.collapsed{transform:rotate(-90deg)}.cu-input-group{display:flex;flex-direction:column;gap:6px}.cu-label{color:var(--color-fg);font-size:14px;gap:8px}.cu-help-btn,.cu-label{align-items:center;display:flex;font-weight:600}.cu-help-btn{background:#8b5cf61a;border:1px solid #94a3b84d;border-radius:50%;box-sizing:border-box;color:#8b5cf6;cursor:pointer;flex-shrink:0;font-size:12px;height:20px;justify-content:center;min-height:20px;min-width:20px;transition:all .3s ease;width:20px}.cu-help-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:scale(1.1)}.cu-input{background:#ffffff0d;border:1px solid #94a3b84d;border-radius:8px;color:var(--color-fg);font-size:14px;padding:12px 16px;transition:all .3s ease}.cu-input::placeholder{color:var(--color-muted)}.cu-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.cu-input-wrapper{position:relative;width:100%}.cu-input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.cu-error-tooltip{align-items:center;background:#ef4444;border-radius:6px;box-shadow:0 4px 12px #ef44444d;color:#fff;display:flex;font-size:12px;gap:6px;left:0;margin-top:4px;padding:8px 12px;position:absolute;right:0;top:100%;z-index:1000}.cu-error-tooltip:before{border-bottom:4px solid #ef4444;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;left:16px;position:absolute;top:-4px;width:0}.cu-error-icon{font-size:14px}.cu-user-info{display:flex;gap:16px;margin-top:8px}.cu-selected-categories-display{margin-bottom:8px;margin-top:-8px}.cu-selected-categories-display .cu-label{color:var(--color-muted);font-size:12px;font-weight:500;margin-bottom:8px}.cu-categories-chips{display:flex;flex-wrap:wrap;gap:6px}.cu-category-chip{align-items:center;background:#94a3b814;border:1px solid #94a3b84d;border-radius:9999px;color:var(--color-fg);display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.cu-category-remove{background:#0000;border:0;color:var(--color-fg);cursor:pointer;font-size:12px;opacity:.7;padding:0 0 0 2px;transition:opacity .2s ease}.cu-category-remove:hover{opacity:1}.cu-lang-selector{background:#94a3b80f;border:1px solid #94a3b833;border-radius:16px;padding:20px}.cu-lang-section,.cu-lang-selector{margin-bottom:20px}.cu-lang-title{align-items:center;background:#ffffff0d;border:1px solid #94a3b84d;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px 16px;transition:all .3s ease}.cu-lang-title:hover{background:#ffffff14;border-color:#94a3b880}.cu-lang-title h3{color:var(--color-fg);font-size:16px;font-weight:600;margin:0}.cu-lang-title-right{align-items:center;display:flex;gap:8px}.cu-dropdown-arrow{color:var(--color-muted);font-size:12px;transition:transform .3s ease}.cu-dropdown-arrow.open{transform:rotate(180deg)}.cu-lang-content{max-height:0;overflow:hidden;padding:0 16px;transition:max-height .3s ease,padding .3s ease}.cu-lang-content.open{max-height:200px;overflow:visible;padding:12px 16px}.cu-lang-count{color:var(--color-muted);font-size:12px;font-weight:500}.cu-lang-grid{display:flex;flex-wrap:wrap;gap:8px}.cu-lang-chip{align-items:center;background:#fff;border:1px solid #94a3b84d;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:28px}.cu-lang-chip:hover{background:#94a3b814;border-color:#94a3b880;transform:translateY(-1px)}.cu-lang-chip.active{background:#8b5cf61a;border-color:var(--color-accent);box-shadow:0 0 0 2px #8b5cf633}.cu-lang-chip img{height:16px;object-fit:contain;width:16px}.cu-lang-chip[data-tip]:hover:after{background:#111111f2;border:1px solid #94a3b84d;border-radius:6px;bottom:calc(100% + 8px);color:var(--color-fg);content:attr(data-tip);font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(2px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap;z-index:9999}[data-theme=light] .cu-lang-chip[data-tip]:hover:after{background:#fffffff2;border-color:#0003;box-shadow:0 4px 12px #00000026;color:#1f2937}.cu-lang-chip[data-tip]:focus-visible:after,.cu-lang-chip[data-tip]:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.cu-form-content{display:flex;flex-direction:column;gap:12px;max-height:1000px;opacity:1;overflow:hidden;padding:20px;transition:all .3s ease}.cu-form-content.collapsed{max-height:0;opacity:0;padding-bottom:0;padding-top:0}.cu-editors-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #94a3b833;border-radius:12px;flex:1 1;overflow:hidden}.cu-editors-header{background:#0003;padding:0}.cu-editors-header,.cu-lang-tabs{border-bottom:1px solid #94a3b833}.cu-lang-tabs{-ms-overflow-style:none;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.cu-lang-tabs::-webkit-scrollbar{display:none}.cu-lang-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:var(--color-muted);cursor:pointer;display:flex;flex-shrink:0;gap:8px;min-width:-webkit-max-content;min-width:max-content;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.cu-lang-tab:hover{background:#ffffff0d;color:var(--color-fg)}.cu-lang-tab.active{background:#8b5cf61a;border-bottom-color:#8b5cf6;color:#8b5cf6}.cu-lang-tab-icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.cu-lang-tab-icon img{height:100%;object-fit:contain;width:100%}.cu-lang-tab-name{font-size:12px;font-weight:600;white-space:nowrap}.cu-editor-content{height:400px}.cu-no-languages{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.cu-no-languages-content{max-width:300px;text-align:center}.cu-no-languages-icon{font-size:48px;margin-bottom:16px}.cu-no-languages h3{color:var(--color-fg);font-size:20px;font-weight:600;margin:0 0 8px}.cu-no-languages p{color:var(--color-muted);font-size:14px;margin:0 0 20px}.cu-suggestions p{color:var(--color-muted);font-size:12px;font-weight:600;margin:0 0 12px}.cu-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cu-suggestion-chips span{background:#8b5cf61a;border-radius:16px;color:#8b5cf6;font-size:12px;font-weight:600;padding:4px 12px}.cu-code-editor{display:flex;flex-direction:column;height:100%;position:relative}.cu-editor-controls{background:#94a3b805;border-bottom:1px solid #94a3b833;display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.cu-editor-content{flex:1 1;min-height:0;position:relative}.cu-clear-all-btn,.cu-clear-output-btn{align-items:center;background:#94a3b814;border:1px solid #94a3b84d;border-radius:6px;color:var(--color-fg);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.cu-clear-all-btn:hover,.cu-clear-output-btn:hover{background:#94a3b826;border-color:#94a3b880;transform:translateY(-1px)}.cu-clear-all-btn:active,.cu-clear-output-btn:active{transform:translateY(0)}.cu-clear-all-icon,.cu-clear-output-icon{font-size:14px}.cu-textarea{word-wrap:normal;font-feature-settings:"tnum" 1,"tnum";-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;background:#0000;border:none;box-sizing:border-box;caret-color:var(--color-fg);color:#0000;direction:ltr;flex:1 1;font-family:Courier New,Courier,monospace;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:normal;line-height:1.5;margin:0;min-height:0;outline:none;overflow:auto;overflow-wrap:normal;padding:16px;position:relative;resize:none;tab-size:2;text-align:left;text-indent:0;text-shadow:none;text-transform:none;vertical-align:initial;white-space:pre;width:100%;word-spacing:normal;z-index:1}.cu-input-group .cu-textarea{background:#ffffff0d;border:1px solid #94a3b84d;border-radius:8px;color:var(--color-fg);font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px;position:relative;resize:vertical;transition:all .3s ease}.cu-input-group .cu-textarea:focus{background:#ffffff14;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.cu-input-group .cu-textarea::placeholder{color:var(--color-muted);opacity:.7}.cu-highlight{font-feature-settings:"tnum" 1,"tnum";-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;background:#0000!important;bottom:0;font-variant-numeric:tabular-nums;left:0;margin-top:0;overflow:hidden;padding:16px;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.cu-highlight *,.cu-highlight .hljs{background:#0000!important;text-shadow:none!important}.cu-highlight pre{background:#0000!important;color:#0000;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;margin:0;padding:0}.cu-highlight code,.cu-highlight pre{word-wrap:normal;font-feature-settings:"tnum" 1,"tnum";-webkit-font-feature-settings:"tnum" 1;-moz-font-feature-settings:"tnum" 1;box-sizing:border-box;direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:normal;overflow-wrap:normal;tab-size:2;text-align:left;text-indent:0;text-shadow:none;text-transform:none;vertical-align:initial;white-space:pre;word-spacing:normal}.cu-highlight code{background:#0000!important;color:#fff!important;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;text-shadow:none!important}.cu-highlight .hljs{background:#0000!important;color:#d4d4d4!important}.cu-highlight .hljs-keyword{color:#569cd6!important}.cu-highlight .hljs-string{color:#ce9178!important}.cu-highlight .hljs-comment{color:#6a9955!important}.cu-highlight .hljs-function{color:#dcdcaa!important}.cu-highlight .hljs-number{color:#b5cea8!important}.cu-highlight .hljs-operator,.cu-highlight .hljs-punctuation{color:#d4d4d4!important}.cu-highlight .hljs-tag{color:#569cd6!important}.cu-highlight .hljs-attr{color:#9cdcfe!important}.cu-highlight .hljs-value{color:#ce9178!important}[data-theme=light] .cu-highlight .hljs{background:#0000!important;color:#1e1e1e!important}[data-theme=light] .cu-highlight .hljs-keyword{color:#00f!important}[data-theme=light] .cu-highlight .hljs-string{color:#a31515!important}[data-theme=light] .cu-highlight .hljs-comment{color:green!important}[data-theme=light] .cu-highlight .hljs-function{color:#795e26!important}[data-theme=light] .cu-highlight .hljs-number{color:#098658!important}[data-theme=light] .cu-highlight .hljs-operator,[data-theme=light] .cu-highlight .hljs-punctuation{color:#1e1e1e!important}[data-theme=light] .cu-highlight .hljs-tag{color:#00f!important}[data-theme=light] .cu-highlight .hljs-attr{color:#001080!important}[data-theme=light] .cu-highlight .hljs-value{color:#a31515!important}.cu-highlight code,.cu-highlight pre,.cu-textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"calt" 1,none,normal,"subs" off,"sups" off;font-stretch:normal;font-style:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:none;font-variant-position:normal;font-weight:400;text-rendering:optimizeLegibility}.cu-highlight code,.cu-highlight pre,.cu-textarea{font-feature-settings:none,normal,"subs" off,"sups" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Courier New,Courier,monospace!important;font-size:14px!important;font-stretch:normal;font-style:normal;font-variant-caps:normal;font-variant-east-asian:normal;font-variant-ligatures:none;font-variant-position:normal;font-weight:400;letter-spacing:normal!important;line-height:1.5!important;text-rendering:optimizeLegibility;word-spacing:normal!important}.cu-preview-section,.cu-right-panel{display:flex;flex-direction:column}.cu-preview-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #94a3b833;border-radius:12px;height:100%;overflow:hidden}.cu-preview-header{align-items:center;background:#0003;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:16px 20px}.cu-preview-header h3{color:var(--color-fg);font-size:18px;font-weight:600;margin:0}.cu-preview-color-control{align-items:center;display:flex;gap:8px}.cu-preview-color-control label{color:var(--color-fg);font-size:12px;font-weight:500;white-space:nowrap}.cu-color-picker{background:#0000;border:1px solid #94a3b84d;border-radius:6px;cursor:pointer;height:32px;padding:0;width:32px}.cu-color-picker:hover{border-color:var(--color-accent);transform:scale(1.05)}.cu-bg-toggle-mini{background:#ffffff1a;border-radius:8px;display:flex;padding:2px}.cu-bg-btn-mini{background:#0000;border:none;border-radius:6px;color:var(--color-muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.cu-bg-btn-mini.active{background:#8b5cf6;color:#fff}.cu-preview-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:400px;padding:0}.cu-preview-content iframe{background:#fff;border:none;border-radius:0;height:100%;width:100%}.cu-dropdown-trigger{align-items:center;background:#ffffff0d;border:1px solid #94a3b84d;border-radius:8px;color:var(--color-fg);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .3s ease;width:100%}.cu-dropdown-trigger:hover{background:#ffffff1a}.cu-caret{font-size:12px;transition:transform .3s ease}.cu-dropdown-menu{background:var(--color-bg);border:1px solid #94a3b833;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);transform:translateY(-4px);transition:all .2s ease;z-index:1000}.cu-dropdown-menu.open{max-height:300px;opacity:1;transform:translateY(0)}.cu-dropdown-search{background:#0000;border:none;border-bottom:1px solid #94a3b833;color:var(--color-fg);font-size:14px;outline:none;padding:8px 12px;width:100%}.cu-dropdown-search::placeholder{color:var(--color-muted)}.cu-dropdown-items{max-height:200px;overflow-y:auto;padding:4px 0}.cu-dropdown-item{align-items:center;background:#0000;border:none;color:var(--color-fg);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.cu-dropdown-item:hover{background:#94a3b81a}.cu-dropdown-item.active{background:#8b5cf61a;color:#8b5cf6}.cu-checkbox{align-items:center;background:#0000;border:1px solid #94a3b84d;border-radius:4px;color:#0000;display:flex;font-size:12px;font-weight:700;height:16px;justify-content:center;transition:all .2s ease;width:16px}.cu-dropdown-item.active .cu-checkbox{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.cu-selected-categories{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cu-bg-btn-mini,.cu-dropdown-item,.cu-dropdown-menu,.cu-dropdown-trigger,.cu-input,.cu-lang-chip,.cu-textarea{pointer-events:auto!important;position:relative;z-index:10}.cu-dropdown{position:relative;width:100%}@media (max-width:1200px){.cu-main-layout{gap:16px;grid-template-columns:1fr}.cu-right-panel{order:-1}}@media (max-width:768px){.cu-header{padding:16px 0}.cu-header-content{flex-direction:column;gap:16px;text-align:center}.cu-title{font-size:2rem}.cu-main-layout{padding:16px}.cu-user-info{flex-direction:column;gap:12px}.cu-lang-grid{gap:8px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.cu-lang-chip{height:24px;width:24px}.cu-lang-chip img{height:14px;width:14px}.cu-lang-name{font-size:11px}.cu-preview-header{align-items:flex-start;flex-direction:column;gap:12px}.cu-preview-color-control{gap:6px}.cu-preview-color-control label{font-size:11px}.cu-color-picker{height:28px;width:28px}.cu-lang-title{padding:10px 12px}.cu-lang-title h3{font-size:14px}.cu-lang-content.open{padding:8px 12px}}.cu-success-message{animation:slideInRight .5s ease-out;position:fixed;right:20px;top:20px;z-index:10000}.cu-success-content{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 32px #10b9814d;color:#fff;display:flex;gap:12px;padding:16px 24px}.cu-success-icon{animation:bounce 1s ease-in-out infinite;font-size:24px}.cu-success-text{font-size:14px;font-weight:600;white-space:nowrap}.cu-balloons-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.cu-balloon{animation:floatUp 4s ease-out var(--delay) forwards;background:var(--color);border-radius:50%;bottom:-120px;box-shadow:0 12px 24px #0006;height:var(--size);left:var(--left);opacity:0;position:absolute;width:var(--size)}.cu-balloon:before{border-left:9px solid #0000;border-right:9px solid #0000;border-top:18px solid var(--color);bottom:-18px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.3) translateX(0)}20%{opacity:1;transform:translateY(-20px) scale(1) translateX(0)}50%{opacity:1;transform:translateY(-50vh) scale(1) translateX(calc(var(--left) - 50%))}80%{opacity:1;transform:translateY(-100vh) scale(1) translateX(calc(var(--left) - 50%))}to{opacity:0;transform:translateY(-120vh) scale(.8) translateX(calc(var(--left) - 50%))}}.cu-balloon:nth-child(odd){animation-duration:3.5s}.cu-balloon:nth-child(2n){animation-duration:4.5s}.cu-balloon:nth-child(3n){animation-duration:3s}.cu-balloon:nth-child(5n){animation-duration:5s}.trend-news-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.trend-news-header{margin-bottom:30px;position:relative;z-index:5}.trend-news-title-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.trend-news-title-icon{font-size:16px}.trend-news-filters-row{display:flex;gap:16px;margin-bottom:20px}.trend-news-search-container{flex:1 1}.trend-news-search-container,.trend-news-sort-container{background:var(--trend-card-bg);border:1px solid var(--trend-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px;position:relative;z-index:10}.trend-news-search{position:relative;width:100%;z-index:1}.trend-news-search-input{background:var(--trend-card-bg);border:1px solid var(--color-muted);border-radius:8px;color:var(--color-fg);font-size:14px;padding:12px 16px 12px 45px;transition:all .3s ease;width:100%}.trend-news-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.trend-news-search-icon,.trend-news-search-input::placeholder{color:var(--color-muted)}.trend-news-search-icon{font-size:16px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.trend-news-sort-dropdown{position:relative;z-index:2}.trend-news-sort-trigger{align-items:center;background:var(--trend-card-bg);border:1px solid var(--color-muted);border-radius:8px;color:var(--color-fg);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;min-width:140px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.trend-news-sort-trigger:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.trend-news-sort-icon{font-size:16px}.trend-news-sort-text{flex:1 1;text-align:left}.trend-news-sort-arrow{font-size:12px;transition:transform .3s ease}.trend-news-sort-arrow.open{transform:rotate(180deg)}.trend-news-sort-menu{background:var(--trend-card-bg);border:1px solid var(--color-muted);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:200px;opacity:0;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px);transition:all .3s ease;visibility:hidden;z-index:1000}.trend-news-sort-menu.open{opacity:1;transform:translateY(0);visibility:visible}.trend-news-sort-options{padding:8px 0}.trend-news-sort-option{background:none;border:none;color:var(--color-fg);cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .2s ease;width:100%}.trend-news-sort-option:hover{background:#667eea1a}.trend-news-sort-option.active{background:#667eea26;color:#667eea;font-weight:600}.trend-news-sort-order{border-top:1px solid var(--color-muted);display:flex;padding:8px 0}.trend-news-order-btn{background:none;border:none;color:var(--color-fg);cursor:pointer;flex:1 1;font-size:12px;padding:6px 12px;transition:all .2s ease}.trend-news-order-btn:hover{background:#667eea1a}.trend-news-order-btn.active{background:#667eea26;color:#667eea;font-weight:600}.trend-news-results-count{background:var(--trend-card-bg);border:1px solid var(--trend-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;color:var(--color-muted);font-size:14px;font-weight:500;margin-bottom:20px;padding:15px 20px}.trend-news-content{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 320px}.trend-news-main{display:flex;flex-direction:column;gap:30px}.trend-news-all{margin-bottom:20px}.trend-news-all-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.trend-news-all-card{background:var(--trend-card-bg);border:1px solid var(--trend-card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;color:inherit;cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.trend-news-all-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.trend-news-all-image{height:180px;overflow:hidden;position:relative}.trend-news-all-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trend-news-all-card:hover .trend-news-all-image img{transform:scale(1.05)}.trend-news-all-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--color-muted);display:flex;height:100%;justify-content:center;width:100%}.trend-news-all-icon{font-size:32px}.trend-news-all-content{padding:20px}.trend-news-all-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.trend-news-all-title{color:var(--color-fg);font-size:18px;font-weight:700;line-height:1.4;margin:0 0 12px;transition:color .2s ease}.trend-news-all-card:hover .trend-news-all-title{color:#667eea}.trend-news-all-meta{align-items:center;color:var(--color-muted);display:flex;font-size:14px;gap:12px;margin-bottom:12px}.trend-news-all-author{font-weight:600}.trend-news-all-date,.trend-news-all-summary{color:var(--color-muted)}.trend-news-all-summary{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.6;margin:0 0 12px;overflow:hidden}.trend-news-all-stats{color:var(--color-muted);display:flex;font-size:12px;gap:12px;margin-top:8px}.trend-news-all-recommendations,.trend-news-all-views{align-items:center;background:#667eea0d;border-radius:6px;display:flex;font-weight:500;gap:4px;padding:4px 8px;transition:all .2s ease}.trend-news-all-recommendations:hover,.trend-news-all-views:hover{background:#667eea1a}.trend-news-stat-icon{font-size:14px}.trend-news-stat-number{color:var(--color-fg);font-weight:600}.trend-news-featured{margin-bottom:20px}.trend-news-featured-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.trend-news-featured-card.latest{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;grid-column:1/-1}.trend-news-featured-card.latest .trend-news-featured-content{color:#fff}.trend-news-featured-card.latest .trend-news-featured-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.trend-news-featured-card.latest .trend-news-featured-title a{color:#fff}.trend-news-featured-card.latest .trend-news-featured-meta{color:#fffc}.trend-news-featured-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.trend-news-featured-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.trend-news-featured-image{height:200px;overflow:hidden;position:relative}.trend-news-featured-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trend-news-featured-card:hover .trend-news-featured-image img{transform:scale(1.05)}.trend-news-featured-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;height:100%;justify-content:center;width:100%}.trend-news-featured-icon{font-size:48px;opacity:.6}.trend-news-featured-content{padding:20px}.trend-news-featured-category{background:#f0f4ff;border-radius:12px;color:#667eea;display:inline-block;font-size:12px;font-weight:600;margin-bottom:12px;padding:4px 12px}.trend-news-featured-title{font-size:18px;font-weight:700;line-height:1.4;margin-bottom:12px}.trend-news-featured-title a{color:var(--color-fg);text-decoration:none}.trend-news-featured-title a:hover{color:#667eea}.trend-news-featured-meta{color:var(--color-muted);display:flex;font-size:13px;gap:16px}.trend-news-featured-author{font-weight:500}.trend-news-featured-date{opacity:.8}.trend-news-recent{margin-top:20px}.trend-news-recent-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.trend-news-recent-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.trend-news-recent-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.trend-news-recent-image{height:120px;overflow:hidden;position:relative}.trend-news-recent-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trend-news-recent-card:hover .trend-news-recent-image img{transform:scale(1.05)}.trend-news-recent-placeholder{align-items:center;background:linear-gradient(135deg,#e0e6ed,#b8c6db);display:flex;height:100%;justify-content:center;width:100%}.trend-news-recent-icon{font-size:32px;opacity:.6}.trend-news-recent-content{padding:16px}.trend-news-recent-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:8px}.trend-news-recent-title a{color:#1a1a1a;text-decoration:none}.trend-news-recent-title a:hover{color:#667eea}.trend-news-recent-meta{color:var(--color-muted);display:flex;font-size:12px;gap:12px;margin-bottom:8px}.trend-news-recent-category{background:#f0f4ff;border-radius:8px;color:#667eea;font-weight:500;padding:2px 8px}.trend-news-recent-readtime{opacity:.8}.trend-news-recent-source{align-items:center;color:var(--color-muted);display:flex;font-size:12px;gap:6px}.trend-news-recent-source-icon{font-size:14px}.trend-news-recent-source-name{font-weight:500}.trend-news-loading-spinner{animation:spin 2s linear infinite;font-size:48px}.trend-news-loading p{color:var(--color-muted);font-size:16px;margin:0}.trend-news-sidebar{height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-color:#0003 #0000;scrollbar-width:thin;top:20px}.trend-news-sidebar::-webkit-scrollbar{width:6px}.trend-news-sidebar::-webkit-scrollbar-track{background:#0000}.trend-news-sidebar::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:3px}.trend-news-sidebar::-webkit-scrollbar-thumb:hover{background:var(--color-fg)}[data-theme=dark] .trend-news-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d}[data-theme=dark] .trend-news-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.trend-news-popular{background:var(--trend-card-bg);border:1px solid var(--trend-card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:20px;transition:box-shadow .3s ease}.trend-news-popular:hover{box-shadow:0 8px 24px #0000001f}.trend-news-popular-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;margin-bottom:20px;padding-bottom:12px}.trend-news-popular-icon{font-size:18px}.trend-news-popular-title{color:#1a1a1a;font-size:16px;font-weight:700;margin:0}.trend-news-popular-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:4px;scrollbar-color:#0003 #0000;scrollbar-width:thin}.trend-news-popular-list::-webkit-scrollbar{width:4px}.trend-news-popular-list::-webkit-scrollbar-track{background:#0000}.trend-news-popular-list::-webkit-scrollbar-thumb{background:var(--color-muted);border-radius:2px}.trend-news-popular-list::-webkit-scrollbar-thumb:hover{background:var(--color-fg)}[data-theme=dark] .trend-news-popular-list::-webkit-scrollbar-thumb{background:#ffffff4d}[data-theme=dark] .trend-news-popular-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.trend-news-popular-item{border:1px solid #0000;border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:12px;padding:12px;text-decoration:none;transition:all .2s ease}.trend-news-popular-item:hover{background:var(--notice-item-hover);border-color:var(--trend-card-border);transform:translateX(4px)}.trend-news-popular-rank{align-items:center;display:flex;flex-direction:column;gap:4px;min-width:40px}.trend-news-popular-number{color:#667eea;font-size:18px;font-weight:700;line-height:1}.trend-news-popular-new{background:#f0f4ff;border-radius:6px;color:#667eea;font-size:10px;font-weight:600;padding:2px 6px}.trend-news-popular-content{flex:1 1;min-width:0}.trend-news-popular-title-text{color:#1a1a1a;color:inherit;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:6px;transition:color .2s ease}.trend-news-popular-item:hover .trend-news-popular-title-text{color:#667eea}.trend-news-popular-meta{color:var(--color-muted);display:flex;font-size:11px;gap:8px;margin-bottom:4px}.trend-news-popular-category{background:#f0f4ff;border-radius:6px;color:#667eea;font-weight:500;padding:1px 6px}.trend-news-popular-readtime{opacity:.8}.trend-news-popular-stats{align-items:center;color:#ff6b35;display:flex;font-size:11px;gap:4px}.trend-news-popular-star{font-size:12px}.trend-news-popular-label{font-weight:500}.trend-news-popular-thumbnail{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.trend-news-popular-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.trend-news-popular-item:hover .trend-news-popular-thumbnail img{transform:scale(1.05)}.trend-news-popular-placeholder{align-items:center;background:linear-gradient(135deg,#e0e6ed,#b8c6db);border:1px solid #e2e8f0;border-radius:8px;display:flex;height:100%;justify-content:center;width:100%}.trend-news-popular-placeholder-icon{font-size:20px;opacity:.6}.trend-news-popular-empty{padding:40px 20px;text-align:center}.trend-news-popular-empty-icon{font-size:32px;margin-bottom:12px;opacity:.6}.trend-news-popular-empty-text{color:var(--color-muted);font-size:14px;margin:0}.trend-news-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 104px);padding:60px 20px;text-align:center}.trend-news-loading-spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.trend-news-empty{color:var(--color-muted);min-height:calc(100vh - 264px);padding:60px 20px;text-align:center}.trend-news-empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.trend-news-empty-title{color:var(--color-fg);font-size:1.5rem;font-weight:600;margin:0 0 10px}.trend-news-empty-description{font-size:1rem;margin:0 0 20px;opacity:.8}.trend-news-empty-clear-btn{background:var(--trend-card-bg);border:1px solid var(--color-muted);border-radius:8px;color:var(--color-fg);cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.trend-news-empty-clear-btn:hover{background:#667eea0d;border-color:#667eea;color:#667eea}@media (max-width:1024px){.trend-news-filters-row{flex-direction:column;gap:12px}.trend-news-content{gap:20px;grid-template-columns:1fr}.trend-news-sidebar{position:static}.trend-news-popular-list,.trend-news-sidebar{max-height:none;overflow-y:visible}}@media (max-width:768px){.trend-news-filters-row{gap:12px}.trend-news-search-container,.trend-news-sort-container{padding:16px}.trend-news-sort-trigger{min-width:auto;padding:10px 12px}.trend-news-container{padding:20px 15px 15px}.trend-news-search{width:100%}.trend-news-dropdown-menu{left:50%;max-height:60vh;max-width:300px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1002}.trend-news-all-stats{flex-wrap:wrap;gap:8px}.trend-news-all-recommendations,.trend-news-all-views{flex:1 1;justify-content:center;min-width:80px}.trend-news-all-grid,.trend-news-featured-grid,.trend-news-recent-grid{gap:15px;grid-template-columns:1fr}.trend-news-featured-image{height:160px}.trend-news-recent-image{height:100px}}@media (max-width:480px){.trend-news-filters{padding:15px}.trend-news-search-input{font-size:13px;padding:10px 14px 10px 40px}.trend-news-featured-content{padding:15px}.trend-news-recent-content{padding:12px}.trend-news-popular{padding:15px}.trend-news-popular-item{padding:10px}.trend-news-popular-thumbnail{height:50px;width:50px}}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.td-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0 auto;max-width:800px;min-height:100vh;padding:48px 24px;transition:color .3s ease,background-color .3s ease}.td-back-btn,.td-container{background:var(--color-bg);color:var(--color-fg)}.td-back-btn{align-items:center;border:1px solid var(--color-muted);border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:32px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.td-back-btn:hover{background:var(--color-muted);border-color:var(--color-fg);color:var(--color-bg)}.td-article{background:var(--color-bg);transition:background-color .3s ease}.td-hero-section{border-radius:16px;box-shadow:0 8px 32px #0000001f;margin-bottom:48px;overflow:hidden;position:relative}.td-hero-image-container{height:400px;overflow:hidden;position:relative;width:100%}.td-hero-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.td-hero-image-container:hover .td-hero-image{transform:scale(1.05)}.td-hero-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.td-hero-placeholder-icon{font-size:64px;opacity:.7}.td-hero-overlay{background:linear-gradient(0deg,#000c 0,#0009 50%,#0003 80%,#0000);bottom:0;color:#fff;left:0;padding:40px 32px 32px;position:absolute;right:0}.td-hero-content{max-width:600px}.td-hero-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.td-hero-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 20px;text-shadow:0 2px 8px #00000080}.td-hero-meta{flex-wrap:wrap;font-size:14px;font-weight:500;gap:20px}.td-hero-author,.td-hero-meta{align-items:center;display:flex}.td-hero-author{gap:6px;opacity:.9}.td-hero-author:before{content:"👤";font-size:16px}.td-hero-date{align-items:center;display:flex;gap:6px;opacity:.9}.td-hero-date:before{content:"🕒";font-size:16px}.td-hero-recommend-section{margin-top:20px}.td-hero-recommend-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.td-hero-recommend-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.td-hero-recommend-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.td-hero-recommend-btn.recommending{background:#4caf504d;border-color:#4caf5080}.td-hero-recommend-btn-icon{font-size:16px}.td-hero-recommend-btn-text{font-weight:600}.td-hero-recommend-btn-count{background:#fff3;border:1px solid #ffffff4d;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;padding:4px 8px;text-align:center}@media (max-width:768px){.td-hero-image-container{height:300px}.td-hero-overlay{padding:24px 20px 20px}.td-hero-title{font-size:1.8rem;margin-bottom:16px}.td-hero-meta{font-size:12px;gap:12px}}@media (max-width:480px){.td-hero-image-container{height:250px}.td-hero-overlay{padding:20px 16px 16px}.td-hero-title{font-size:1.5rem;margin-bottom:12px}.td-hero-meta{align-items:flex-start;flex-direction:column;gap:8px}}.td-meta,.td-title{display:none}.td-category{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase}.td-author,.td-date{background:none;border:none;box-shadow:none;color:var(--color-muted);font-size:14px;font-weight:500;padding:0}.td-content{max-width:100%}.td-summary{background:var(--color-bg);border:1px solid var(--color-muted);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:40px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}[data-theme=dark] .td-summary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #fff3;box-shadow:0 8px 32px #0000004d}[data-theme=light] .td-summary{background:linear-gradient(135deg,#00000005,#00000003);border:1px solid #0000001a;box-shadow:0 8px 32px #0000000d}.td-summary:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.td-summary p{color:var(--color-fg);font-size:20px;font-weight:400;letter-spacing:.2px;line-height:1.8;margin:0;transition:color .3s ease}.td-body{margin-bottom:48px}.td-body p{color:var(--color-fg);font-size:16px;line-height:1.8;margin:0 0 24px;transition:color .3s ease}.td-body p:last-child{margin-bottom:0}.td-content-text{word-wrap:break-word;color:var(--color-fg);font-size:16px;line-height:1.8;transition:color .3s ease;white-space:pre-line}.td-content-text span{display:inline}.td-body strong{color:var(--color-fg);font-weight:700;transition:color .3s ease}.td-code-section{margin-top:48px}.td-code-section h3{color:var(--color-fg);font-size:24px;font-weight:700;margin:0 0 20px;transition:color .3s ease}.td-code-block{background:var(--color-bg);border:1px solid var(--color-muted);border-radius:12px;margin:24px 0;overflow:hidden;transition:all .3s ease}[data-theme=dark] .td-code-block{background:#1a1a1a;border:1px solid #ffffff1a}[data-theme=light] .td-code-block{background:#f8fafc;border:1px solid #0000001a}.td-code-header{align-items:center;background:var(--color-bg);border-bottom:1px solid var(--color-muted);display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease}[data-theme=dark] .td-code-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a}[data-theme=light] .td-code-header{background:#00000005;border-bottom:1px solid #0000001a}.td-code-language{color:var(--color-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.td-code-copy{background:var(--color-bg);border:1px solid var(--color-muted);border-radius:4px;color:var(--color-muted);cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s ease}[data-theme=dark] .td-code-copy{background:#ffffff1a;border:1px solid #fff3;color:#fffc}[data-theme=light] .td-code-copy{background:#0000000d;border:1px solid #0000001a;color:#0009}.td-code-copy:hover{background:var(--color-muted);color:var(--color-bg);transition:all .2s ease}[data-theme=dark] .td-code-copy:hover{background:#ffffff26;color:#fff}[data-theme=light] .td-code-copy:hover{background:#0000001a;color:#000c}.td-code-content{padding:0}.td-code-block pre{color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.5;margin:0;overflow-x:auto;padding:24px;white-space:pre-wrap}.td-code-block code{background:none;border-radius:0;font-family:inherit;padding:0}.td-code-block .token.keyword{color:#ff79c6}.td-code-block .token.string{color:#f1fa8c}.td-code-block .token.comment{color:#6272a4}.td-code-block .token.function{color:#50fa7b}.td-code-block .token.number{color:#bd93f9}.td-code-block .token.operator{color:#ff79c6}.td-code-block .token.punctuation{color:#f8f8f2}@media (max-width:768px){.td-container{padding:24px 16px}.td-title{font-size:32px;margin-bottom:20px}.td-meta{font-size:13px;gap:12px}.td-summary p{font-size:16px}.td-body p{font-size:15px}.td-code-block pre{font-size:13px;padding:16px}}.wrap{color:var(--color-fg);padding:var(--space-8)}.form{grid-gap:var(--space-4);display:grid;gap:var(--space-4);max-width:640px}.input,.textarea{background:#0000;border:1px solid #94a3b84d;border-radius:var(--radius);color:var(--color-fg);padding:var(--space-3);width:100%}.btn{background:#38bdf826;border:1px solid #38bdf899;border-radius:var(--radius);color:var(--color-accent);padding:var(--space-3) var(--space-4)}.cl-wrap{color:var(--color-fg);padding:32px}.cl-bar{display:flex;gap:8px;margin-bottom:12px}.cl-tab{background:#0000;border:1px solid #94a3b84d;border-radius:10px;color:var(--color-fg);padding:8px 12px}.cl-tab.active{background:#38bdf826;border-color:var(--color-accent);color:var(--color-accent)}.cl-dd-wrap{margin-bottom:12px;position:relative}.cl-dd-trigger{align-items:center;background:#0000;border:1px solid #94a3b84d;border-radius:10px;color:var(--color-fg);display:inline-flex;justify-content:space-between;min-width:240px;padding:8px 12px}.cl-dd{background:var(--color-bg);border:1px solid #94a3b833;border-radius:8px;box-shadow:0 6px 20px #00000040;display:grid;grid-template-columns:1fr 160px;left:0;max-height:0;max-width:550px;min-width:380px;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 6px);transform:translateY(-6px);transition:max-height .18s ease,opacity .18s ease,transform .18s ease;z-index:1000}.cl-dd.open{max-height:450px;opacity:1;transform:translateY(0)}.cl-dd-list{max-height:350px;overflow-x:hidden;overflow-y:auto;padding:6px}.cl-dd-search{background:var(--color-bg);border:1px solid #94a3b84d;border-radius:8px;box-sizing:border-box;color:var(--color-fg);font-size:13px;margin-bottom:8px;padding:8px 12px;width:calc(100% - 12px)}.cl-dd-search:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #38bdf833;outline:none}[data-theme=light] .cl-dd-search{background:#fff;border-color:#0003;color:#1f2937}[data-theme=light] .cl-dd-search:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}@media (max-width:768px){.cl-dd{left:0;max-width:calc(100vw - 32px);min-width:300px;right:0}.cl-dd-trigger{min-width:200px}.cl-dd-search{font-size:14px;width:calc(100% - 12px)}}.cl-dd-selected{grid-gap:8px;border-left:1px solid #94a3b833;display:grid;gap:8px;grid-template-rows:auto 1fr auto;padding:8px}.cl-dd-selected-title{color:var(--color-muted);font-size:12px}.cl-dd-item{align-items:center;background:var(--color-bg);border:0;border-radius:8px;box-sizing:border-box;color:var(--color-fg);display:flex;font-size:13px;gap:8px;padding:8px 10px;text-align:left;width:100%}.cl-dd-item .cl-dd-check{border:1px solid #94a3b84d;border-radius:4px;display:inline-grid;font-size:12px;height:14px;opacity:0;place-items:center;width:14px}.cl-dd-item.active .cl-dd-check{background:#38bdf81f;border-color:var(--color-accent);color:var(--color-accent);opacity:1}.cl-dd-item:hover{background:#94a3b814}.cl-dd-pills{align-content:start;display:flex;flex-wrap:wrap;gap:6px}.cl-dd-pill{align-items:center;background:#94a3b814;border:1px solid #94a3b84d;border-radius:9999px;color:var(--color-fg);display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.cl-dd-pill button{background:#0000;border:0;color:var(--color-fg);cursor:pointer;padding:0 0 0 2px}.cl-dd-actions{display:flex;gap:8px;justify-content:flex-end}.cl-apply{background:#38bdf826;border:1px solid #38bdf899;border-radius:8px;color:var(--color-accent);padding:6px 10px}.cl-langbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cl-chip{background:#94a3b80f;border:1px solid #94a3b84d;border-radius:9999px;cursor:pointer;display:grid;height:36px;padding:0;place-items:center;width:36px}.cl-chip img{height:18px;width:18px}.cl-chip.active{background:#38bdf826;border-color:var(--color-accent)}.cl-chip{position:relative}.cl-chip:after{background:#111111f2;border:1px solid #94a3b84d;border-radius:6px;bottom:calc(100% + 8px);color:var(--color-fg);content:attr(data-tip);font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(2px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap;z-index:1000}[data-theme=light] .cl-chip:after{background:#fffffff2;border-color:#0003;box-shadow:0 4px 12px #00000026;color:#1f2937}.cl-chip:focus-visible:after,.cl-chip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.cl-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.cl-card{background:#94a3b80f;border:1px solid #94a3b833;border-radius:16px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:visible;position:relative}.cl-prev{background:#0a0a0a;border-bottom:1px solid #94a3b826;height:220px}.cl-iframe{background:#fff;border:0;display:block;height:100%;object-fit:contain;width:100%}.cl-body{grid-gap:6px;display:grid;gap:6px;padding:10px 12px}.cl-title{font-weight:800}.cl-footer,.cl-meta{color:var(--color-muted);font-size:12px}.cl-footer{align-items:center;display:flex;gap:10px}.cl-author{font-weight:600}.cl-icons{align-items:center;display:flex;gap:8px}.cl-icons img{height:16px;width:16px}.cl-cat{font-size:12px;font-weight:600;margin-left:6px}.cl-get{background:#94a3b814;border:1px solid #94a3b84d;border-radius:10px;color:var(--color-fg);cursor:pointer;font-weight:500;margin-left:auto;padding:8px 10px;transition:all .2s ease}.cl-get:hover{background:#94a3b826;border-color:#94a3b880;transform:translateY(-1px)}[data-theme=light] .cl-get{background:#00000014;border-color:#0003;color:#1f2937;font-weight:600}[data-theme=light] .cl-get:hover{background:#0000001f;border-color:#0000004d}.cl-codewrap{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:400px;overflow-x:auto;overflow-y:auto;padding:12px}.cl-codeblock{background:#94a3b80f;border:1px solid #94a3b840;border-radius:10px;min-width:0;overflow:hidden;position:relative}.cl-codeblock header{align-items:center;border-bottom:1px solid #94a3b833;color:var(--color-muted);display:flex;font-size:12px;justify-content:space-between;padding:6px 10px}.cl-codeblock header .cl-lang{align-items:center;display:inline-flex;gap:8px}.cl-codeblock header .cl-lang img{height:16px;width:16px}.cl-copy{background:#94a3b814;border:1px solid #94a3b84d;border-radius:8px;color:var(--color-fg);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;transition:all .2s ease}.cl-copy:hover{background:#94a3b826;border-color:#94a3b880}.cl-code-modal-light .cl-copy{background:#00000014;border-color:#0003;color:#1f2937;font-weight:600}.cl-code-modal-light .cl-copy:hover{background:#0000001f;border-color:#0000004d}.cl-pre{margin:0;padding:0}.cl-pre>pre{background:#1e1e1e;border:1px solid #94a3b840;border-radius:10px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.5;margin:0;max-height:400px;overflow:auto;padding:16px}.cl-pre>pre,.cl-pre>pre code{word-wrap:normal;overflow-wrap:normal;white-space:pre}.cl-pre>pre code{background:#0000;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}.cl-pre .hljs{word-wrap:normal!important;background:#0000!important;color:#d4d4d4!important;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:normal!important;white-space:pre!important}.cl-pre .hljs-keyword{color:#569cd6!important}.cl-pre .hljs-string{color:#ce9178!important}.cl-pre .hljs-comment{color:#6a9955!important}.cl-pre .hljs-function{color:#dcdcaa!important}.cl-pre .hljs-number{color:#b5cea8!important}.cl-pre .hljs-operator,.cl-pre .hljs-punctuation{color:#d4d4d4!important}.cl-pre .hljs-tag{color:#569cd6!important}.cl-pre .hljs-attr{color:#9cdcfe!important}.cl-pre .hljs-title{color:#dcdcaa!important}.cl-pre .hljs-params,.cl-pre .hljs-property{color:#9cdcfe!important}.cl-pre .hljs-selector,.cl-pre .hljs-selector-class,.cl-pre .hljs-selector-id{color:#d7ba7d!important}.cl-pre .hljs-selector-tag{color:#569cd6!important}.cl-pre .hljs-type{color:#4ec9b0!important}.cl-pre .hljs-variable{color:#9cdcfe!important}.cl-pre .hljs-variable.language_{color:#569cd6!important}.cl-code-modal-light .cl-pre>pre{background:#fff!important;border-color:#0003!important}.cl-code-modal-light .cl-pre .hljs{color:#1e1e1e!important}.cl-code-modal-light .cl-pre .hljs-keyword{color:#00f!important}.cl-code-modal-light .cl-pre .hljs-string{color:#a31515!important}.cl-code-modal-light .cl-pre .hljs-comment{color:green!important}.cl-code-modal-light .cl-pre .hljs-function{color:#795e26!important}.cl-code-modal-light .cl-pre .hljs-number{color:#098658!important}.cl-code-modal-light .cl-pre .hljs-operator,.cl-code-modal-light .cl-pre .hljs-punctuation{color:#1e1e1e!important}.cl-code-modal-light .cl-pre .hljs-tag{color:#00f!important}.cl-code-modal-light .cl-pre .hljs-attr{color:red!important}.cl-code-modal-light .cl-pre .hljs-title{color:#795e26!important}.cl-code-modal-light .cl-pre .hljs-params,.cl-code-modal-light .cl-pre .hljs-property{color:#001080!important}.cl-code-modal-light .cl-pre .hljs-selector,.cl-code-modal-light .cl-pre .hljs-selector-class,.cl-code-modal-light .cl-pre .hljs-selector-id{color:maroon!important}.cl-code-modal-light .cl-pre .hljs-selector-tag{color:#00f!important}.cl-code-modal-light .cl-pre .hljs-type{color:#267f99!important}.cl-code-modal-light .cl-pre .hljs-variable{color:#001080!important}.cl-code-modal-light .cl-pre .hljs-variable.language_{color:#00f!important}.cl-pre .hljs-value{color:#ce9178!important}[data-theme=light] .cl-pre .hljs{background:#0000!important;color:#1e1e1e!important}[data-theme=light] .cl-pre .hljs-keyword{color:#00f!important}[data-theme=light] .cl-pre .hljs-string{color:#a31515!important}[data-theme=light] .cl-pre .hljs-comment{color:green!important}[data-theme=light] .cl-pre .hljs-function{color:#795e26!important}[data-theme=light] .cl-pre .hljs-number{color:#098658!important}[data-theme=light] .cl-pre .hljs-operator,[data-theme=light] .cl-pre .hljs-punctuation{color:#1e1e1e!important}[data-theme=light] .cl-pre .hljs-tag{color:#00f!important}[data-theme=light] .cl-pre .hljs-attr{color:#001080!important}[data-theme=light] .cl-pre .hljs-value{color:#a31515!important}.cl-close{background:#94a3b814;border:1px solid #94a3b84d;border-radius:10px;color:var(--color-fg);cursor:pointer;margin:8px 12px 12px;padding:6px 10px}.cl-codepanel-wide{background:#94a3b80a;border:1px solid #94a3b833;border-radius:12px;margin-top:16px;max-height:40vh;overflow:auto}.cl-empty{color:var(--color-muted);padding:24px}.cl-pagination{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:16px}.cl-page-btn{background:#94a3b814;border:1px solid #94a3b84d;border-radius:10px;color:var(--color-fg);cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s ease}.cl-page-btn:hover:not(:disabled){background:#94a3b826;border-color:#94a3b880;transform:translateY(-1px)}.cl-page-btn:disabled{cursor:not-allowed;opacity:.5}[data-theme=light] .cl-page-btn{background:#00000014;border-color:#0003;color:#1f2937;font-weight:600}[data-theme=light] .cl-page-btn:hover:not(:disabled){background:#0000001f;border-color:#0000004d}.cl-page-list{align-items:center;display:inline-flex;gap:6px}.cl-page-num{background:#94a3b80f;border:1px solid #94a3b84d;border-radius:8px;color:var(--color-fg);cursor:pointer;font-weight:500;min-width:36px;padding:8px 12px;transition:all .2s ease}.cl-page-num:hover{background:#94a3b81f;border-color:#94a3b866;transform:translateY(-1px)}[data-theme=light] .cl-page-num{background:#0000000f;border-color:#0003;color:#1f2937;font-weight:600}[data-theme=light] .cl-page-num:hover{background:#0000001f;border-color:#0000004d}.cl-page-num.active{background:#38bdf826;border-color:var(--color-accent);color:var(--color-accent)}.cl-page-ellipsis{color:var(--color-muted);padding:0 4px}.cl-clear{align-items:center;background:#94a3b80f;border:1px solid #94a3b84d;border-radius:9999px;cursor:pointer;display:inline-flex;height:36px;padding:0 12px;white-space:nowrap}.cl-clear.active{background:#38bdf826;border-color:var(--color-accent);color:var(--color-accent)}.cl-prev{position:relative}.cl-view-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;position:absolute;right:8px;top:8px;transition:all .2s ease;z-index:10}.cl-view-btn:hover{background:#000000e6;border-color:#fff6;transform:translateY(-1px)}.cl-code-modal-overlay,.cl-view-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10000}.cl-view-modal{height:85vh}.cl-code-modal,.cl-view-modal{background:var(--color-bg);border:1px solid #94a3b84d;border-radius:12px;box-shadow:0 16px 48px #00000080;display:flex;flex-direction:column;overflow:hidden;width:80vw}.cl-code-modal{max-height:80vh}.cl-view-modal-header{padding:12px 16px}.cl-code-modal-header,.cl-view-modal-header{align-items:center;background:#94a3b80a;border-bottom:1px solid #94a3b833;display:flex;flex-shrink:0;justify-content:space-between}.cl-code-modal-header{padding:10px 14px}.cl-code-modal-title,.cl-view-modal-title{display:flex;flex-direction:column;gap:4px}.cl-view-modal-title h3{color:var(--color-fg);font-size:16px;font-weight:600;margin:0}.cl-code-modal-title h3{color:var(--color-fg);font-size:14px;font-weight:600;margin:0}.cl-code-modal-author,.cl-view-modal-author{color:var(--color-muted);font-size:11px}.cl-code-modal-controls,.cl-view-modal-controls{align-items:center;display:flex;gap:8px}.cl-code-modal-theme-toggle,.cl-view-modal-theme-toggle{align-items:center;background:#94a3b814;border:1px solid #94a3b84d;border-radius:6px;color:var(--color-fg);cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-width:50px;padding:6px 12px;transition:all .2s ease}.cl-view-modal-theme-toggle:hover{background:#94a3b826;border-color:#94a3b880;transform:translateY(-1px)}.cl-view-modal-close{align-items:center;background:#94a3b814;border:1px solid #94a3b84d;border-radius:6px;color:var(--color-fg);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cl-view-modal-close:hover{transform:translateY(-1px)}.cl-code-modal-close{align-items:center;background:#94a3b814;border:1px solid #94a3b84d;border-radius:6px;color:var(--color-fg);cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.cl-code-modal-close:hover{transform:translateY(-1px)}.cl-code-modal-close:hover,.cl-view-modal-close:hover{background:#94a3b826;border-color:#94a3b880}.cl-view-modal-content{background:#0a0a0a;flex:1 1;overflow:hidden;padding:0}.cl-code-modal-content{background:var(--color-bg);flex:1 1;max-height:calc(80vh - 100px);overflow:auto;padding:0}.cl-view-iframe{background:#0a0a0a;border:0;height:100%;width:100%}.cl-view-modal-light{background:#fff;border-color:#00000026}.cl-view-modal-light .cl-view-modal-header{background:#0000000a;border-bottom-color:#00000026}.cl-view-modal-light .cl-view-modal-theme-toggle{background:#0000001a;border-color:#00000040;color:#1a1a1a;font-weight:600}.cl-view-modal-light .cl-view-modal-theme-toggle:hover{background:#00000026;border-color:#00000059}.cl-view-modal-light .cl-view-modal-close{background:#0000001a;border-color:#00000040;color:#1a1a1a;font-weight:600}.cl-view-modal-light .cl-view-modal-close:hover{background:#00000026;border-color:#00000059}.cl-view-modal-light .cl-view-iframe,.cl-view-modal-light .cl-view-modal-content{background:#fff}.cl-code-modal-light{background:#fff;border-color:#00000026}.cl-code-modal-light .cl-code-modal-header{background:#0000000a;border-bottom-color:#00000026}.cl-code-modal-light .cl-code-modal-title h3{color:#1a1a1a;font-weight:700}.cl-code-modal-light .cl-code-modal-author{color:#4a5568}.cl-code-modal-light .cl-code-modal-theme-toggle{background:#0000001a;border-color:#00000040;color:#1a1a1a;font-weight:600}.cl-code-modal-light .cl-code-modal-theme-toggle:hover{background:#00000026;border-color:#00000059}.cl-code-modal-light .cl-code-modal-close{background:#0000001a;border-color:#00000040;color:#1a1a1a;font-weight:600}.cl-code-modal-light .cl-code-modal-close:hover{background:#00000026;border-color:#00000059}.cl-code-modal-light .cl-code-modal-content{background:#fff}.cl-code-modal-light .cl-pre>pre{background:#f8f9fa;border-color:#00000026;color:#1a1a1a}.cl-code-modal-light .cl-pre .token.cdata,.cl-code-modal-light .cl-pre .token.comment,.cl-code-modal-light .cl-pre .token.doctype,.cl-code-modal-light .cl-pre .token.prolog{color:#6a737d;font-weight:500}.cl-code-modal-light .cl-pre .token.punctuation{color:#1a1a1a;font-weight:600}.cl-code-modal-light .cl-pre .token.boolean,.cl-code-modal-light .cl-pre .token.constant,.cl-code-modal-light .cl-pre .token.deleted,.cl-code-modal-light .cl-pre .token.number,.cl-code-modal-light .cl-pre .token.property,.cl-code-modal-light .cl-pre .token.symbol,.cl-code-modal-light .cl-pre .token.tag{color:#005cc5;font-weight:600}.cl-code-modal-light .cl-pre .token.attr-name,.cl-code-modal-light .cl-pre .token.builtin,.cl-code-modal-light .cl-pre .token.char,.cl-code-modal-light .cl-pre .token.inserted,.cl-code-modal-light .cl-pre .token.selector,.cl-code-modal-light .cl-pre .token.string{color:#22863a;font-weight:600}.cl-code-modal-light .cl-pre .language-css .token.string,.cl-code-modal-light .cl-pre .style .token.string,.cl-code-modal-light .cl-pre .token.entity,.cl-code-modal-light .cl-pre .token.operator,.cl-code-modal-light .cl-pre .token.url{color:#d73a49;font-weight:600}.cl-code-modal-light .cl-pre .token.atrule,.cl-code-modal-light .cl-pre .token.attr-value,.cl-code-modal-light .cl-pre .token.keyword{color:#d73a49;font-weight:700}.cl-code-modal-light .cl-pre .token.class-name,.cl-code-modal-light .cl-pre .token.function{color:#6f42c1;font-weight:600}.cl-code-modal-light .cl-pre .token.important,.cl-code-modal-light .cl-pre .token.regex,.cl-code-modal-light .cl-pre .token.variable{color:#e36209;font-weight:600}.cl-upload-info{background:#94a3b80f;border:1px solid #94a3b833;border-radius:12px;border-top:2px solid #38bdf84d;margin-top:16px;padding:16px}.cl-upload-info-header{margin-bottom:12px}.cl-upload-info-header h4{align-items:center;color:var(--color-fg);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.cl-upload-info-header h4:before{content:"📋";font-size:14px}.cl-upload-info-content{display:flex;flex-direction:column;gap:8px}.cl-upload-info-item{align-items:flex-start;border-bottom:1px solid #94a3b81a;display:flex;gap:12px;padding:6px 0}.cl-upload-info-item:last-child{border-bottom:none}.cl-upload-label{color:var(--color-muted);font-size:13px;font-weight:600;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.cl-upload-value{color:var(--color-fg);flex:1 1;font-size:14px;line-height:1.4}.cl-upload-notes{align-items:flex-start;flex-direction:column;gap:8px}.cl-upload-notes .cl-upload-value{background:#94a3b814;border-left:3px solid #38bdf880;border-radius:8px;font-style:italic;padding:10px;white-space:pre-wrap;word-break:break-word}.cl-code-modal-light .cl-upload-info{background:#00000005;border-color:#38bdf833 #0000001a #0000001a}.cl-code-modal-light .cl-upload-info-item{border-bottom-color:#0000000d}.cl-code-modal-light .cl-upload-notes .cl-upload-value{background:#00000008;border-left-color:#38bdf84d}@media (max-width:1400px){.cl-grid{align-items:start;grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.cl-grid{align-items:start;grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cl-grid{align-items:start;grid-template-columns:1fr}.cl-view-modal{border-radius:8px;height:90vh;width:85vw}.cl-view-modal-header{padding:10px 12px}.cl-view-modal-title h3{font-size:14px}.cl-view-modal-author{font-size:10px}.cl-view-modal-theme-toggle{font-size:11px;min-width:40px;padding:4px 8px}.cl-view-modal-close{height:28px;width:28px}.cl-upload-info{margin-top:16px;padding:16px}.cl-upload-info-header h4{font-size:14px}.cl-upload-info-item{align-items:flex-start;flex-direction:column;gap:4px}.cl-upload-label{font-size:12px;min-width:auto}.cl-upload-value{font-size:13px}}.cl-view-modal-color-control{align-items:center;display:flex;gap:8px}.cl-view-modal-color-control label{color:var(--color-fg);font-size:12px;font-weight:500;white-space:nowrap}.cl-color-picker{background:#0000;border:1px solid #94a3b84d;border-radius:6px;cursor:pointer;height:32px;padding:0;width:32px}.cl-color-picker:hover{border-color:var(--color-accent);transform:scale(1.05)}.cl-view-modal-light .cl-color-picker{border-color:#00000040}.cl-view-modal-light .cl-color-picker:hover{border-color:#0284c7}.cl-category-info{background:#94a3b80f;border:1px solid #94a3b833;border-radius:12px;border-top:2px solid #38bdf84d;margin-top:16px;padding:16px}.cl-category-info-header{margin-bottom:12px}.cl-category-info-header h4{align-items:center;color:var(--color-fg);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.cl-category-info-header h4:before{content:"🏷️";font-size:14px}.cl-category-info-content{display:flex;flex-direction:column;gap:8px}.cl-category-info-item{align-items:center;display:flex;gap:12px;padding:6px 0}.cl-category-label{color:var(--color-muted);font-size:13px;font-weight:600;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.cl-category-value{color:var(--color-fg);flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.cl-code-modal-light .cl-category-info{background:#00000005;border-color:#38bdf833 #0000001a #0000001a}.cl-copy-message{animation:slideInRight .5s ease-out;position:fixed;right:20px;top:20px;z-index:10000}.cl-copy-content{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 32px #10b9814d;color:#fff;display:flex;gap:12px;padding:16px 24px}.cl-copy-icon{animation:bounce 1s ease-in-out infinite;font-size:24px}.cl-copy-text{font-size:14px;font-weight:600;white-space:nowrap}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:640px){.cl-view-modal-color-control{gap:6px}.cl-view-modal-color-control label{font-size:11px}.cl-color-picker{height:28px;width:28px}.cl-category-info{margin-top:12px;padding:12px}.cl-category-info-header h4{font-size:14px}.cl-category-info-item{align-items:flex-start;flex-direction:column;gap:4px}.cl-category-label{font-size:12px;min-width:auto}.cl-category-value{font-size:13px}.cl-copy-message{right:16px;top:16px}.cl-copy-content{padding:12px 20px}.cl-copy-icon{font-size:20px}.cl-copy-text{font-size:13px}}.ur-container{color:var(--color-fg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.ur-container,.ur-header{background:var(--color-bg)}.ur-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.ur-header-content{flex:1 1}.ur-title{color:var(--color-fg);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.ur-subtitle{color:#94a3b8cc;font-size:16px;font-weight:400;margin:0}.ur-mode-selector{background:#94a3b81a;border:1px solid #94a3b833;border-radius:12px;display:flex;gap:8px;padding:4px}.ur-mode-btn{background:#0000;border:none;border-radius:8px;color:var(--color-fg);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.ur-mode-btn:hover{background:#94a3b826}.ur-mode-btn.active{background:var(--color-accent);box-shadow:0 2px 4px #38bdf84d;color:#fff}.ur-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);padding:32px}.ur-left-panel{display:flex;flex-direction:column;gap:24px}.ur-lang-selector{background:var(--color-bg);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.ur-lang-header{align-items:center;background:#94a3b805;border-bottom:1px solid #94a3b81a;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.ur-lang-header:hover{background:#94a3b80d}.ur-lang-header h3{color:var(--color-fg);font-size:16px;font-weight:700;margin:0}.ur-lang-header-right{align-items:center;display:flex;gap:12px}.ur-lang-count{color:#94a3b8cc;font-size:14px;font-weight:500}.ur-lang-content{max-height:0;overflow:hidden;padding:0 24px;transition:max-height .3s ease,padding .3s ease}.ur-lang-content.open{max-height:300px;padding:20px 24px}.ur-lang-desc{color:#94a3b8cc;font-size:14px;line-height:1.5;margin:0 0 20px}.ur-lang-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.ur-lang-chip{align-items:center;background:#94a3b80f;border:2px solid #94a3b84d;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:36px}.ur-lang-chip:hover{background:#38bdf81a;border-color:var(--color-accent);transform:scale(1.05)}.ur-lang-chip.active{background:#38bdf826;border-color:var(--color-accent);box-shadow:0 2px 8px #38bdf84d}.ur-lang-chip img{filter:grayscale(.3);height:18px;object-fit:contain;transition:filter .2s ease;width:18px}.ur-lang-chip.active img,.ur-lang-chip:hover img{filter:grayscale(0)}.ur-lang-chip:after{background:#111111f2;border:1px solid #94a3b84d;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tip);font-size:11px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(2px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap;z-index:1000}.ur-lang-chip:hover:after{opacity:1;transform:translateX(-50%) translateY(0)}.ur-file-upload{background:var(--color-bg);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.ur-file-upload-header{align-items:center;background:#94a3b805;border-bottom:1px solid #94a3b81a;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.ur-file-upload-header:hover{background:#94a3b80d}.ur-file-upload-header h3{color:var(--color-fg);font-size:16px;font-weight:600;margin:0}.ur-file-upload-content{max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease,padding .3s ease}.ur-file-upload-content.open{max-height:300px;padding:16px 20px}.ur-drop-zone{background:#94a3b805;border:2px dashed #94a3b84d;border-radius:12px;cursor:pointer;padding:20px 16px;text-align:center;transition:all .2s ease}.ur-drop-zone:hover{background:#38bdf80d;border-color:var(--color-accent)}.ur-drop-content{align-items:center;display:flex;flex-direction:column;gap:8px}.ur-drop-icon{font-size:24px;opacity:.6}.ur-drop-zone p{color:var(--color-fg);font-size:13px;font-weight:500;margin:0}.ur-drop-or{color:#94a3b899;font-size:11px}.ur-browse-btn{background:var(--color-accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.ur-browse-btn:hover{background:#0284c7;box-shadow:0 4px 8px #38bdf84d;transform:translateY(-1px)}.ur-editor-section{background:var(--color-bg);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 6px #0000000d;flex:1 1;overflow:hidden}.ur-editor-header{align-items:center;background:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;justify-content:space-between;padding:16px 20px}.ur-editor-header h3{color:#ccc;font-size:16px;font-weight:600;margin:0}[data-theme=light] .ur-editor-header{background:#f3f3f3;border-bottom-color:#e1e1e1}[data-theme=light] .ur-editor-header h3{color:#333}.ur-editor-controls{display:flex;gap:6px}.ur-clear-all-btn,.ur-clear-btn,.ur-run-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 10px;transition:all .2s ease}.ur-run-btn{background:#007acc;color:#fff}.ur-run-btn:hover{background:#005a9e;box-shadow:0 2px 4px #007acc4d;transform:translateY(-1px)}.ur-clear-all-btn,.ur-clear-btn{background:#3c3c3c;border:1px solid #5a5a5a;color:#ccc}.ur-clear-all-btn:hover,.ur-clear-btn:hover{background:#4c4c4c;color:#fff}[data-theme=light] .ur-clear-all-btn,[data-theme=light] .ur-clear-btn{background:#e1e1e1;border-color:#ccc;color:#333}[data-theme=light] .ur-clear-all-btn:hover,[data-theme=light] .ur-clear-btn:hover{background:#d1d1d1;color:#000}.ur-no-lang{align-items:center;color:#94a3b899;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.ur-no-lang-icon{font-size:48px;margin-bottom:16px;opacity:.5}.ur-no-lang h4{color:var(--color-fg);font-size:18px;font-weight:600;margin:0 0 8px}.ur-no-lang p{font-size:14px;line-height:1.5;margin:0}.ur-editor-tabs{background:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;padding:0 4px}.ur-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#ccc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .2s ease}.ur-tab-icon{filter:brightness(.8);height:16px;object-fit:contain;transition:filter .2s ease;width:16px}.ur-tab.active .ur-tab-icon,.ur-tab:hover .ur-tab-icon{filter:brightness(1)}.ur-tab:hover{background:#ffffff1a;color:#fff}.ur-tab.active{background:#1e1e1e;border-bottom-color:#007acc;color:#fff}[data-theme=light] .ur-editor-tabs{background:#f3f3f3;border-bottom-color:#e1e1e1}[data-theme=light] .ur-tab{color:#333}[data-theme=light] .ur-tab:hover{background:#0000000d;color:#000}[data-theme=light] .ur-tab.active{background:#fff;border-bottom-color:#007acc;color:#000}.ur-code-editor{background:#1e1e1e;border:1px solid #94a3b833;border-radius:8px;display:flex;flex-direction:column;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;height:700px;overflow:hidden;position:relative}.ur-textarea{word-wrap:normal;border:none;caret-color:var(--color-fg);color:#0000;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;font-weight:400;letter-spacing:normal;line-height:1.6;outline:none;overflow:auto;position:relative;resize:none;tab-size:2;white-space:pre;width:100%;z-index:2}.ur-highlight,.ur-textarea{background:#0000;box-sizing:border-box;padding:16px}.ur-highlight{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.ur-highlight pre{font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6;margin:0;padding:0}.ur-highlight code,.ur-highlight pre{word-wrap:normal;background:#0000;color:#d4d4d4;font-weight:400;letter-spacing:normal;white-space:pre}.ur-highlight .hljs{background:#0000!important;color:#d4d4d4!important}.ur-highlight .hljs-keyword{color:#569cd6!important}.ur-highlight .hljs-string{color:#ce9178!important}.ur-highlight .hljs-comment{color:#6a9955!important}.ur-highlight .hljs-function{color:#dcdcaa!important}.ur-highlight .hljs-number{color:#b5cea8!important}.ur-highlight .hljs-operator,.ur-highlight .hljs-punctuation{color:#d4d4d4!important}.ur-highlight .hljs-tag{color:#569cd6!important}.ur-highlight .hljs-attr{color:#9cdcfe!important}.ur-highlight .hljs-value{color:#ce9178!important}.ur-textarea::placeholder{color:#94a3b880}[data-theme=light] .ur-code-editor{background:#f8f9fa;border-color:#0000001a}[data-theme=light] .ur-textarea{background:#0000;caret-color:#1e1e1e;color:#0000}[data-theme=light] .ur-highlight code,[data-theme=light] .ur-highlight pre{color:#1e1e1e;font-weight:400;letter-spacing:normal}[data-theme=light] .ur-highlight .hljs{background:#0000!important;color:#1e1e1e!important}[data-theme=light] .ur-highlight .hljs-keyword{color:#00f!important}[data-theme=light] .ur-highlight .hljs-string{color:#a31515!important}[data-theme=light] .ur-highlight .hljs-comment{color:green!important}[data-theme=light] .ur-highlight .hljs-function{color:#795e26!important}[data-theme=light] .ur-highlight .hljs-number{color:#098658!important}[data-theme=light] .ur-highlight .hljs-operator,[data-theme=light] .ur-highlight .hljs-punctuation{color:#1e1e1e!important}[data-theme=light] .ur-highlight .hljs-tag{color:#00f!important}[data-theme=light] .ur-highlight .hljs-attr{color:#001080!important}[data-theme=light] .ur-highlight .hljs-value{color:#a31515!important}.ur-right-panel{display:flex;flex-direction:column;gap:24px}.ur-design-settings{background:var(--color-bg);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.ur-design-settings-header{align-items:center;background:#94a3b805;border-bottom:1px solid #94a3b81a;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:all .2s ease}.ur-design-settings-header:hover{background:#94a3b80d}.ur-design-settings-header h3{color:var(--color-fg);font-size:16px;font-weight:600;margin:0}.ur-dropdown-arrow{color:var(--color-fg);font-size:12px;transition:transform .3s ease}.ur-dropdown-arrow.open{transform:rotate(180deg)}.ur-design-settings-content{max-height:0;overflow:hidden;padding:0 24px;transition:max-height .3s ease,padding .3s ease}.ur-design-settings-content.open{max-height:500px;padding:20px 24px}.ur-setting-group{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.ur-setting-group:last-child{margin-bottom:0}.ur-setting-group label{color:var(--color-fg);font-size:14px;font-weight:500}.ur-setting-group select{background:var(--color-bg);border:1px solid #94a3b833;border-radius:8px;color:var(--color-fg);cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.ur-setting-group select:focus,.ur-setting-group select:hover{border-color:var(--color-accent)}.ur-setting-group select:focus{box-shadow:0 0 0 3px #38bdf81a;outline:none}.ur-output-section{background:var(--color-bg);border:1px solid #94a3b833;border-radius:16px;box-shadow:0 4px 6px #0000000d;flex:1 1;overflow:hidden}.ur-output-header{align-items:center;background:#94a3b805;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;padding:20px 24px}.ur-output-header h3{color:var(--color-fg);font-size:18px;font-weight:600;margin:0}.ur-preview-color-control{align-items:center;display:flex;gap:8px}.ur-preview-color-control label{color:var(--color-fg);font-size:12px;font-weight:500;white-space:nowrap}.ur-color-picker{background:#0000;border:1px solid #94a3b84d;border-radius:6px;cursor:pointer;height:32px;padding:0;width:32px}.ur-color-picker:hover{border-color:var(--color-accent);transform:scale(1.05)}.ur-output-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:600px;position:relative}.ur-preview-iframe{background:#fff;border:none}.ur-output-text,.ur-preview-iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.ur-output-text{align-items:center;background:#94a3b805;color:#94a3b8cc;display:flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;justify-content:center;line-height:1.5;padding:20px;text-align:center}@media (max-width:1200px){.ur-content{gap:24px;grid-template-columns:1fr;padding:24px}.ur-right-panel{order:-1}}@media (max-width:768px){.ur-header{flex-direction:column;gap:16px;padding:16px 20px}.ur-header-content{text-align:center}.ur-title{font-size:24px}.ur-content{gap:16px;padding:16px}.ur-lang-grid{gap:8px}.ur-lang-chip{height:32px;width:32px}.ur-lang-chip img{height:16px;width:16px}.ur-editor-controls{flex-wrap:wrap;gap:4px}.ur-clear-all-btn,.ur-clear-btn,.ur-run-btn{font-size:12px;padding:6px 8px}.ur-output-header{align-items:flex-start;flex-direction:column;gap:12px}.ur-design-settings-header,.ur-file-upload-header,.ur-lang-header{padding:14px 16px}.ur-design-settings-header h3,.ur-file-upload-header h3,.ur-lang-header h3{font-size:14px}.ur-lang-header-right{gap:8px}.ur-lang-content.open{padding:16px 20px}.ur-preview-color-control{gap:6px}.ur-preview-color-control label{font-size:11px}.ur-color-picker{height:28px;width:28px}.ur-code-editor,.ur-output-content{height:300px}}@media (max-width:480px){.ur-lang-grid{gap:6px}.ur-lang-chip{height:28px;width:28px}.ur-lang-chip img{height:14px;width:14px}.ur-setting-group{align-items:flex-start;flex-direction:column;gap:8px}.ur-setting-group select{width:100%}}.notice-wrap{background:var(--notice-bg);color:var(--color-fg);min-height:100vh;padding:var(--space-8)}.notice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6);text-align:center}.notice-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:0}.notice-layout{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:320px minmax(0,1fr);min-height:420px}.notice-aside{background:var(--notice-sidebar-bg);border:1px solid var(--color-muted);border-radius:20px;box-shadow:0 8px 32px #00000080;overflow:hidden}.notice-list{list-style:none;margin:0;padding:0}.notice-item-btn{grid-gap:8px;align-items:baseline;background:#0000;border:0;border-bottom:1px solid var(--color-muted);color:var(--color-fg);display:grid;gap:8px;grid-template-columns:1fr auto;padding:16px 20px;position:relative;text-align:left;transition:all .3s ease;width:100%}.notice-item-btn:hover{background:var(--notice-item-hover);transform:translateX(4px)}.notice-item-btn.active{background:var(--notice-item-active);border-left:4px solid #667eea;color:#667eea}.notice-item-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-item-date{color:#fff9;font-size:12px;font-weight:500}.notice-detail{align-content:start;display:grid}.notice-mac{animation:fadeSlide .24s ease both;background:var(--notice-card-bg);border:1px solid var(--color-muted);border-radius:24px;box-shadow:0 20px 60px #0009;overflow:hidden}.notice-mac-bar{background:var(--notice-bar-bg);border-bottom:1px solid var(--color-muted);display:flex;gap:8px;padding:16px 20px}.mac-dot{border-radius:9999px;box-shadow:0 2px 4px #0003;display:inline-block;height:14px;width:14px}.mac-dot.red{background:linear-gradient(135deg,#ff5f57,#f44)}.mac-dot.yellow{background:linear-gradient(135deg,#febc2e,#fa0)}.mac-dot.green{background:linear-gradient(135deg,#28c840,#22c55e)}.notice-mac-body{padding:32px}.notice-mac-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 20px}.notice-mac-sub{color:#ffffffb3;font-size:16px;font-weight:500;margin-bottom:24px}.notice-mac-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.nt-tag{align-items:center;background:var(--notice-tag-bg);border:1px solid var(--color-muted);border-radius:20px;color:var(--color-fg);display:inline-flex;font-size:13px;font-weight:600;height:32px;padding:0 16px;transition:all .3s ease}.nt-tag:hover{background:var(--notice-tag-hover);box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.notice-mac-codebox{background:#0e1116;border:1px solid #94a3b840;border-radius:12px}.notice-mac-codebox pre{color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:16px;line-height:1.5;margin:0;padding:16px;white-space:pre-wrap}.notice-empty{color:var(--color-muted);padding:var(--space-4)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.4600d3f2.css.map*/