@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;position:fixed}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(to bottom,#7dd3fc,#e0f2fe);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.page-loading{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.2rem;color:#0c4a6e}.page-header{flex-shrink:0;max-width:480px;width:100%;margin:0 auto;padding:1.5rem;border-radius:0;position:relative;display:flex;align-items:center;justify-content:center}.page-title{font-size:2rem;font-weight:700;text-align:center;margin:0;color:#0c4a6e}.back-button{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid #0c4a6e;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.back-button:hover{transform:translateY(-50%) scale(1.1)}.header-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.header-icon svg{width:32px;height:32px}.page-main{flex:1;max-width:480px;width:100%;margin:0 auto;background:#fff;padding:1.5rem;border-radius:0 0 1.5rem 1.5rem;box-shadow:0 4px 6px #0000001a;overflow-y:auto}.intro-section{margin-bottom:2rem}.intro-question{font-size:1.9rem;font-weight:700;color:#0c4a6e;margin:1.5rem 0 .5rem}.intro-question:first-child{margin-top:0}.intro-text{color:#374151;line-height:1.5;margin-bottom:1rem;font-size:1.5rem}.continue-button{width:100%;max-width:300px;margin:2rem auto 0;padding:1rem 2rem;background:#67e8f9;border:3px solid #0c4a6e;border-radius:1rem;font-size:1.2rem;font-weight:700;color:#0c4a6e;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit;display:block}.continue-button:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026}.continue-button:active{transform:scale(.98)}.sport-selection{margin-top:2rem}.sport-question{font-size:1.5rem;font-weight:700;color:#0c4a6e;text-align:center;margin-bottom:1.5rem}.sport-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sport-button{background:#e5e7eb;border:3px solid #0c4a6e;border-radius:1rem;padding:1.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit;position:relative}.sport-button:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026}.sport-button:active{transform:scale(.98)}.sport-icon{width:5rem;height:5rem;object-fit:contain}.sport-label{font-size:1.1rem;font-weight:700;color:#0c4a6e}.status-badge{position:absolute;top:.5rem;right:.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;display:flex;justify-content:center;align-items:center}.status-badge svg{width:1.5rem;height:1.5rem}.explanation-section{margin-top:2rem}.explanation-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:#0c4a6e}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-button{padding:1.5rem;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit}.info-button:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026}.info-button:active{transform:scale(.98)}.button-label{font-size:1.1rem;font-weight:700;color:#0c4a6e}.info-icon{position:absolute;top:.75rem;left:.75rem;width:32px;height:32px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;color:#0c4a6e}.info-icon img{width:100%;object-fit:contain;display:block}.info-icon-good{background:#86efac}.info-icon-ok{background:#fbbf24}.info-icon-bad{background:#ec4899}.info-icon-invalid{background:#9ca3af}.status-rows{display:flex;flex-direction:column;gap:.5rem}.status-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#fff;border-bottom:2px solid #e5e7eb}.status-row:last-child{border-bottom:none}.status-row-label{font-size:2rem;font-weight:600;color:#0c4a6e;display:flex;align-items:center;gap:.5rem}.info-button-small{font-size:.75rem;padding:.25rem .5rem;background:transparent;cursor:pointer;color:#6b7280;transition:all .2s;appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;box-shadow:none!important}.status-row-clickable{width:100%;text-align:left;cursor:pointer;background:#fff;padding:1.25rem;border:0;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.explanation-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.explanation-text-title{font-size:1.5rem;font-weight:700;color:#0c4a6e;text-align:center;white-space:pre-line}.explanation-text{color:#374151;line-height:1.6;text-align:center;white-space:pre-line;padding:0 1rem;font-size:1.2rem}.traffic-light-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding:1rem 0}.traffic-light{background:#e5e7eb;border-radius:2rem;padding:1.5rem 1rem;border:none;display:flex;flex-direction:column;gap:1rem;align-items:center}.light-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.radiance-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.radiance-lines{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.light{width:80px;height:80px;border-radius:50%;background:#f3f4f6;border:none;display:flex;justify-content:center;align-items:center;transition:all .3s ease;position:relative;z-index:1}.light-red.active-red{background:#ec4899;box-shadow:0 0 20px #ec489999}.light-yellow.active-yellow{background:#fbbf24;box-shadow:0 0 20px #fbbf2499}.light-green.active-green{background:#86efac;box-shadow:0 0 20px #86efac99}.sad-face{animation:wobble 2s ease-in-out infinite}.neutral-face{animation:blink 3s ease-in-out infinite}.happy-face{animation:bounce 2s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes blink{0%,90%,to{opacity:1}95%{opacity:.3}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mini-traffic-light-wrapper{display:inline-block}.mini-traffic-light{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .5rem;background:#e5e7eb;border-radius:1.5rem;border:none}.mini-light-container{position:relative;display:flex;align-items:center;justify-content:center}.mini-radiance-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.mini-radiance-lines{animation:pulse 1.5s ease-in-out infinite}.mini-light{width:40px;height:40px;border-radius:50%;background:#f3f4f6;border:none;display:flex;justify-content:center;align-items:center;transition:all .3s ease;position:relative;z-index:1}.mini-light-red.mini-active-red{background:#ec4899;box-shadow:0 0 15px #ec489999}.mini-light-yellow.mini-active-yellow{background:#fbbf24;box-shadow:0 0 15px #fbbf2499}.mini-light-green.mini-active-green{background:#86efac;box-shadow:0 0 15px #86efac99}.mini-sad-face{animation:mini-wobble 2s ease-in-out infinite}.mini-neutral-face{animation:blink 3s ease-in-out infinite}.mini-happy-face{animation:mini-bounce 2s ease-in-out infinite}@keyframes mini-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes mini-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:600px){.light{width:70px;height:70px}.mini-light{width:35px;height:35px}}@media(max-width:600px){.page-header{padding:1rem}.page-title{font-size:1.5rem}.back-button,.header-icon{width:40px;height:40px}.page-main{padding:1.25rem 1rem}.traffic-light-wrapper{padding:1.5rem 0;min-height:240px}.traffic-light{width:120px;padding:1.25rem .75rem}.light{width:70px;height:70px}.mini-light{width:35px;height:35px}.status-row{padding:1rem}.status-row-label{font-size:2rem}.status-row-label p{font-size:1.8rem!important;font-weight:800!important}.button-grid{gap:.75rem}.info-button{padding:1.25rem}.sport-icon{width:4rem;height:4rem}}@media(max-width:400px){.sport-grid,.button-grid{grid-template-columns:1fr}}