/* Módulo Números — isolado */
.numbers-module{width:100%} .numbers-toolbar{position:sticky;top:0;z-index:5;padding:10px 0 12px;background:var(--bg,#f6f7fb)}
.numbers-search{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:14px;padding:13px 15px;font-size:16px;background:#fff;color:#111827} .numbers-count{font-size:13px;color:#64748b;margin:8px 2px 0}
.numbers-list,.numbers-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;padding-bottom:24px} .numbers-card,.numbers-detail-card,.numbers-detail-header{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:15px;box-shadow:0 4px 14px rgba(15,23,42,.06)} .numbers-card{cursor:pointer;transition:transform .15s} .numbers-card:active{transform:scale(.99)}
.numbers-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start} .numbers-jp{font-size:25px;font-weight:800;color:#0f172a} .numbers-type{font-size:11px;font-weight:800;padding:5px 9px;border-radius:999px;background:#fef3c7;color:#92400e;text-align:right} .numbers-romaji{font-size:16px;font-weight:700;color:#2563eb;margin-top:3px} .numbers-audio,.numbers-detail-heading button{border:0;border-radius:10px;background:#eaf2ff;color:#174ea6;padding:8px 10px;font-weight:700;cursor:pointer} .numbers-audio{display:block;margin-top:8px} .numbers-pt{font-size:16px;font-weight:700;color:#334155;margin-top:12px} .numbers-simple{font-size:14px;line-height:1.45;color:#475569;margin:7px 0 0}
.numbers-example{margin-top:12px;padding:11px 12px;border:1px solid #dbe3ed;border-radius:12px;background:#f8fafc;display:flex;flex-direction:column;gap:4px;cursor:pointer} .numbers-example strong{font-size:17px;color:#0f172a} .numbers-example span{font-size:14px;color:#64748b} .numbers-hint{font-size:11px;font-weight:700;color:#2563eb;margin:6px 2px 0} .numbers-actions{text-align:right;color:#2563eb;font-size:13px;font-weight:700;margin-top:12px} .numbers-speaking{background:#dbeafe!important;box-shadow:0 0 0 2px rgba(37,99,235,.22)!important}
.numbers-detail-header{margin-bottom:13px} .numbers-detail-header h2{font-size:30px;margin:0;color:#0f172a} .numbers-detail-header p{margin:5px 0 0;color:#475569} .numbers-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px} .numbers-detail-heading small{display:block;color:#64748b;font-weight:700} .numbers-detail-heading strong{display:block;font-size:22px;color:#0f172a;margin-top:3px} .numbers-detail-card p{color:#475569;line-height:1.45;margin:12px 0 0} .numbers-empty{text-align:center;padding:35px;color:#64748b}
body.manual-dark .numbers-search,body.manual-dark .numbers-card,body.manual-dark .numbers-detail-card,body.manual-dark .numbers-detail-header{background:#1c1c1e;color:#f5f5f7;border-color:#3a3a3c} body.manual-dark .numbers-jp,body.manual-dark .numbers-example strong,body.manual-dark .numbers-detail-heading strong,body.manual-dark .numbers-detail-header h2{color:#f5f5f7} body.manual-dark .numbers-pt,body.manual-dark .numbers-simple,body.manual-dark .numbers-detail-card p,body.manual-dark .numbers-detail-header p{color:#c7c7cc} body.manual-dark .numbers-example{background:#2c2c2e;border-color:#48484a} body.manual-dark .numbers-example span,body.manual-dark .numbers-count{color:#aeaeb2}
@media(prefers-color-scheme:dark){body:not(.manual-light) .numbers-search,body:not(.manual-light) .numbers-card,body:not(.manual-light) .numbers-detail-card,body:not(.manual-light) .numbers-detail-header{background:#1c1c1e;color:#f5f5f7;border-color:#3a3a3c} body:not(.manual-light) .numbers-jp,body:not(.manual-light) .numbers-example strong,body:not(.manual-light) .numbers-detail-heading strong,body:not(.manual-light) .numbers-detail-header h2{color:#f5f5f7} body:not(.manual-light) .numbers-pt,body:not(.manual-light) .numbers-simple,body:not(.manual-light) .numbers-detail-card p,body:not(.manual-light) .numbers-detail-header p{color:#c7c7cc} body:not(.manual-light) .numbers-example{background:#2c2c2e;border-color:#48484a} body:not(.manual-light) .numbers-example span,body:not(.manual-light) .numbers-count{color:#aeaeb2}}
@media(max-width:600px){.numbers-list,.numbers-details{grid-template-columns:1fr} .numbers-card{padding:14px} .numbers-jp{font-size:23px} .numbers-detail-header h2{font-size:27px}}