a{color:#79d6e6;margin-bottom:40px;font-size:1.1rem;font-weight:700;text-decoration:none}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}body{box-sizing:border-box;background:#dff6df;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;margin:0;padding-top:100px;padding-left:clamp(40px,10%,250px);padding-right:clamp(40px,10%,250px);font-family:Segoe UI,sans-serif;display:flex;position:relative}body,h1,.controls,input,select,button,.card,.price,.shop,.selected,.dropdown,.option,a{transition:background-color .4s,color .4s,box-shadow .4s,transform .3s}body:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#aff1d6,#81e8d9);width:clamp(40px,10%,250px);height:100vh;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#aff1d6,#81e8d9);width:clamp(40px,10%,250px);height:100vh;position:fixed;top:0;right:0}body:before,body:after{transition:background .4s,color .4s,box-shadow .4s,transform .3s}body.dark{background:#1c2521}body.dark h1,body.dark a{color:#79d6e6}body.dark button{color:#79d6e6;background:#1b2a25;border:1px solid #79d6e6}body.dark button:hover{box-shadow:0 0 10px #79d6e666}body.dark .card{color:#dff6df;background:#121816}body.dark .dropdown{background:#1a1f1c}body.dark input,body.dark select,body.dark .selected{color:#dff6df;background:#121816;border:1px solid #79d6e6}body.dark .option:hover{background:#2a3a33}body.dark .price{color:#7de3b1}body.dark .shop{color:#81e8d9}body.dark .status-text{color:#7de3b1}body.dark .tag{color:#0b0f0d;background:#79d6e6;box-shadow:0 0 12px #79d6e6}body.dark:before,body.dark:after{opacity:.5}body.dark .theme-btn img{transform:rotate(180deg)}button{color:#dff6df;background:#79d6e6;border:1px solid #79d6e6}button:hover{cursor:pointer;background:#81e8d9}.card{text-align:center;color:#79d6e6;background:#b6fbd3;border-radius:20px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000014}.card:hover{transform:translateY(-6px)scale(1.03);box-shadow:0 12px 30px #00000026}.controls{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:40px;display:flex}.custom-select{min-width:240px;position:relative}.dropdown{z-index:10;background:#aff1d6;border-radius:12px;position:absolute;top:110%;left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.dropdown.hidden{display:none}.grid{grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:25px;width:100%;max-width:1200px;min-height:300px;padding:0 25px 50px;display:grid}.grid .status-text{place-self:center}h1{text-align:center;color:#79d6e6;margin:20px 0 15px;font-size:3.1rem}input,select,button{color:#79d6e6;background:#aff1d6;border:1px;border-radius:10px;padding:13px 18px;font-size:1.1rem;transition:all .2s;box-shadow:0 2px 5px #0000001a}input:focus{border-color:#79d6e6;outline:none}input,select,.selected{border:1px solid #0000}.loading{animation:1.5s infinite pulse}.option{cursor:pointer;color:#79d6e6;align-items:center;gap:12px;padding:13px;font-size:1.05rem;display:flex}.option img{width:24px;min-width:24px;height:24px}.option:hover{color:#79d6e6;background:#81e8d9}.price{color:#79d6e6;margin:14px 0;font-size:1.8rem;font-weight:700}.selected{cursor:pointer;color:#79d6e6;background:#aff1d6;border-radius:10px;align-items:center;gap:12px;padding:13px 18px;font-size:1.1rem;display:flex;box-shadow:0 2px 5px #0000001a}.selected img{object-fit:contain;width:24px;height:24px}.shop{color:#81e8d9;font-size:1.05rem}.status-text{color:#79d6e6;text-align:center;grid-column:1/-1;justify-content:center;align-items:center;width:100%;padding:80px 20px;font-size:1.5rem;display:flex}.tag{color:#dff6df;background:#79d6e6;border-radius:20px;padding:6px 12px;font-size:.9rem;position:absolute;top:14px;right:14px}.theme-btn{cursor:pointer;z-index:9999;background:0 0;border:none;position:fixed;top:20px;right:270px}.theme-btn img{width:20px;height:20px;transition:transform .4s}@media (width<=768px){body{padding-top:80px;padding-left:0;padding-right:0}h1{padding:0 10px;font-size:2rem}body:before,body:after{display:none}.theme-btn{top:15px;right:15px}.controls{flex-direction:column;align-items:stretch;gap:10px;padding:0 10px}input,button,.selected{width:100%;font-size:1rem}.custom-select,.dropdown{width:100%}.grid{grid-template-columns:1fr;padding:0 10px 40px}.card{padding:15px}.price{font-size:1.5rem}.status-text{padding:40px 10px;font-size:1.2rem}}@media (width>=600px) and (width<=1024px){.grid{grid-template-columns:repeat(2,1fr)}}