.terms-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.terms-container h1{color:#333;margin-bottom:20px;text-align:center}.terms-content{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;max-height:400px;overflow-y:auto;padding:20px}.terms-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.accept-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.accept-button:hover{background-color:#45a049}.decline-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.decline-button:hover{background-color:#d32f2f}.cookies-banner{background-color:#000000d9;bottom:0;box-shadow:0 -2px 10px #0003;color:#fff;left:0;opacity:0;position:fixed;transition:opacity .3s ease;width:100%;z-index:1000}.cookies-content{margin:0 auto;max-width:900px;padding:15px 20px;text-align:center}.cookies-content h3{color:#fff;margin-top:0}.cookies-content p{font-size:14px;line-height:1.5;margin-bottom:15px}.cookies-buttons{display:flex;gap:15px;justify-content:center;margin-top:10px}.cookies-buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 20px;transition:background-color .2s,transform .1s}.cookies-banner.visible{opacity:1}.cookies-buttons button:hover{transform:translateY(-2px)}.cookies-buttons .accept-button{background-color:#4caf50;color:#fff}.cookies-buttons .accept-button:hover{background-color:#45a049}.cookies-buttons .decline-button{background-color:#f44336;color:#fff}.cookies-buttons .decline-button:hover{background-color:#d32f2f}@media (max-width:600px){.cookies-content{padding:10px}.cookies-content p{font-size:12px}.cookies-buttons{flex-direction:column;gap:8px}.cookies-buttons button{width:100%}}:root{--primary-color:#4facfe;--secondary-color:#00f2fe;--accent-color:#036;--success-color:#4caf50;--error-color:#f44336;--warning-color:orange;--danger-color:#ff4b5c;--text-color:#333;--text-light:#666;--text-muted:#999;--border-color:#ccc;--background-light:#f9f9f9;--background-alt:#eef7ff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:20px;--radius-pill:50px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #00000026;--shadow-xl:0 12px 25px #0000004d;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}body{background:linear-gradient(90deg,#4facfe,#00f2fe);font-family:Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden}span{color:#4facfe;cursor:pointer;font-size:18px;font-weight:700;transition:color .3s}.questionnaire-container{background-color:#f9f9f9;background-color:var(--background-light);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 4px 8px #0000001a;box-shadow:var(--shadow-md);margin:20px auto;max-height:90vh;max-width:1200px;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg);width:90%}.panel-layout{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"panel-1 panel-1 panel-1" "panel-2 center panel-4" "panel-3 panel-3 panel-3";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;height:auto;margin:auto;max-height:400px;max-width:400px;position:relative;width:100%}.panel{align-items:center;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:80px;overflow:visible;padding:10px;position:relative;transition:background-color .3s ease;transition:background-color var(--transition-normal)}.panel h2{color:#2d3748;font-size:1rem;margin-bottom:8px;text-align:center}.panel-1{grid-area:panel-1}.panel-1,.panel-2{height:100px;padding-bottom:25px}.panel-2{grid-area:panel-2;width:200px}.panel-3{grid-area:panel-3}.panel-3,.panel-4{height:100px;padding-bottom:25px}.panel-4{grid-area:panel-4;width:200px}.panel button,.toggle-button{border:none;border-radius:5px;box-sizing:border-box;cursor:pointer;display:block;font-size:.8rem;margin:5px auto;max-width:70px;min-height:25px;overflow:hidden;padding:4px 6px;position:relative;text-align:center;text-overflow:ellipsis;transition:background .3s ease;transition:background var(--transition-normal);white-space:nowrap;width:80%;z-index:1}.panel button.on,.toggle-button.on,[class*=ON]{background-color:#ffa726;color:#fff}.panel button.off,.toggle-button.off,[class*=OFF]{background-color:#bdbdbd;color:#333;color:var(--text-color)}.panel button:hover{background-color:#ced4da}.main-switch-container{align-items:center;align-self:flex-start;display:flex;gap:10px;justify-content:flex-start;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);margin-top:15px;width:fit-content}.main-switch-container .toggle-button{border-radius:13px;font-size:.75rem;font-weight:700;height:26px;margin-bottom:30px;width:20px}.switch-label{color:#555;font-size:16px;font-weight:700;margin-bottom:30px}input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#90caf9,#42a5f5);border-radius:5px;height:8px;margin-top:10px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#333;background-color:var(--text-color);border-radius:50%;cursor:pointer;height:16px;width:16px}.options-container,.state-options{display:flex;justify-content:space-between;margin:-15px 0 10px;position:relative}.option-item{color:#666;color:var(--text-light);cursor:pointer;flex:0 1;font-size:.85rem;margin-right:10px;padding:5px 10px;text-align:center}
/*# sourceMappingURL=main.8d6734fa.css.map*/