:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:1200px;margin:0 auto;padding:20px}.app-header{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:10px}.app-header h1{margin-bottom:15px}.app-header nav ul{display:flex;list-style-type:none;padding:0;margin:0}.app-header nav li{margin-right:20px}.app-header nav a{text-decoration:none;font-weight:500;color:#06c;padding:5px 0}.app-header nav a:hover{color:#004080;border-bottom:2px solid #004080}.app-content{min-height:70vh}.app-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0;color:#666;font-size:.9rem}.page-container{position:relative}.page-container h1{margin-bottom:20px}.content-with-ad{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.main-content{flex:1;min-width:300px}.ad-container{width:300px}.wide-ad{margin:20px 0;display:flex;justify-content:center}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin:20px 0}.product-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;text-align:center}.product-image{height:120px;background-color:#f5f5f5;margin-bottom:10px;border-radius:4px}.product-item h3{margin:10px 0;font-size:1.1rem}.product-item button{background-color:#06c;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;margin-top:10px}.product-item button:hover{background-color:#004080}.product-ad{grid-column:span 2;display:flex;justify-content:center;align-items:center}.product-sidebar{border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-top:20px}.product-sidebar h3{margin-top:0}.product-sidebar ul{padding-left:20px}.sidebar-ad{margin-top:20px}.about-section{margin:20px 0}.about-section ul{padding-left:20px}.note-section{background-color:#f8f8f8;border-left:4px solid #0066cc;padding:15px;margin:20px 0}@media (max-width: 768px){.content-with-ad{flex-direction:column}.ad-container{width:100%;display:flex;justify-content:center}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-ad{grid-column:span 1}}pre{background-color:#f5f5f5;border-radius:4px;padding:15px;overflow-x:auto;font-size:.9rem}.ad-container,.wide-ad,.sidebar-ad,.product-ad{position:relative;transition:all .3s ease}.monetumo-ad-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000000d;display:flex;align-items:center;justify-content:center;font-size:12px;color:#666;pointer-events:none}.ad-loaded{border:2px solid #4CAF50}.ad-loaded:after{content:"✓ Ad Loaded";position:absolute;top:-22px;right:0;background-color:#4caf50;color:#fff;padding:2px 8px;font-size:10px;border-radius:3px}.ad-error{border:2px solid #F44336}.ad-error:after{content:"⚠ Ad Error";position:absolute;top:-22px;right:0;background-color:#f44336;color:#fff;padding:2px 8px;font-size:10px;border-radius:3px}.ad-consent-required{border:2px solid #FFA500}.ad-consent-required:after{content:"⚠ Consent Required";position:absolute;top:-22px;right:0;background-color:orange;color:#fff;padding:2px 8px;font-size:10px;border-radius:3px}.ad-consent-granted{border:2px solid #4CAF50}.ad-consent-granted:after{content:"✓ Consent Granted";position:absolute;top:-22px;right:0;background-color:#4caf50;color:#fff;padding:2px 8px;font-size:10px;border-radius:3px}.ad-refresh-btn{position:absolute;top:-22px;right:80px;background-color:#2196f3;color:#fff;border:none;padding:2px 8px;font-size:10px;border-radius:3px;cursor:pointer}.ad-refresh-btn:hover{background-color:#0b7dda}.monetumo-ad-container{width:100%;text-align:center;margin:0 auto;position:relative;overflow:hidden}.monetumo-ad-label{display:block;font-size:10px;line-height:1.2;letter-spacing:.5px;text-transform:uppercase;color:#777;text-align:center;padding:4px 0}.monetumo-ad-slot{min-height:50px;background-color:#00000006;position:relative;z-index:1;margin:0 auto;display:flex;align-items:center;justify-content:center}.monetumo-ad-slot:empty:after{content:"Advertisement loading...";font-size:12px;color:#999;text-align:center;padding:10px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.monetumo-ad-placeholder{display:flex;align-items:center;justify-content:center;background-color:#0000000d;color:#777;font-size:14px;font-style:italic;text-align:center;min-height:90px;width:100%}.monetumo-ad-loading{color:#6c757d;font-size:14px;padding:20px}.monetumo-ad-error{color:#dc3545;font-size:14px;padding:20px}@media (min-width: 992px){.monetumo-ad-container[data-sizes-lg] .monetumo-ad{min-height:90px}}.sticky-footer-ad{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:10000;background:#ffffff4d;border-top:1px solid #e0e0e0;box-shadow:0 -2px 10px #0000001a;text-align:center;transition:transform .3s ease-in-out;padding:0}.sticky-footer-ad.hidden{transform:translateY(100%)}.sticky-footer-ad-inner{position:relative;max-width:970px;margin:0 auto;padding:0;background:#fff;border-radius:4px}.sticky-footer-ad-close{position:absolute;top:2px;right:10px;background:transparent;border:none;font-size:18px;font-weight:700;color:#666;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10001}.sticky-footer-ad-close:hover{color:#000;transform:scale(1.1)}.sticky-footer-ad-close:active{transform:scale(.95)}.sticky-footer-ad .monetumo-ad-container{margin:0;min-height:90px}.sticky-footer-ad .monetumo-ad-label{font-size:9px;color:#999;margin-bottom:2px}@media (max-width: 767px){.sticky-footer-ad{padding:3px}.sticky-footer-ad-inner{padding:24px 0 0;margin-top:20px}.sticky-footer-ad .monetumo-ad-container{min-height:60px}.sticky-footer-ad-close{top:2px;right:10px;width:22px;height:22px;font-size:14px}}@media (min-width: 768px){.sticky-footer-ad .monetumo-ad-container{min-height:90px}}@media (min-width: 970px){.sticky-footer-ad .monetumo-ad-container{min-height:90px}}body.sticky-footer-ad-active{margin-bottom:0;padding-bottom:0}.sticky-footer-ad-enter{transform:translateY(100%)}.sticky-footer-ad-enter-active{transform:translateY(0);transition:transform .3s ease-out}.sticky-footer-ad-exit{transform:translateY(0)}.sticky-footer-ad-exit-active{transform:translateY(100%);transition:transform .3s ease-in}
