.login-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background:var(--bg)}.login-card{width:100%;max-width:360px;background:var(--card);padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:16px}.login-card input{padding:12px;border-radius:8px;border:1px solid var(--divider)}.login-card input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #f2c94c33}.login-card button{padding:12px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:700}.login-card button:hover{opacity:.9;cursor:pointer}.login-card button:active{opacity:.9;transform:scale(.98)}.login-card .guest{text-align:center;font-size:14px;background:var(--primary-light)}.logo{height:10em;width:10em;padding:1.5em;margin-bottom:1.5em;filter:drop-shadow(0 0 2em #F2C94C);animation:logo-breathe infinite 1.3s ease-in-out}@keyframes logo-breathe{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-card{background:var(--card);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.resource-card img,.resource-icon{width:60px;height:60px;object-fit:contain;margin:0 auto}.amount{font-size:18px;font-weight:700;color:var(--primary)}.label{font-size:12px;color:var(--text-secondary)}.home-greeting{display:flex;flex-direction:column;align-items:center;text-align:center}.home-greeting h1{font-size:18px;color:#1a0246;margin-bottom:2px}.status-card{background:var(--card);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.menorah-placeholder{font-size:58px}.menorah-icon{width:80px;height:50px;object-fit:contain}.status-text{font-size:16px;color:var(--text-primary)}.cta-button{width:100%;padding:14px;border-radius:10px;border:none;background:var(--primary);color:#fff;font-weight:600;font-size:16px}.cta-button:active{opacity:.9;transform:scale(.98)}.home-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.home-card{background:var(--card);border-radius:12px;padding:16px;text-align:center;display:flex;flex-direction:column;gap:4px}.ranking-preview{background:var(--card);border-radius:12px;padding:12px;text-align:center}.ranking-preview .value{font-size:20px;font-weight:700;color:var(--primary)}.logo{height:5em;width:5em;padding:5px}.link-button{background:none;border:none;padding:0;color:var(--primary);font-size:16px;font-weight:700;cursor:pointer;text-decoration:underline}.link-button span{font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 16px;border-radius:12px;font-size:14px;color:#fff;animation:toast-in-out 2.5s ease forwards;z-index:1000}.toast-info{background:#333}.toast-error{background:#c0392b}.toast-success{background:#27ae60}@keyframes toast-in-out{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.progress-page{min-height:100dvh;padding:16px;background:var(--bg);display:flex;flex-direction:column;gap:16px}.progress-greeting{display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-greeting h1{font-size:18px;color:var(--text-primary);margin-bottom:4px}.progress-greeting p{font-size:14px;color:var(--text-secondary)}.menorah-container{position:relative;width:100%;max-width:180px;margin:0 auto}.menorah-img{width:100%;height:auto;display:block}.flame{position:absolute;width:7%;transform:translate(-50%,-100%);opacity:1;animation:flameFlicker 2.4s infinite ease-in-out;transform-origin:center bottom}.flame.new{animation:flameAppear .9s ease-out forwards;transform-origin:center bottom}@keyframes flameAppear{0%{transform:translate(-50%,-100%) scale(.2);opacity:0}60%{transform:translate(-50%,-100%) scale(1.1);opacity:1}to{transform:translate(-50%,-100%) scale(1)}}@keyframes flameFlicker{0%{filter:blur(.4px) brightness(1)}50%{filter:blur(1px) brightness(1.15)}to{filter:blur(.4px) brightness(1)}}.menorah-img.glow{animation:menorahGlow 1.1s ease-out;animation-fill-mode:both}@keyframes menorahGlow{0%{filter:drop-shadow(0 0 0 rgba(255,200,80,0))}30%{filter:drop-shadow(0 0 18px rgba(255,190,90,.9))}60%{filter:drop-shadow(0 0 28px rgba(255,210,120,.8))}to{filter:drop-shadow(0 0 0 rgba(255,200,80,0))}}.progresspage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.progresspage-card{background:var(--card);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:4px}.progress-actions{width:100%;display:flex;flex-direction:column;align-items:center}.progress-actions button:active{transform:scale(.98)}.btn-secondary{width:100%;padding:14px;background:transparent;border-radius:10px;border:1px solid var(--primary);color:var(--primary);font-weight:450;margin-top:2%}.progress-actions button:disabled{opacity:.8;background:var(--disabled);color:var(--primary);border-radius:12px;border:none;transform:scale(.97)}.question-page{min-height:100dvh;padding:16px;background:var(--bg);display:flex;flex-direction:column;gap:16px}.timer{height:6px;background:var(--divider);border-radius:3px}.timer-bar{width:100%;height:100%;background:var(--primary);border-radius:3px}.card{background:var(--card);padding:20px;border-radius:16px;box-shadow:inset 1px 1px 30px var(--divider);text-align:center;font-weight:500;margin-bottom:10px}.answers{display:grid;gap:12px}.answer-btn{padding:16px;border-radius:12px;border:1px solid var(--divider);background:var(--card);font-size:16px;text-align:start}.answer-btn.correct{background:var(--success);color:#fff}.answer-btn.wrong{background:var(--error);color:#fff}.answer-btn.timelost{background:var(--reveal);color:#fff}.feedback{margin-top:auto;text-align:center;margin-bottom:5px}.feedback p{font-weight:500}.next-btn{width:100%;padding:16px;border-radius:14px;background:var(--primary);color:#fff;font-size:16px;margin-top:8px}.question-meta{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.round-progress{display:flex;gap:4px}.dot{width:6px;height:6px;border-radius:50%;background:var(--divider)}.dot.filled{background:var(--gold)}.verse{display:block;margin-top:6px;font-size:14px;opacity:.7}.question-wrapper{animation:questionIn .32s cubic-bezier(.22,1,.36,1)}@keyframes questionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.my-rank-fixed{position:sticky;background:var(--bg);padding:12px 16px;border-bottom:1px solid var(--divider)}.my-rank-main{display:flex;align-items:center;gap:8px}.my-rank-flames{display:flex;gap:4px;padding-left:40px}.ranking-list{padding:16px;display:flex;flex-direction:column;gap:12px}.ranking-item{background:var(--card);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.ranking-item.me{border:2px solid var(--primary);background:#f2c94c1f}.row-top{display:flex;align-items:center;gap:8px}.pos{width:32px;font-weight:700}.name{flex:1}.gold{display:flex;align-items:center;gap:4px;font-weight:700}.gold img{width:16px;height:16px}.row-bottom{display:flex;gap:4px;padding-left:40px}.mini-flame{width:14px;height:14px}.app-header{height:56px;display:flex;align-items:center;padding:0 16px;background:var(--bg);border-bottom:1px solid var(--divider)}.header-left,.header-right{width:40px;display:flex;align-items:center;justify-content:center}.header-title{flex:1;text-align:center;font-size:16px;font-weight:500;line-height:1}.back-button{background:none;border:none;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.back-button img,.header-logo{width:24px;height:24px}body{background:var(--bg);color:var(--text)}.app-root{min-height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.app-main{flex:1;overflow-y:auto;width:100%;max-width:var(--max-width);margin:0 auto;padding:16px}.result-title{text-align:center;color:#1a0246}:root{--max-width: 480px;--primary: #E36A1F;--primary-dark: #B84812;--primary-light: #FF8C3A;--gold: #F2C94C;--gold-dark: #D4A017;--bg: #FAFAFA;--card: #FFFFFF;--divider: #EDEDED;--text-primary: #1F1F1F;--text-secondary: #5A5A5A;--success: #2E7D32;--error: #C62828;--reveal: #77af79;--disabled: #CFCFCF;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont}.page{display:flex;flex-direction:column;gap:20px;animation:page-enter .25s ease-out;will-change:transform,opacity}