/* Sifre olusturucu: sifre listesi ve guc cubugu */
.sif-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.sif-liste li {
  display: flex; align-items: center; gap: 10px; min-width: 0;
  padding: 10px 10px 10px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg);
}
.sif-liste code {
  flex: 1; min-width: 0; overflow-wrap: anywhere; word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 15px; line-height: 1.5; color: var(--text);
}
.sif-liste .arac-dugme { flex: none; width: auto; }
.sif-guc > strong { font-size: 22px; }
.sif-cubuk { margin-top: 10px; height: 8px; border-radius: 99px; background: var(--surface2); border: 1px solid var(--line); overflow: hidden; }
.sif-cubuk i { display: block; height: 100%; width: 0; border-radius: inherit; background: #f87171; transition: width .2s, background .2s; }
.sif-guc[data-seviye="1"] .sif-cubuk i { background: #f5a524; }
.sif-guc[data-seviye="2"] .sif-cubuk i { background: #34d399; }
.sif-guc[data-seviye="3"] .sif-cubuk i { background: #10b981; }
.sif-guc[data-seviye="0"] > strong { color: #f87171; }
.sif-guc[data-seviye="1"] > strong { color: #f5a524; }
.sif-guc[data-seviye="2"] > strong, .sif-guc[data-seviye="3"] > strong { color: #34d399; }
@media (prefers-reduced-motion: reduce) { .sif-cubuk i { transition: none; } }
html[data-theme=light] .sif-guc[data-seviye="0"] > strong { color: #dc2626; }
html[data-theme=light] .sif-guc[data-seviye="1"] > strong { color: #b45309; }
html[data-theme=light] .sif-guc[data-seviye="2"] > strong,
html[data-theme=light] .sif-guc[data-seviye="3"] > strong { color: #047857; }