@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:1.5rem 1.5rem 0 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.3rem;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}.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:#fff;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}.sport-button:hover{transform:scale(1.05);box-shadow:0 8px 16px #00000026}.sport-button:active{transform:scale(.98)}.sport-icon{font-size:3rem}.sport-label{font-size:1.1rem;font-weight:700;color:#0c4a6e}.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:3px solid #0c4a6e;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)}.weather-button{background:#86efac}.health-button{background:#f9a8d4}.button-label{font-size:1.1rem;font-weight:700;color:#0c4a6e}.info-icon{position:absolute;top:.75rem;left:.75rem;width:32px;height:32px;border-radius:50%;border:2px solid #0c4a6e;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;color:#0c4a6e}.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:1.25rem;font-weight:600;color:#0c4a6e;display:flex;align-items:center;gap:.5rem}.info-button-small{font-size:.75rem;padding:.25rem .5rem;background:transparent;border:1px solid #9ca3af;border-radius:.5rem;cursor:pointer;color:#6b7280;transition:all .2s}.info-button-small:hover{background:#f3f4f6;border-color:#0c4a6e;color:#0c4a6e}.explanation-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem 0}.explanation-text-title{font-size:1.3rem;font-weight:700;color:#0c4a6e;text-align:center}.explanation-text{color:#374151;line-height:1.6;text-align:center;white-space:pre-line;padding:0 1rem}.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:3px solid #374151;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:2px solid #374151;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:2px solid #374151}.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:2px solid #374151;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:1.1rem}.button-grid{gap:.75rem}.info-button{padding:1.25rem}.sport-icon{font-size:2.5rem}}@media(max-width:400px){.sport-grid,.button-grid{grid-template-columns:1fr}}