*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--uber-black: #000000;--uber-white: #FFFFFF;--uber-teal: #00B140;--uber-light-gray: #F2F2F2;--bg: var(--uber-light-gray);--bg-2: var(--uber-white);--bg-3: #E5E5E5;--bg-4: #D4D4D4;--text: var(--uber-black);--text-2: #737373;--text-3: #A3A3A3;--border: rgba(0, 0, 0, .08);--green: var(--uber-teal);--green-bg: rgba(0, 177, 64, .12);--red: #FF3B30;--red-bg: rgba(255, 59, 48, .12);--blue: #0A84FF;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}html,body{height:100%;overflow:hidden}body{font-family:Arial,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.title-xl{text-align:center;font-size:36px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.title-lg{text-align:center;font-size:28px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.title-md{text-align:center;font-size:20px;font-weight:700;letter-spacing:-.2px}.body-lg{font-size:17px;font-weight:400;line-height:1.5}.body-md{font-size:15px;font-weight:400;line-height:1.5}.caption{text-align:center;font-size:13px;font-weight:500;color:var(--text-2)}.btn{text-align:center;display:flex;align-items:center;justify-content:center;width:100%;padding:18px 24px;border:none;border-radius:var(--radius-lg);font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .1s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn-primary{background:var(--text);color:var(--bg)}.btn-secondary{background:var(--bg-3);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-sm{padding:12px 20px;font-size:15px;border-radius:var(--radius-md)}.card{background:var(--bg-2);border-radius:var(--radius-md);border:1px solid var(--border)}.answer-card{width:100%;display:flex;align-items:flex-start;gap:14px;padding:18px;background:var(--bg-2);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-family:inherit;transition:all .15s ease}.answer-card:active{transform:scale(.98)}.answer-card.selected{border-color:var(--text);background:var(--bg-3)}.answer-card.correct{border-color:var(--green);background:var(--green-bg)}.answer-card.incorrect{border-color:var(--red);background:var(--red-bg)}.answer-card.correct-not-selected{border-color:var(--green);background:var(--green-bg);opacity:.7}.answer-label{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--bg-4);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-2);transition:all .15s ease}.answer-card.selected .answer-label{background:var(--text);color:var(--bg)}.answer-card.correct .answer-label{background:var(--green);color:#fff}.answer-card.incorrect .answer-label{background:var(--red);color:#fff}.answer-card.correct-not-selected .answer-label{background:var(--green);color:#fff}.answer-text{font-size:16px;font-weight:500;color:var(--text);line-height:1.4;flex:1}.progress-bar-track{width:100%;height:3px;background:var(--bg-4);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--text);border-radius:2px;transition:width .3s ease}.progress-bar-fill.green{background:var(--green)}.timer{font-size:18px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.timer.warning{color:var(--red)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:var(--green-bg);color:var(--green)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-neutral{background:var(--bg-3);color:var(--text-2)}.divider{height:1px;background:var(--border)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.stat-value{text-align:center;font-size:28px;font-weight:800;letter-spacing:-.5px}.stat-label{text-align:center;font-size:13px;color:var(--text-2);margin-top:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-in{animation:fadeInUp .25s ease forwards}.animate-fade{animation:fadeIn .2s ease forwards}.loading-dot{animation:pulse 1.4s ease-in-out infinite}::-webkit-scrollbar{width:0;background:transparent}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,24px)}