[data-theme=dark] .menu-lang-card{background:var(--ctd-surface);border:1px solid var(--ctd-border-card);box-shadow:var(--ctd-shadow-card);border-radius:10px;padding:16px 18px;overflow:hidden}[data-theme=dark] .menu-lang-card .section-label{background:var(--ctd-modal-cardhead);color:#7b8695;border-bottom:1px solid #262d38;margin:-16px -18px 14px;padding:10px 18px}[data-theme=dark] .lang-btn{background:var(--ctd-seg);border-color:var(--ctd-border-seg);box-shadow:var(--ctd-shadow-seg)}[data-theme=light] .menu-lang-card{border-radius:var(--ct-radius,12px);background:#e4e7ec;border:1px solid #c4cad3;padding:16px 18px;overflow:hidden;box-shadow:0 4px 12px #1e293b17,0 1px 3px #1e293b0f}[data-theme=light] .lang-btn:hover:not(.active){background:var(--hl-green-bg);border-color:var(--hl-green);color:var(--hl-green);box-shadow:0 3px 9px #1f7a4d47}.lang-btn{border:1px solid var(--bd3);cursor:pointer;background:var(--btn-bg);color:var(--tx3);letter-spacing:.03em;border-radius:5px;padding:7px 18px;font-family:JetBrains Mono,monospace;font-size:13px;transition:background .15s,color .15s,transform .15s,border-color .15s,box-shadow .15s}.lang-btn:focus-visible{outline:2px solid var(--hl-blue);outline-offset:2px}[data-theme=light] .lang-btn{border-color:var(--ct-border-button);box-shadow:var(--ct-shadow-button)}@keyframes pulse-javascript{0%,to{box-shadow:0 0 #ffcb6b00}50%{box-shadow:0 0 10px 3px #ffcb6b4d}}.lang-btn.javascript:hover{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);transform:translateY(-2px);box-shadow:0 4px 12px #ffcb6b33}.lang-btn.javascript.active{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);font-weight:500;animation:2s ease-in-out infinite pulse-javascript}@keyframes pulse-typescript{0%,to{box-shadow:0 0 #82aaff00}50%{box-shadow:0 0 10px 3px #82aaff4d}}.lang-btn.typescript:hover{background:var(--hl-blue-bg);color:var(--hl-blue);border-color:var(--hl-blue);transform:translateY(-2px);box-shadow:0 4px 12px #82aaff33}.lang-btn.typescript.active{background:var(--hl-blue-bg);color:var(--hl-blue);border-color:var(--hl-blue);font-weight:500;animation:2s ease-in-out infinite pulse-typescript}@keyframes pulse-python{0%,to{box-shadow:0 0 #4ec99400}50%{box-shadow:0 0 10px 3px #4ec9944d}}.lang-btn.python:hover{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);transform:translateY(-2px);box-shadow:0 4px 12px #4ec99433}.lang-btn.python.active{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);font-weight:500;animation:2s ease-in-out infinite pulse-python}@keyframes pulse-sql{0%,to{box-shadow:0 0 #f78c6c00}50%{box-shadow:0 0 10px 3px #f78c6c4d}}.lang-btn.sql:hover{background:var(--hl-orange-bg);color:var(--hl-orange);border-color:var(--hl-orange);transform:translateY(-2px);box-shadow:0 4px 12px #f78c6c33}.lang-btn.sql.active{background:var(--hl-orange-bg);color:var(--hl-orange);border-color:var(--hl-orange);font-weight:500;animation:2s ease-in-out infinite pulse-sql}@keyframes pulse-solidity{0%,to{box-shadow:0 0 #c792ea00}50%{box-shadow:0 0 10px 3px #c792ea4d}}.lang-btn.solidity:hover{background:var(--hl-purple-bg);color:var(--hl-purple);border-color:var(--hl-purple);transform:translateY(-2px);box-shadow:0 4px 12px #c792ea33}.lang-btn.solidity.active{background:var(--hl-purple-bg);color:var(--hl-purple);border-color:var(--hl-purple);font-weight:500;animation:2s ease-in-out infinite pulse-solidity}@keyframes pulse-java{0%,to{box-shadow:0 0 #f550}50%{box-shadow:0 0 10px 3px #ff55554d}}.lang-btn.java:hover{background:var(--hl-red-bg);color:var(--hl-red);border-color:var(--hl-red);transform:translateY(-2px);box-shadow:0 4px 12px #f553}.lang-btn.java.active{background:var(--hl-red-bg);color:var(--hl-red);border-color:var(--hl-red);font-weight:500;animation:2s ease-in-out infinite pulse-java}@keyframes pulse-csharp{0%,to{box-shadow:0 0 #82aaff00}50%{box-shadow:0 0 10px 3px #82aaff4d}}.lang-btn.csharp:hover{background:var(--hl-blue-bg);color:var(--hl-blue);border-color:var(--hl-blue);transform:translateY(-2px);box-shadow:0 4px 12px #82aaff33}.lang-btn.csharp.active{background:var(--hl-blue-bg);color:var(--hl-blue);border-color:var(--hl-blue);font-weight:500;animation:2s ease-in-out infinite pulse-csharp}@keyframes pulse-powershell{0%,to{box-shadow:0 0 #5391fe00}50%{box-shadow:0 0 10px 3px #5391fe4d}}.lang-btn.powershell:hover{background:var(--hl-msblue-bg);color:var(--hl-msblue);border-color:var(--hl-msblue);transform:translateY(-2px);box-shadow:0 4px 12px #5391fe33}.lang-btn.powershell.active{background:var(--hl-msblue-bg);color:var(--hl-msblue);border-color:var(--hl-msblue);font-weight:500;animation:2s ease-in-out infinite pulse-powershell}@keyframes pulse-bash{0%,to{box-shadow:0 0 #4ec99400}50%{box-shadow:0 0 10px 3px #4ec9944d}}.lang-btn.bash:hover{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);transform:translateY(-2px);box-shadow:0 4px 12px #4ec99433}.lang-btn.bash.active{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);font-weight:500;animation:2s ease-in-out infinite pulse-bash}@keyframes pulse-cloud{0%,to{box-shadow:0 0 #f78c6c00}50%{box-shadow:0 0 10px 3px #f78c6c4d}}.lang-btn.cloud:hover{background:var(--hl-orange-bg);color:var(--hl-orange);border-color:var(--hl-orange);transform:translateY(-2px);box-shadow:0 4px 12px #f78c6c33}.lang-btn.cloud.active{background:var(--hl-orange-bg);color:var(--hl-orange);border-color:var(--hl-orange);font-weight:500;animation:2s ease-in-out infinite pulse-cloud}@keyframes pulse-english{0%,to{box-shadow:0 0 #4ec99400}50%{box-shadow:0 0 10px 3px #4ec9944d}}.lang-btn.english:hover{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);transform:translateY(-2px);box-shadow:0 4px 12px #4ec99433}.lang-btn.english.active{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);font-weight:500;animation:2s ease-in-out infinite pulse-english}@keyframes pulse-french{0%,to{box-shadow:0 0 #60a5fa00}50%{box-shadow:0 0 10px 3px #60a5fa4d}}.lang-btn.french:hover{background:var(--hl-skyblue-bg);color:var(--hl-skyblue);border-color:var(--hl-skyblue);transform:translateY(-2px);box-shadow:0 4px 12px #60a5fa33}.lang-btn.french.active{background:var(--hl-skyblue-bg);color:var(--hl-skyblue);border-color:var(--hl-skyblue);font-weight:500;animation:2s ease-in-out infinite pulse-french}@keyframes pulse-mindset{0%,to{box-shadow:0 0 #ffcb6b00}50%{box-shadow:0 0 10px 3px #ffcb6b4d}}.lang-btn.mindset:hover{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);transform:translateY(-2px);box-shadow:0 4px 12px #ffcb6b33}.lang-btn.mindset.active{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);font-weight:500;animation:2s ease-in-out infinite pulse-mindset}@keyframes pulse-german{0%,to{box-shadow:0 0 #ffcb6b00}50%{box-shadow:0 0 10px 3px #ffcb6b4d}}.lang-btn.german:hover{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);transform:translateY(-2px);box-shadow:0 4px 12px #ffcb6b33}.lang-btn.german.active{background:var(--hl-yellow-bg);color:var(--hl-yellow);border-color:var(--hl-yellow);font-weight:500;animation:2s ease-in-out infinite pulse-german}@keyframes pulse-italian{0%,to{box-shadow:0 0 #f78c6c00}50%{box-shadow:0 0 10px 3px #f78c6c4d}}.lang-btn.italian:hover{background:var(--hl-orange-bg);color:var(--hl-orange);border-color:var(--hl-orange);transform:translateY(-2px);box-shadow:0 4px 12px #f78c6c33}.lang-btn.italian.active{background:var(--hl-orange-bg);color:var(--hl-orange);border-color:var(--hl-orange);font-weight:500;animation:2s ease-in-out infinite pulse-italian}@keyframes pulse-portuguese{0%,to{box-shadow:0 0 #4ec99400}50%{box-shadow:0 0 10px 3px #4ec9944d}}.lang-btn.portuguese:hover{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);transform:translateY(-2px);box-shadow:0 4px 12px #4ec99433}.lang-btn.portuguese.active{background:var(--hl-green-bg);color:var(--hl-green);border-color:var(--hl-green);font-weight:500;animation:2s ease-in-out infinite pulse-portuguese}@keyframes pulse-romanian{0%,to{box-shadow:0 0 #c792ea00}50%{box-shadow:0 0 10px 3px #c792ea4d}}.lang-btn.romanian:hover{background:var(--hl-purple-bg);color:var(--hl-purple);border-color:var(--hl-purple);transform:translateY(-2px);box-shadow:0 4px 12px #c792ea33}.lang-btn.romanian.active{background:var(--hl-purple-bg);color:var(--hl-purple);border-color:var(--hl-purple);font-weight:500;animation:2s ease-in-out infinite pulse-romanian}@keyframes pulse-japan{0%,to{box-shadow:0 0 #f8982000}50%{box-shadow:0 0 10px 3px #f898204d}}.lang-btn.japan:hover{background:var(--hl-amber-bg);color:var(--hl-amber);border-color:var(--hl-amber);transform:translateY(-2px);box-shadow:0 4px 12px #f8982033}.lang-btn.japan.active{background:var(--hl-amber-bg);color:var(--hl-amber);border-color:var(--hl-amber);font-weight:500;animation:2s ease-in-out infinite pulse-japan}
.snippet-card{background:var(--bg);border:1px solid var(--bd);cursor:pointer;border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.snippet-card:active{transform:translateY(-1px)!important}.snippet-card:focus-visible{outline:2px solid var(--hl-blue);outline-offset:2px}.snippet-card .snip-title{transition:color .18s}.snippet-card.beginner:hover{border-color:var(--hl-green);background:var(--hl-green-bg);transform:translateY(-4px);box-shadow:0 6px 24px #4ec99433}.snippet-card.beginner:hover .snip-title{color:var(--hl-green)}.snippet-card.intermediate:hover{border-color:var(--hl-yellow);background:var(--hl-yellow-bg);transform:translateY(-4px);box-shadow:0 6px 24px #ffcb6b33}.snippet-card.intermediate:hover .snip-title{color:var(--hl-yellow)}.snippet-card.advanced:hover{border-color:var(--hl-red);background:var(--hl-red-bg);transform:translateY(-4px);box-shadow:0 6px 24px #f553}.snippet-card.advanced:hover .snip-title{color:var(--hl-red)}.snippet-card.b1:hover{border-color:var(--hl-blue);background:var(--hl-blue-bg);transform:translateY(-4px);box-shadow:0 6px 24px #82aaff33}.snippet-card.b1:hover .snip-title{color:var(--hl-blue)}.snippet-card.b2:hover{border-color:var(--hl-purple);background:var(--hl-purple-bg);transform:translateY(-4px);box-shadow:0 6px 24px #c792ea33}.snippet-card.b2:hover .snip-title{color:var(--hl-purple)}.snippet-card.c1:hover{border-color:var(--hl-orange);background:var(--hl-orange-bg);transform:translateY(-4px);box-shadow:0 6px 24px #f78c6c33}.snippet-card.c1:hover .snip-title{color:var(--hl-orange)}.snippet-card.a1:hover{border-color:var(--hl-green);background:var(--hl-green-bg);transform:translateY(-4px);box-shadow:0 6px 24px #4ec99433}.snippet-card.a1:hover .snip-title{color:var(--hl-green)}.snippet-card.a2:hover{border-color:var(--hl-mint);background:var(--hl-mint-bg);transform:translateY(-4px);box-shadow:0 6px 24px #3ad9a033}.snippet-card.a2:hover .snip-title{color:var(--hl-mint)}.snippet-card.c2:hover{border-color:var(--hl-teal);background:var(--hl-teal-bg);transform:translateY(-4px);box-shadow:0 6px 24px #56b6c233}.snippet-card.c2:hover .snip-title{color:var(--hl-teal)}.snippet-card.exam:hover{border-color:var(--hl-yellow);background:var(--hl-yellow-bg);transform:translateY(-4px);box-shadow:0 6px 24px #ffcb6b4d}.snippet-card.exam:hover .snip-title{color:var(--hl-yellow)}[data-theme=light] .snippet-card:hover{box-shadow:0 4px 16px #0000001f}[data-theme=dark] .snippet-card{background:var(--ctd-modal-body);border-color:var(--ctd-border-card);box-shadow:var(--ctd-shadow-card)}[data-theme=dark] .snippet-card.beginner{border-top:3px solid var(--hl-green)}[data-theme=dark] .snippet-card.intermediate{border-top:3px solid var(--hl-yellow)}[data-theme=dark] .snippet-card.advanced{border-top:3px solid var(--hl-red)}[data-theme=dark] .snippet-card.b1{border-top:3px solid var(--hl-blue)}[data-theme=dark] .snippet-card.b2{border-top:3px solid var(--hl-purple)}[data-theme=dark] .snippet-card.c1{border-top:3px solid var(--hl-orange)}[data-theme=dark] .snippet-card.a1{border-top:3px solid var(--hl-green)}[data-theme=dark] .snippet-card.a2{border-top:3px solid var(--hl-mint)}[data-theme=dark] .snippet-card.c2{border-top:3px solid var(--hl-teal)}[data-theme=dark] .snippet-card.exam{border-top:3px solid var(--hl-yellow)}