.camera-view{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.camera-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.camera-video,.camera-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.camera-canvas{pointer-events:none}.speech-transcript{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);padding:1.5rem 1rem 1rem;color:#fff;z-index:10}.transcript-label{font-size:.85rem;font-weight:600;margin-bottom:.5rem;opacity:.9;color:#4caf50}.transcript-text{font-size:1.1rem;line-height:1.6;word-break:break-word;max-height:120px;overflow-y:auto;padding-right:.5rem}.transcript-text::-webkit-scrollbar{width:4px}.transcript-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.transcript-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.transcript-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.error-message{color:#f44;padding:.5rem 1rem;background:#ff44441a;border-radius:4px}.camera-controls{display:flex;gap:1rem;width:100%;justify-content:center}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;min-width:140px}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover{background:#45a049}.btn-secondary{background:#f44336;color:#fff}.btn-secondary:hover{background:#da190b}@media (max-width: 768px){.camera-view{width:100%}.camera-container{border-radius:0;aspect-ratio:4 / 3}.speech-transcript{padding:1rem .75rem .75rem}.transcript-label{font-size:.75rem;margin-bottom:.4rem}.transcript-text{font-size:.95rem;max-height:80px}.camera-controls{flex-direction:column;gap:.75rem;width:100%}.btn-primary,.btn-secondary{width:100%;padding:.875rem 1.25rem;font-size:.95rem;min-width:unset}}@media (max-width: 480px){.camera-container{aspect-ratio:3 / 2}.speech-transcript{padding:.875rem .5rem .5rem}.transcript-label{font-size:.7rem;margin-bottom:.35rem}.transcript-text{font-size:.85rem;max-height:70px}.camera-controls{gap:.5rem}.btn-primary,.btn-secondary{padding:.75rem 1rem;font-size:.9rem}}.mic-analyzer{width:320px;min-width:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex-shrink:0;background:#ffffff14;padding:1rem .75rem;border-radius:16px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mic-visualizer{width:100%;max-width:280px;height:70px;background:linear-gradient(135deg,#2196f333,#4caf5026);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.625rem 1rem;gap:.5rem;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.25);box-shadow:inset 0 2px 8px #00000026,0 2px 8px #0000001a;margin:0 auto}.volume-bar{position:absolute;left:0;top:0;height:100%;transition:width .15s ease-out,background-color .3s ease-out;opacity:.85;will-change:width,background-color;border-radius:10px;box-shadow:0 0 15px #4caf5066,inset 0 1px #ffffff4d;background:linear-gradient(90deg,currentColor 0%,rgba(255,255,255,.3) 100%)!important}.volume-indicator{position:relative;z-index:1;font-weight:700;color:#fff;font-size:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.mic-controls{display:flex;justify-content:center;align-items:center;width:100%;max-width:280px;margin:0 auto}.mic-controls button{width:100%;padding:.85rem 1.25rem;font-size:.95rem}.speech-error{color:#f44;font-size:.85rem;padding:.5rem;text-align:center;background:#ff44441a;border-radius:6px;border:1px solid rgba(255,68,68,.3);width:100%;max-width:280px;margin:0 auto}.speech-warning{color:#ff9800;font-size:.85rem;padding:.5rem;text-align:center;background:#ff98001a;border-radius:6px;border:1px solid rgba(255,152,0,.3);width:100%;max-width:280px;margin:0 auto}@media (max-width: 768px){.mic-analyzer{width:100%;max-width:100%;min-width:unset}.mic-visualizer,.mic-controls{max-width:100%}.mic-controls button{width:100%}.speech-error,.speech-warning{max-width:100%}}@media (max-width: 480px){.mic-analyzer{padding:.875rem .5rem}.mic-visualizer{height:60px;padding:.5rem .875rem}.volume-indicator{font-size:.9rem}.mic-controls button{padding:.75rem 1rem;font-size:.9rem}.speech-error,.speech-warning{font-size:.8rem;padding:.45rem}}.ready-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:2rem;position:relative;overflow:hidden}.ready-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.circle-1{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.circle-2{width:200px;height:200px;bottom:-50px;right:-50px;animation-delay:5s}.circle-3{width:150px;height:150px;top:50%;right:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.ready-container{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:3rem 2.5rem;max-width:1400px;width:100%;box-shadow:0 25px 80px #0003;position:relative;z-index:1;border:1px solid rgba(255,255,255,.3)}.ready-header{text-align:center;margin-bottom:3rem}.ready-icon{font-size:4rem;margin-bottom:1rem;display:inline-block}.ready-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em}.ready-description{font-size:1.15rem;color:#666;line-height:1.8;max-width:600px;margin:0 auto}.ready-media-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2.5rem;align-items:start}.media-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:20px;padding:1.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.5);transition:all .3s ease}.media-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.media-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(102,126,234,.1)}.media-icon{font-size:2rem;line-height:1}.media-header h3{font-size:1.5rem;font-weight:700;color:#333;margin:0}.media-content{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.media-content .camera-view{width:100%!important;max-width:100%!important}.media-content .camera-container{width:100%!important;min-height:400px!important}.media-content .mic-analyzer{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;padding:.5rem!important;margin:0 auto!important}.media-content .mic-visualizer{width:100%!important;max-width:100%!important;margin:0 auto!important}.media-content .mic-controls{width:100%!important;max-width:100%!important;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important}.media-content .mic-controls button{width:100%!important;max-width:100%!important}.media-content .mic-analyzer{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.media-content .mic-visualizer,.media-content .mic-controls{width:100%;max-width:100%;margin:0 auto}.ready-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:12px;font-weight:600;font-size:.95rem;box-shadow:0 4px 15px #4caf504d}.check-icon{font-size:1.2rem;font-weight:700}.ready-footer{display:flex;flex-direction:column;gap:1.5rem}.ready-info{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:1px solid rgba(102,126,234,.2)}.info-icon{font-size:1.5rem;flex-shrink:0}.ready-info p{margin:0;color:#667eea;font-size:1rem;font-weight:500}.start-button{width:100%;padding:1.5rem 2rem;font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 8px 25px #667eea66;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden}.start-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.start-button:hover:before{left:100%}.start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.start-button:active:not(:disabled){transform:translateY(-1px)}.start-button:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.button-text{position:relative;z-index:1}.button-arrow{position:relative;z-index:1;font-size:1.5rem;transition:transform .3s}.start-button:hover .button-arrow{transform:translate(5px)}@media (max-width: 1024px){.ready-media-section{grid-template-columns:1fr;gap:1.5rem}.media-content .camera-container{min-height:300px!important}.ready-container{padding:2.5rem 2rem}}@media (max-width: 768px){.ready-page{padding:1rem}.ready-container{padding:2rem 1.5rem;border-radius:24px}.ready-header{margin-bottom:2rem}.ready-icon{font-size:3rem;margin-bottom:.75rem}.ready-title{font-size:2rem;margin-bottom:.75rem}.ready-description{font-size:1rem;line-height:1.6}.ready-media-section{gap:1.25rem;margin-bottom:2rem}.media-card{padding:1.25rem}.media-header{margin-bottom:1rem;padding-bottom:.75rem}.media-header h3{font-size:1.3rem}.media-content .camera-container{min-height:250px!important}.ready-indicator{padding:.625rem .875rem;font-size:.875rem;margin-top:.75rem}.ready-footer{gap:1.25rem}.ready-info{flex-direction:column;text-align:center;gap:.5rem;padding:.875rem 1.25rem}.ready-info p{font-size:.9rem}.start-button{padding:1.2rem 1.5rem;font-size:1.2rem}}@media (max-width: 480px){.ready-page{padding:.75rem}.ready-container{padding:1.5rem 1rem;border-radius:20px}.ready-header{margin-bottom:1.5rem}.ready-icon{font-size:2.5rem}.ready-title{font-size:1.75rem}.ready-description{font-size:.9rem}.ready-media-section{gap:1rem;margin-bottom:1.5rem}.media-card{padding:1rem;border-radius:16px}.media-header h3{font-size:1.15rem}.media-content .camera-container{min-height:200px!important}.start-button{padding:1rem 1.25rem;font-size:1.1rem}.ready-info{padding:.75rem 1rem}.ready-info p{font-size:.85rem}}.question-overlay{position:fixed;top:0;left:0;right:0;background:#000!important;padding:2rem;z-index:1000;border:none!important;outline:none!important;box-shadow:none!important}.question-content{max-width:1200px;margin:0 auto;text-align:center;background:transparent!important;border:none!important;outline:none!important}.question-text{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.6;background:transparent!important}.timer{font-size:2rem;font-weight:700;color:#4caf50;font-variant-numeric:tabular-nums;background:transparent!important}.timer.expired{color:#f44336;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.question-overlay{padding:1rem}.question-content{padding:0}.question-text{font-size:1.2rem;margin-bottom:.75rem;line-height:1.5}.timer{font-size:1.5rem}}@media (max-width: 480px){.question-overlay{padding:.75rem .5rem}.question-text{font-size:1rem;margin-bottom:.5rem;line-height:1.4}.timer{font-size:1.25rem}}.score-breakdown-panel{width:320px;background:#fffffff2;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;display:flex;flex-direction:column;gap:1rem}.feedback-section{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;padding:1rem;border:1px solid rgba(102,126,234,.2)}.feedback-label{font-size:.85rem;font-weight:600;color:#667eea;margin-bottom:.5rem}.feedback-message{font-size:.9rem;color:#333;line-height:1.5;font-weight:500}.breakdown-toggle{width:100%;padding:.75rem;background:#667eea1a;border:1px solid rgba(102,126,234,.2);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;color:#667eea;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.breakdown-toggle:hover{background:#667eea26;border-color:#667eea4d}.breakdown-content{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.breakdown-section{background:#00000005;border-radius:8px;padding:.75rem;border:1px solid rgba(0,0,0,.05)}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600;font-size:.95rem;color:#333}.breakdown-score{color:#4caf50;font-weight:700}.breakdown-weight{font-size:.8rem;color:#666;margin-bottom:.5rem;padding-left:.25rem}.breakdown-items{display:flex;flex-direction:column;gap:.4rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#555;padding:.3rem .5rem;background:#ffffff80;border-radius:4px}.breakdown-item span:last-child{font-weight:600;color:#667eea}.breakdown-total{display:flex;justify-content:space-between;align-items:center;padding:.875rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border:1px solid rgba(102,126,234,.2);font-weight:700;font-size:1rem;color:#333;margin-top:.25rem}.total-score{font-size:1.2rem;color:#4caf50}@media (max-width: 1024px){.score-breakdown-panel{width:100%;max-width:600px}}@media (max-width: 768px){.score-breakdown-panel{width:100%;max-width:100%;padding:1.25rem}.breakdown-toggle{font-size:.85rem;padding:.625rem}.breakdown-section{padding:.625rem}.breakdown-header{font-size:.9rem}.breakdown-item{font-size:.8rem;padding:.25rem .4rem}.breakdown-total{padding:.75rem;font-size:.95rem}.total-score{font-size:1.1rem}}@media (max-width: 480px){.score-breakdown-panel{padding:1rem}.breakdown-toggle{font-size:.8rem;padding:.5rem}.breakdown-section{padding:.5rem}.breakdown-header{font-size:.85rem}.breakdown-item{font-size:.75rem;padding:.2rem .35rem}.breakdown-total{padding:.625rem;font-size:.9rem}.total-score{font-size:1rem}}.game-page{width:100%;min-height:100vh;position:relative;background:#1a1a1a}.game-content{padding-top:200px;display:flex;flex-direction:column;align-items:center;gap:2rem;padding-bottom:2rem}.media-section{width:100%;max-width:1600px;display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:0 1rem;justify-content:center}.media-section>.score-breakdown-panel{flex:0 0 280px}.media-section>.camera-view{flex:2 1 auto;min-width:500px}.media-section>.right-panel{flex:0 0 320px}.left-panel,.right-panel{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.submit-button{width:320px;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #667eea66;align-self:stretch}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.submit-button:active{transform:translateY(0)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.5rem;color:#fff}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000}.countdown-content{text-align:center}.countdown-number{font-size:8rem;font-weight:900;color:#4caf50;line-height:1;margin-bottom:1rem;animation:pulse 1s ease-in-out infinite}.countdown-text{font-size:1.5rem;color:#fff;font-weight:600}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 1024px){.game-content{padding-top:180px}.media-section{flex-direction:column;align-items:center;max-width:100%;gap:1rem}.media-section>.score-breakdown-panel{flex:1 1 auto;width:100%;max-width:600px;order:2}.media-section>.camera-view{flex:1 1 auto;width:100%;min-width:unset;order:1}.media-section>.right-panel{flex:1 1 auto;width:100%;max-width:600px;order:3}.left-panel{width:100%;max-width:600px;order:2}.right-panel{width:100%;max-width:600px;order:1}.mic-analyzer,.judge-panel{width:100%;max-width:100%}.submit-button{width:100%}}@media (max-width: 768px){.game-content{padding-top:160px;padding-bottom:1rem}.media-section{padding:0 .5rem;flex-direction:column;gap:1rem}.camera-view{width:100%}.right-panel{width:100%;max-width:100%;gap:1rem}.mic-analyzer{width:100%;max-width:100%;min-width:unset}.judge-panel{width:100%;max-width:100%}.submit-button{width:100%;padding:.875rem 1.25rem;font-size:1rem}.countdown-number{font-size:5rem}.countdown-text{font-size:1.2rem}}@media (max-width: 480px){.game-content{padding-top:140px}.media-section{padding:0 .25rem;gap:.75rem}.right-panel{gap:.75rem}.countdown-number{font-size:4rem}.countdown-text{font-size:1rem}}.result-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.result-container{background:#fff;border-radius:24px;padding:3rem;max-width:800px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.result-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:2rem}.grade-display{margin:2rem 0}.grade-letter{font-size:8rem;font-weight:900;line-height:1;text-shadow:0 4px 20px rgba(0,0,0,.2)}.score-details{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.score-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f5f5f5;border-radius:12px}.score-label{font-size:1.1rem;color:#666;font-weight:500}.score-value{font-size:1.5rem;font-weight:700;color:#333}.breakdown-item-result{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.15)}.breakdown-item-result .score-label{color:#667eea;font-weight:600}.breakdown-item-result .score-value{color:#4caf50}.breakdown-header-item{margin-bottom:.5rem!important}.breakdown-sub-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-left:1rem;padding-right:1rem}.breakdown-sub-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#ffffffb3;border-radius:8px;border-left:3px solid rgba(102,126,234,.3)}.breakdown-sub-item .sub-label{font-size:.9rem;color:#666;font-weight:500}.breakdown-sub-item .sub-value{font-size:1rem;font-weight:600;color:#667eea}.ai-score-item{background:linear-gradient(135deg,#8a2be21a,#4b00821a);border:1px solid rgba(138,43,226,.2)}.ai-score-item .score-label{color:#8a2be2;font-weight:600}.ai-score-item .score-value{color:#8a2be2}.ai-feedback-box{margin-top:.5rem;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#8a2be20d,#4b00820d);border-radius:12px;border-left:4px solid #8a2be2;text-align:left}.ai-feedback-label{font-size:.85rem;font-weight:600;color:#8a2be2;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.ai-feedback-text{font-size:.95rem;color:#333;line-height:1.6;word-break:keep-all}.qa-section{margin:2rem 0;text-align:left}.qa-item{margin-bottom:1.5rem}.qa-label{font-size:.9rem;font-weight:600;color:#667eea;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.qa-content{padding:1.25rem;border-radius:12px;line-height:1.8;font-size:1rem;word-break:keep-all;overflow-wrap:break-word}.question-content{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.2);color:#333;font-weight:600}.answer-content{background:linear-gradient(135deg,#4caf501a,#4caf500d);border:2px solid rgba(76,175,80,.2);color:#333;min-height:60px;white-space:pre-wrap}.restart-button{margin-top:2rem;padding:1rem 2rem;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .2s}.restart-button:hover{box-shadow:0 8px 24px #667eea66}@media (max-width: 768px){.result-page{padding:1rem}.result-container{padding:2rem 1.5rem;border-radius:20px}.result-title{font-size:2rem;margin-bottom:1.5rem}.grade-display{margin:1.5rem 0}.grade-letter{font-size:6rem}.score-details{gap:1rem;margin:1.5rem 0}.score-item{padding:.875rem}.score-label{font-size:1rem}.score-value{font-size:1.3rem}.qa-section{margin:1.5rem 0}.qa-item{margin-bottom:1.25rem}.qa-content{padding:1rem;font-size:.95rem}.restart-button{margin-top:1.5rem;padding:.875rem 1.75rem;font-size:1.1rem}.breakdown-sub-items{padding-left:.75rem;padding-right:.75rem;gap:.4rem}.breakdown-sub-item{padding:.45rem .625rem}.breakdown-sub-item .sub-label{font-size:.85rem}.breakdown-sub-item .sub-value{font-size:.95rem}}@media (max-width: 480px){.result-page{padding:.75rem}.result-container{padding:1.5rem 1rem;border-radius:16px}.result-title{font-size:1.75rem;margin-bottom:1.25rem}.grade-letter{font-size:5rem}.score-details{gap:.875rem}.score-item{padding:.75rem;flex-direction:column;align-items:flex-start;gap:.5rem}.score-label{font-size:.9rem}.score-value{font-size:1.2rem}.qa-section{margin:1.25rem 0}.qa-item{margin-bottom:1rem}.qa-label{font-size:.85rem}.qa-content{padding:.875rem;font-size:.9rem}.restart-button{margin-top:1.25rem;padding:.875rem 1.5rem;font-size:1rem;width:100%}.breakdown-sub-items{padding-left:.5rem;padding-right:.5rem;gap:.35rem}.breakdown-sub-item{padding:.4rem .5rem}.breakdown-sub-item .sub-label{font-size:.8rem}.breakdown-sub-item .sub-value{font-size:.9rem}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}@media (max-width: 768px){body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}