:root{--bg:#f4f7fd;--card-bg:#ffffff8c;--ink:#0f172a;--ink-muted:#5b6477;--grad-1:#8fb6ff;--grad-2:#e0a7ff;--brand-500:#7c4dff;--brand-600:#6a3eff;--bar-bg:#e9eef6;--bar-grad:linear-gradient(90deg,var(--grad-1),var(--grad-2));--module--title-1:#8fb6ff;--module--title-2:#e0a7ff;--gradient-button:linear-gradient(90deg,var(--brand-600),var(--brand-500));--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 6px 18px rgba(15,23,42,.06);--fs-sm:clamp(.9rem,.25vw + .84rem,.98rem);--fs-base:clamp(1rem,.35vw + .92rem,1.08rem);--fs-md:clamp(1.1rem,.6vw + 1rem,1.24rem);--fs-xl:clamp(1.8rem,1.4vw + 1.4rem,2.3rem)}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.baterie-wrapper{position:relative;display:flex;justify-content:center;padding-block:2.5rem}@media (min-width:880px){.baterie-wrapper{padding:3rem 2rem}}.baterie-container{width:100%;margin:0 auto}.baterie-title{font-size:var(--fs-xl);font-weight:800;text-align:center;margin:0 0 1.5rem;letter-spacing:.2px;background:linear-gradient(90deg,var(--module--title-1),var(--module--title-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.baterie-block{display:flex;flex-direction:column;gap:1.25rem;align-items:stretch;width:100%;max-width:720px;margin:0 auto 2rem;padding:1.25rem 1rem;border-radius:var(--radius-md);max-width:460px!important;margin-inline:auto}@media (min-width:480px){.baterie-block{padding:1.5rem}}.baterie-remaining{display:block;text-align:center;margin-top:.35rem;font-size:.95rem;font-weight:600;color:#6b7280}.baterie-remaining.error{color:#ef4444}.baterie-option-text{font-size:var(--fs-base);line-height:1.55;color:var(--ink);max-width:60ch;text-align:left}.baterie-error{color:#dc2626;font-weight:700;text-align:center;margin-top:.75rem}.baterie-buttons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.baterie-btn{padding:.85rem 1.4rem;border-radius:var(--radius-sm);font-weight:700;font-size:.98rem;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;box-shadow:var(--shadow-sm)}.baterie-btn.primary{background:var(--gradient-button);color:#fff}.baterie-btn.primary:hover{transform:translateY(-2px)}.baterie-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:linear-gradient(90deg,#cfcfcf,#e0e0e0);color:#fff}.baterie-btn.secondary{background-color:#ffffffcc;border:1px solid #e6eaf2;color:var(--ink);font-weight:600}.baterie-btn.secondary:hover{background:#f9fafb;transform:translateY(-2px)}.baterie-btn.secondary:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.baterie-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(124,77,255,.25)}.baterie-option{display:flex;align-items:center;gap:12px}.baterie{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:1.1rem 1.25rem;border-radius:var(--radius-lg);background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);font-weight:700;font-size:var(--fs-md);width:100%}.step-container{display:grid;grid-template-columns:repeat(4,max-content);grid-gap:.75rem;gap:.75rem;justify-content:center}@media (min-width:480px){.step-container{gap:1rem}}.score{--step-perimeter:clamp(2.35rem,2.2vi + 1.8rem,3.6rem);display:inline-flex;justify-content:center;align-items:center;width:var(--step-perimeter);height:var(--step-perimeter);border-radius:22%;background:#fff;border:2px solid #c9bbff;color:#5a33e6;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .2s ease}.score:hover{transform:translateY(-2px)}.score[data-state=selected]{background:linear-gradient(135deg,#8da2ff3a,#d58cff3a);color:#5a33e6;border-color:#6a3eff;box-shadow:0 6px 18px rgba(124,92,255,.28)}.score[data-state=disabled]{background:#e0e0e0;color:#b0b0b0;border-color:#f0f0f0;cursor:not-allowed;opacity:.7}.baterie-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:1.05rem;color:var(--ink);border-radius:var(--radius-md);text-align:center;gap:1rem}.auth-overlay{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:1rem;background:hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-card{width:92vw;max-width:720px;border-radius:var(--radius-lg);padding:clamp(1.1rem,2.5vw,1.8rem);background:var(--card-bg);box-shadow:0 12px 32px rgba(2,6,23,.08);text-align:center;animation:auth-pop .18s ease-out}@keyframes auth-pop{0%{transform:translateY(6px) scale(.985);opacity:0}to{transform:none;opacity:1}}.auth-lock{width:56px;height:56px;margin:0 auto .75rem;display:grid;place-items:center;border-radius:14px;color:#fff}.auth-lock,.auth-title{background:var(--gradient-button)}.auth-title{font-size:clamp(1.25rem,1.1vi + 1rem,1.7rem);margin:.25rem 0 .35rem;font-weight:900;letter-spacing:.2px;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--ink-muted);font-size:clamp(.95rem,.6vi + .85rem,1.05rem);margin-bottom:1.1rem}.auth-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.baterie-results{width:100%;margin:1.25rem auto 0}.progress{position:relative;width:100%;height:32px;border-radius:9999px;overflow:hidden;box-shadow:inset 0 0 6px rgba(0,0,0,.08);background:linear-gradient(135deg,#8da2ff66,#aa96ff66)}.progress-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#8fb6ff,#e0a7ff);border-top-left-radius:9999px;border-bottom-left-radius:9999px;border-top-right-radius:0;border-bottom-right-radius:0;transition:width .5s ease}.progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4),0 0 2px rgba(0,0,0,.25);pointer-events:none}.progress[data-level=mid] .progress-label{color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.35)}.progress[data-level=high] .progress-label{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.tpl-progress-alt+.tpl-progress-alt{margin-top:12px}.baterie-actions{max-width:460px;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.baterie-actions .baterie-btn{flex:1 1;text-align:center}.baterie-progress{max-width:460px!important;margin:0 auto;padding:0 1.5rem}.baterie-progress-header{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;opacity:.8;margin-bottom:8px}.baterie-progress-track{width:100%;height:10px;border-radius:999px;overflow:hidden;background:linear-gradient(90deg,rgba(143,182,255,.25),rgba(224,167,255,.25));box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.baterie-progress-fill{height:100%;border-radius:999px 0 0 999px;background:linear-gradient(90deg,var(--grad-1,#8fb6ff),var(--grad-2,#e0a7ff));transition:width .35s ease}