.n3gen-hero{text-align:center;margin-bottom:18px}.n3gen-hero h1{color:#0f172a;margin:0 0 6px;font-size:26px;font-weight:900}.n3gen-hero p{color:#475569;margin:0;font-size:16px;line-height:1.7}.n3gen-card{background:#fff;border:1px solid #94a3b859;border-radius:14px;margin-top:14px;padding:16px}.n3gen-section{margin-bottom:18px}.n3gen-section h2{color:#0f172a;margin:0 0 10px;font-size:26px;font-weight:800}.n3gen-chip-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.n3gen-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:10px 22px;font-size:17px;font-weight:700;transition:background .12s,border-color .12s,color .12s}.n3gen-chip:hover{color:#0d9488;border-color:#0d9488}.n3gen-chip-active{color:#fff;background:linear-gradient(#2dd4bf 0%,#0d9488 100%);border-color:#0d9488;box-shadow:0 2px 8px #0d948840}.n3gen-chip-active:hover{color:#fff}.n3gen-chip:disabled{opacity:.6;cursor:not-allowed}.n3gen-num-input{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100px;height:44px;padding:0 12px;font-size:16px;font-weight:600}.n3gen-submit{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#2dd4bf 0%,#0d9488 100%);border:1px solid #0d9488;border-radius:14px;min-width:180px;padding:14px 24px;font-size:18px;font-weight:700;transition:filter .12s;box-shadow:0 6px 16px #0d948840}.n3gen-submit:hover{filter:brightness(1.06)}.n3gen-submit:disabled{opacity:.85;cursor:not-allowed}.n3gen-csv-btn{color:#0f172a;cursor:pointer;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b8;border-radius:14px;padding:14px 22px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #0f172a14}.n3gen-csv-btn:disabled{color:#94a3b8;cursor:not-allowed}.n3gen-results{background:#fff;border:1px solid #94a3b859;border-radius:14px;margin-top:18px;padding:16px}.n3gen-results h2{color:#0f172a;text-align:center;margin:0 0 10px;font-size:26px;font-weight:900}.n3gen-table{border-collapse:collapse;width:100%}.n3gen-table td{text-align:center;border-bottom:1px solid #e2e8f0;padding:10px 8px}.n3gen-table tr:last-child td{border-bottom:none}.n3gen-table tr:nth-child(2n){background:#f0fdfa}.n3gen-row-num{color:#64748b;width:40px;font-size:13px;font-weight:700}.n3gen-balls{justify-content:center;align-items:center;gap:8px;display:flex}.n3gen-ball{color:#fff;background:linear-gradient(#5eead4 0%,#0d9488 100%);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:inline-flex;box-shadow:0 3px 10px #0d94884d}.n3gen-full-number{color:#0d9488;letter-spacing:.08em;margin-left:14px;font-size:22px;font-weight:900}@keyframes n3gen-spin{to{transform:rotate(360deg)}}.n3gen-spinner{border:3px solid #cbd5e1;border-top-color:#0d9488;border-radius:9999px;width:18px;height:18px;animation:1s linear infinite n3gen-spin}.n3gen-freq-note{color:#475569;margin-top:6px;font-size:13px}.n3gen-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.n3gen-nav-btn{color:#fff;white-space:nowrap;border:1px solid #ffffff47;border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex;box-shadow:0 10px 24px #0f172a2e}.n3gen-nav-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.n3gen-nav-teal{background:linear-gradient(#5eead4 0%,#0d9488 52%,#0f766e 100%);border-color:#0d94888c}.n3gen-nav-gray{background:linear-gradient(#94a3b8 0%,#64748b 55%,#475569 100%);border-color:#94a3b88c}.n3gen-note{color:#64748b;text-align:center;margin-top:14px;font-size:13px;line-height:1.7}.cross-section{text-align:left;background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #94a3b859;border-radius:18px;margin-bottom:14px;padding:20px 18px}.cross-section h3{color:#0f172a;border-left:4px solid #3b82f6;margin:0 0 10px;padding-left:14px;font-size:26px;font-weight:900;line-height:1.4}.cross-section>p{color:#334155;margin:0 0 16px;font-size:18px;line-height:2.4}.cross-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.cross-card{background:#fff;border:1px solid #94a3b840;border-radius:14px;padding:14px 14px 14px 52px;transition:box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.cross-card:hover{border-color:#3b82f659;box-shadow:0 4px 16px #0f172a12}.cross-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;position:absolute;top:14px;left:12px}.cross-card-icon--blue{background:#3b82f61f}.cross-card-icon--purple{background:#7c3aed1f}.cross-card-icon--teal{background:#0d94881f}.cross-card-icon--amber{background:#d977061f}.cross-card-icon--green{background:#10b9811f}.cross-card-icon--rose{background:#f43f5e1f}.cross-card-title{margin:0 0 6px;font-size:18px;font-weight:900;line-height:1.4}.cross-card-title--blue{color:#1d4ed8}.cross-card-title--purple{color:#7c3aed}.cross-card-title--teal{color:#0d9488}.cross-card-title--amber{color:#b45309}.cross-card-title--green{color:#059669}.cross-card-title--rose{color:#e11d48}.cross-card-desc{color:#334155;margin:0;font-size:18px;line-height:2.4}.cross-tip{color:#334155;background:#3b82f60f;border:1px dashed #3b82f633;border-radius:12px;margin:14px 0 0;padding:12px 16px;font-size:18px;line-height:2.4}@media (max-width:640px){.cross-grid{grid-template-columns:1fr}.cross-section{border-radius:14px;padding:18px 14px}.cross-section h3{border-left-width:3px;padding-left:12px;font-size:22px}.cross-section>p,.cross-card-desc,.cross-tip{font-size:16px;line-height:2}.cross-card-title{font-size:16px}}@media (max-width:600px){.n3gen-ball{width:38px;height:38px;font-size:17px}.n3gen-full-number{margin-left:10px;font-size:18px}.n3gen-hero h1{font-size:19px}}