:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light dark;color:#ffffffde;background-color:#242424}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden}img,iframe{max-width:100%;height:auto;display:block}html,body{height:100%;margin:0;padding:0;background-color:#2b2b2b;font-family:Courier,monospace;overflow-x:hidden}h1{font-size:2.7em;margin-bottom:1rem;line-height:1.1}h2{margin:0}.button-primary{padding:5px 25px;margin:4px auto;font-size:.9rem;font-family:Courier New,Consolas,monospace;font-weight:500;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:background-color .3s ease;min-width:100px;display:block}button:hover,.unit-toggle:hover,.button-primary:hover{background-color:#0056b3;border-color:#646cff}button:focus,.button-primary:focus,.button-primary:focus-visible,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a{color:#646cff;text-decoration:none;font-weight:500}a:hover{color:#535bf2}.container{width:100%;max-width:560px;padding:1rem;margin:1rem auto;background:#fff;color:#333;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center}.weather-info,.city-search,.suggestion{flex:1;display:flex;flex-direction:column;align-items:center;margin-bottom:.4rem;padding:.7rem;color:#000}.weather-info,.city-search{background-color:#e0e7ff;border-radius:10px;box-shadow:0 4px 10px #0000001a}.suggestion{margin:.4rem 0;padding:0rem 1rem;box-sizing:border-box;max-width:100%}.city-search input{width:80%;padding:10px;font-size:16px;font-family:Courier,monospace;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin-top:.4rem}.forecast-container{width:min(92vw,900px);display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.9rem;margin:0 auto 1.25rem}.flip-card{width:clamp(140px,26vw,200px);height:clamp(180px,32vw,240px);perspective:1000px;-webkit-perspective:1000px;border:none;background:transparent;border-radius:10px;box-shadow:0 4px 10px #00000026;overflow:hidden;cursor:pointer;display:block}.flip-inner{position:relative;width:100%;height:100%;transition:transform .6s ease;transform:translateZ(0) rotateY(0);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flipped .flip-inner{transform:translateZ(0) rotateY(180deg)}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem;background:#e0e7ff;color:#000;border-radius:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.flip-front{transform:rotateY(0) translateZ(0)}.flip-back{transform:rotateY(180deg) translateZ(0)}.date{font-weight:700;margin-bottom:10px}.spotify-preview{display:block;width:100%;max-width:100%;height:80px;border:0;margin-bottom:1rem}.app-wrapper{display:grid;grid-template-columns:1fr;gap:1rem;justify-items:center;align-items:start;padding:1rem;box-sizing:border-box;width:100%;overflow:visible}@media (min-width: 900px){.app-wrapper{grid-template-columns:min(560px,48vw) 1fr;align-items:start}}@media (max-width: 480px){.app-wrapper{flex-direction:column;align-items:center;padding:1rem;gap:1rem}.forecast-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.flip-card{height:clamp(210px,42vw,260px)}.container{max-width:100%;margin:.75rem auto;padding:1rem}.city-search input,.city-search button{width:90%;font-size:14px;padding:8px}.weather-info img{width:60px;height:60px}h1{font-size:1.8em}.lotto-wrapper{text-align:center;padding:2rem}.lotto-card-container{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.lotto-card{width:80px;height:80px;perspective:1000px}.lotto-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.lotto-card.flipped .lotto-inner{transform:rotateY(180deg)}.lotto-front,.lotto-back{position:absolute;width:100%;height:100%;border-radius:10px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.lotto-front{background:#ccc}.lotto-back{background:#4caf50;color:#fff;transform:rotateY(180deg)}}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.brand{font-weight:800;text-decoration:none;color:#111827;letter-spacing:.2px}.nav-links{display:flex;flex-wrap:wrap;gap:.5rem}.nav-link{text-decoration:none;padding:.45rem .8rem;border-radius:999px;color:#334155;transition:background .2s ease;background:transparent}.nav-link:hover{background:#f1f5f9}.nav-link.active{color:#0c4a6e;background:#e0f2fe;font-weight:700}@media (max-width: 480px){.spotify-preview{height:70px}}@media (max-width: 520px){.site-nav{flex-direction:column;align-items:stretch}.nav-links{justify-content:center}}.page{padding:1rem}.card{background:#fff;color:#111827;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014;padding:1rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.col-12{grid-column:span 12}.col-6{grid-column:span 6}@media (max-width: 900px){.col-6{grid-column:span 12}}.flip-front,.flip-back{padding:.65rem .8rem;gap:.35rem;line-height:1.28;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.flip-front p,.flip-back p,.flip-front .date,.flip-back .date{margin:.18rem 0;font-size:clamp(.85rem,2.2vw,1rem);text-align:center}.flip-back img{max-width:72px;height:auto}@media (max-width: 420px){.flip-card{height:280px}}.embed-wrap{width:100%;max-width:100%;overflow:hidden;border-radius:12px}