body{background:#000;color:#fff;font-family:Source Sans Pro,sans-serif;margin:0;padding:0;position:relative}.background{background:url(/static/media/PURPLE.f1dd4dd4ef4d410c7249.jpg) no-repeat 50%/cover;z-index:-2}.background,.overlay{height:100%;left:0;position:fixed;top:0;width:100%}.overlay{background:#00000080;pointer-events:none;z-index:-1}.header{align-items:center;background:#000;box-sizing:border-box;display:flex;height:120px;justify-content:space-between;padding:10px 30px;position:relative}.nav-links{display:flex;font-size:26px;gap:30px;position:absolute;right:30px}.nav-link{color:#fff;cursor:pointer;transition:transform .2s ease,color .2s ease}.nav-link:hover{color:#8a2be2;transform:translateY(-3px)}.nav-link svg{vertical-align:middle}.logo-row{align-items:center;display:flex}.logo-row img{height:90px;margin-right:20px;object-fit:contain}.header img{height:60px;margin-right:10px}.manual{background:purple;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;text-decoration:none}.manual-content{background-color:#f9f5ec;border-radius:12px;box-shadow:0 4px 20px #0000000d;color:#111;margin:auto;max-width:900px;padding:2rem}.title{font-size:36px;font-weight:700;margin-top:80px}.subtitle,.title{text-align:center}.subtitle{font-size:18px;font-weight:400;margin-bottom:50px}.input-container{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;text-align:center}.input-box{background:#fff;border-radius:8px;color:#000;display:inline-block;margin:10px;padding:15px;width:50%}.input-box input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-left:10px;padding:6px}.input-box input:focus{border-color:#333;box-shadow:0 0 5px #0000004d;outline:none}.predict-button{background:purple;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:18px;margin:20px auto;min-width:190px;padding:10px 20px}.predict-button:hover{background:#707}.analytics-title,.predictions{background:#000;font-size:22px;font-weight:700;margin-top:80px;padding:30px 0;text-align:center}.cookie-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));justify-content:center;margin:0 auto;max-width:1200px;padding:20px}.cookie-box{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 8px #00000026;color:#333;display:flex;flex-direction:row;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.cookie-box:hover{box-shadow:0 8px 16px #0003;transform:translateY(-3px)}.cookie-box img{border-radius:8px;height:120px;margin-right:15px;object-fit:contain;width:120px}.cookie-info{text-align:left}.cookie-info .cookie-name{font-size:22px;font-weight:700;margin-bottom:8px}.cookie-info .interval,.cookie-info .predicted{color:#555;font-size:20px;margin:4px 0}.analysis-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:50px}.analysis-box{background:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;color:#000;padding:20px}.analysis-box h4{font-size:18px;font-weight:700;margin-bottom:20px;margin-top:0}.spinner{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#6c2eb7;height:60px;margin:40px auto;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-dropdown{display:inline-block;position:relative}.custom-dropdown input{background:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;font-size:16px;margin-left:10px;padding:6px 25px 6px 6px;width:calc(100% - 10px)}.custom-dropdown input:focus{border-color:#333;box-shadow:0 0 5px #0000004d;outline:none}.dropdown-arrow{color:#666;cursor:pointer;font-size:12px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .3s ease;z-index:1}.dropdown-arrow.rotated{transform:translateY(-50%) rotate(180deg)}.dropdown-options{background:#fff;border:1px solid #ccc;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;left:10px;margin-top:0;max-height:200px;overflow:hidden;position:absolute;top:100%;width:calc(100% - 10px);z-index:1000}.dropdown-options-container{box-sizing:border-box;max-height:200px;overflow-y:auto;scrollbar-color:purple #f1f1f1;scrollbar-width:thin;width:100%}.dropdown-options-container::-webkit-scrollbar{width:8px}.dropdown-options-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dropdown-options-container::-webkit-scrollbar-thumb{background:purple;border-radius:4px}.dropdown-options-container::-webkit-scrollbar-thumb:hover{background:#707}.dropdown-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;padding:10px;transition:background-color .2s ease}.dropdown-option:hover{background-color:#f8f8f8}.dropdown-option:last-child{border-bottom:none}.dropdown-option.no-results{color:#999;cursor:default;font-style:italic}.dropdown-option.no-results:hover{background-color:#fff}
/*# sourceMappingURL=main.5952ef6b.css.map*/