:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-bg: #0f172a;--color-card-bg: #1e293b;--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-accent: #38bdf8;--color-accent-hover: #0ea5e9;--color-good: #22c55e;--color-fair: #FFD300;--color-bad: #FF6A00;--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-md: .5rem;--radius-lg: 1rem;--content-width: 600px;--app-padding: 2rem;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-card-bg);border:1px solid #334155;border-radius:10px;box-shadow:0 8px 26px #02061799}*,*:before,*:after{box-sizing:border-box}.app-container{width:100%;max-width:var(--content-width);margin:0 auto;padding:var(--app-padding) var(--app-padding) .75rem;display:flex;flex-direction:column;min-height:100vh}.app-content,.surf-checker-container,.controls-section,.results-section,.condition-card{width:100%;max-width:100%;box-sizing:border-box}.app-content{flex:1;display:flex;flex-direction:column;padding-bottom:.75rem}.surf-checker-container{display:flex;flex-direction:column;gap:.6rem;flex:1}.app-header{text-align:center}.results-section>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.results-section>div:first-child h2{margin:0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:.2rem;position:relative}.site-title{font-size:1.9rem;font-weight:900;background:linear-gradient(to right,#38bdf8,#818cf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.site-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.site-nav .nav-btn{background:transparent;color:var(--color-text-primary);border:1px solid #334155;padding:.35rem .9rem;border-radius:999px;font-weight:700;cursor:pointer;transition:background-color .12s,transform .08s;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:14rem}.favorites-dropdown{position:relative}.header-favorites-anchor{position:absolute;top:12px;right:12px;z-index:1100;display:block}.header-lang-anchor{position:absolute;top:12px;right:64px;z-index:1100;display:none}.nav-fav-btn{background:transparent;border:1px solid #334155;padding:.35rem .6rem;border-radius:999px;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:pointer}.favorites-panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--color-card-bg);border:1px solid #334155;padding:.6rem;border-radius:8px;min-width:220px;box-shadow:var(--shadow-lg);z-index:999}.favorites-header{font-weight:700;margin-bottom:.5rem;color:var(--color-text-primary)}.favorites-empty{color:var(--color-text-secondary);font-size:.95rem;padding:.5rem 0}.favorites-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.favorite-item{display:flex;align-items:center;justify-content:space-between}.favorite-link{background:transparent;border:none;color:var(--color-text-primary);text-align:left;padding:6px;border-radius:6px;cursor:pointer;flex:1}.favorite-link:hover{background:#ffffff05}.favorite-remove{background:transparent;border:none;color:var(--color-text-secondary);padding:6px;cursor:pointer}.favorites-overlay{display:none}.site-top-controls .nav-btn:hover{border-color:var(--color-accent)}.site-top-controls .nav-btn.active{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#071233;border-color:transparent}@media(max-width:520px){.site-top-controls{gap:8px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.site-top-controls::-webkit-scrollbar{display:none}.site-top-controls .nav-btn{padding:.32rem .7rem;font-size:.92rem;min-height:36px;height:36px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;line-height:1;max-width:10.5rem}.site-top-controls .nav-btn.active{padding-left:.7rem;padding-right:.7rem;min-height:36px;height:36px;overflow:hidden}}@media(max-width:900px){.favorites-overlay{display:block;position:fixed;inset:0;background:#0006;z-index:998}.favorites-dropdown{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:1000}.favorites-panel{position:fixed!important;inset:auto 0 0!important;margin:0 auto!important;border-radius:12px 12px 0 0!important;min-width:auto!important;max-height:60vh!important;overflow:auto!important;padding:.75rem!important;box-shadow:0 -10px 30px #020617b3;border:1px solid rgba(255,255,255,.03);pointer-events:auto}.favorites-header{padding:.5rem .25rem;font-size:1.05rem}.favorites-list{padding:.25rem .25rem 1rem}.favorite-item{padding:.35rem .25rem}}@media(max-width:900px){.header-favorites-anchor{display:none!important}.mobile-favorites-anchor{display:block}.header-lang-anchor{display:block!important}}.mobile-favorites-anchor>.favorites-dropdown .nav-btn{display:none!important}@media(max-width:900px){.site-header .favorites-dropdown{display:none!important}}.app-header h1{font-size:2rem;margin-bottom:.4rem;font-weight:700;background:linear-gradient(to right,#38bdf8,#818cf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-lang{position:relative}.mobile-lang .nav-btn{padding:.35rem .6rem;border-radius:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2b3746}.mobile-lang .nav-label{font-size:20px;line-height:1;display:inline-block}.lang-panel{min-width:auto;padding:6px;background:var(--color-card-bg);border:1px solid #334155;border-radius:10px;box-shadow:0 8px 26px #02061799;display:flex;flex-direction:column;align-items:center;width:64px}.lang-panel .nav-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 6px;font-size:20px;background:transparent;border:none;color:var(--color-text-primary);border-radius:10px;margin:6px 0}.lang-panel .nav-btn:hover{background:#ffffff05}@media(max-width:520px){.lang-panel{right:6px;top:calc(100% + 8px)!important}}.lang-select .nav-btn,.mobile-lang .nav-btn{padding:6px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}.lang-select .nav-btn svg,.mobile-lang .nav-btn svg,.lang-panel .nav-btn svg{display:block;width:28px;height:20px}.lang-select .nav-btn:hover,.mobile-lang .nav-btn:hover{background:linear-gradient(90deg,#38bdf814,#818cf80f)}.app-header p{display:inline-block;vertical-align:middle}.controls-section{background:var(--color-card-bg);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;margin-bottom:6px}.controls-section.collapsed{gap:.125rem;padding-bottom:.25rem}.controls-section.collapsed>div{margin-bottom:0}.tabla-calculator .tabla-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;align-items:stretch}.tabla-calculator .tabla-form label{font-weight:600;color:var(--color-text-secondary)}.tabla-calculator .tabla-form .field{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0}.tabla-calculator .tabla-form .field .tabla-input{width:100%;box-sizing:border-box}.tabla-calculator .tabla-form{align-content:start}.tabla-calculator .tabla-input{padding:.75rem .9rem;border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text-primary);border:1px solid #334155}.tabla-calculator .tabla-actions{grid-column:1 / -1;display:flex;flex-direction:column;gap:.75rem}.tabla-calculator .level-section{grid-column:1 / -1;display:flex;flex-direction:column;gap:.5rem}.tabla-calculator .level-section .level-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;align-items:stretch}.tabla-calculator .tabla-actions .evaluate-btn,.tabla-calculator .tabla-actions .toggle-view{padding:.6rem .75rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:100%;border-radius:10px;font-size:1rem}.tabla-calculator .tabla-result{margin-top:.25rem}.tabla-calculator .result-card{--result-card-padding-vertical: 1.125rem;--result-card-padding-horizontal: 1.25rem;display:flex;gap:18px;align-items:center;background:linear-gradient(180deg,#ffffff06,#ffffff03);padding:var(--result-card-padding-vertical) var(--result-card-padding-horizontal);border-radius:14px;border:1px solid rgba(255,255,255,.035);box-shadow:0 14px 40px #020617ad;animation:resultPop .36s cubic-bezier(.2,.9,.25,1) both;border-left:4px solid rgba(56,189,248,.95)}.tabla-calculator .result-card .result-body{display:flex;flex-direction:column;gap:6px;padding-left:.75rem}.tabla-calculator .result-card .result-title{margin:0;font-size:1.08rem;font-weight:900;color:var(--color-text-primary)}.tabla-calculator .result-card .volume{margin:0;font-weight:900;font-size:1.2rem;color:var(--color-text-primary)}.tabla-calculator .result-card .measures{margin:.15rem 0 0;color:var(--color-text-primary);opacity:.95}.tabla-calculator .result-card .measures strong{font-weight:700;margin-right:6px}.tabla-calculator .result-card .desc-text{color:var(--color-text-secondary);margin-top:.5rem;line-height:1.45}.tabla-calculator .result-card .measures{padding-bottom:.45rem;border-bottom:1px solid rgba(255,255,255,.03)}.tabla-calculator .result-card .desc-text{margin-top:.6rem}@media(max-width:520px){.tabla-calculator .result-card{border-left:4px solid rgba(56,189,248,.95);display:flex;flex-direction:row!important;align-items:center!important;gap:12px;padding-top:2.6rem!important;padding-bottom:.75rem!important;margin-top:0!important;width:100%;margin-left:0;border-radius:14px;box-sizing:border-box}.tabla-calculator .result-header{gap:2px}.tabla-calculator .result-badge{transform:translateY(-6px)}.tabla-calculator .result-card .volume{font-size:1.05rem}}@media(max-width:420px){.tabla-calculator .result-badge{transform:translateY(-9px)!important;margin-top:-9px!important}.tabla-calculator .result-header{gap:1px!important}}.playlist-section{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#101826f2,#080e18f2)}.playlist-section .playlist-inner{width:min(var(--content-width),calc(100% - 40px));margin:0 auto;display:flex;flex-direction:column;align-items:center}.playlist-section .playlist-inner{padding-bottom:.75rem}.playlist-inner .section-header{text-align:center}body,html{background-color:var(--color-bg)}.install-prompt-root{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;flex-direction:column;gap:10px;align-items:flex-end}.install-cta{display:flex;gap:8px;align-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:10px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.03);flex-wrap:nowrap}.install-ios{max-width:360px;background:linear-gradient(180deg,#ffffff05,#ffffff03);color:var(--color-text-primary);padding:14px;border-radius:14px;box-shadow:0 14px 40px #020617ad;border:1px solid rgba(255,255,255,.04)}.install-title{display:block;margin-bottom:8px;font-weight:800}.install-list{padding-left:18px;margin:0;color:var(--color-text-secondary)}.install-actions{display:flex;gap:8px;margin-top:12px}.install-btn{font-weight:700;border-radius:10px;padding:8px 12px;min-height:40px;cursor:pointer;border:1px solid transparent;background:transparent;color:var(--color-text-primary)}.install-btn.primary{background:linear-gradient(90deg,var(--color-accent),#818cf8);color:#071233;box-shadow:0 8px 24px #02061780}.install-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--color-text-primary)}.install-btn.text{background:transparent;color:var(--color-text-secondary)}@media(max-width:520px){.install-prompt-root{right:10px;left:10px;bottom:12px;align-items:center}.install-ios{width:100%;max-width:none}.install-cta{width:100%;justify-content:center;flex-wrap:wrap}}.install-mobile-overlay{position:fixed;inset:0;background:#020617eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1400;padding:20px}.install-mobile-card{width:100%;max-width:520px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:16px;padding:18px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.04);color:var(--color-text-primary)}.install-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.install-mobile-header h3{margin:0;font-size:1.1rem}.install-mobile-close{background:transparent;border:0;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer}.install-mobile-body{margin-top:10px;color:var(--color-text-secondary)}.install-mobile-actions{display:flex;gap:10px;margin-top:14px}@media(max-width:420px){.install-mobile-card{padding:14px;border-radius:12px}.install-mobile-header h3{font-size:1rem}}.install-tablet-card{position:fixed;left:50%;transform:translate(-50%);bottom:20px;z-index:1250;width:min(640px,calc(100% - 48px))}.install-tablet-inner{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;padding:14px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.03);color:var(--color-text-primary)}@keyframes slideUpFade{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.install-mobile-card,.install-tablet-inner,.install-ios,.install-cta{animation:slideUpFade .26s cubic-bezier(.2,.9,.25,1)}.install-btn{min-height:44px;padding:10px 14px}.tabla-calculator .result-header{display:flex;flex-direction:column;gap:6px}.result-badge{display:inline-block;background:#38bdf81f;color:var(--color-accent);padding:.25rem .5rem;border-radius:999px;font-weight:700;font-size:.85rem;align-self:flex-start}.result-main{margin-top:6px;display:flex;flex-direction:column;gap:6px}.volume-main{color:var(--color-text-secondary);font-weight:600}.volume-value{color:var(--color-accent);font-weight:900;font-size:1.15rem;margin-left:6px}.measures{color:var(--color-text-primary)}.result-explain{margin-top:8px}.explain-list{margin:6px 0 0 1rem;padding:0;list-style:none}.explain-list li{margin:6px 0;position:relative;padding-left:22px;color:var(--color-text-primary)}.explain-list li:before{content:"✔";position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--color-accent, #38bdf8);font-weight:800;font-size:.95rem;line-height:1}.site-title{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,#38bdf8,#818cf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.result-alternate{margin-top:8px;color:var(--color-text-secondary)}.alt-size,.alt-volume{margin-top:4px;font-weight:700;color:var(--color-text-primary)}.result-avoid{margin-top:8px}.avoid-list{margin:6px 0 0 1rem;padding:0;list-style:none}.avoid-list li{margin:6px 0;position:relative;padding-left:22px;color:var(--color-text-secondary)}.avoid-list li:before{content:"✖";position:absolute;left:0;top:0;color:var(--color-bad);font-weight:800}@keyframes resultPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.tabla-calculator .desc-text{color:var(--color-text-secondary);margin-top:.5rem}.tabla-calculator .location-subtitle{font-size:1.05rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.9rem;border-bottom:none;padding-bottom:0}.tabla-calculator h2{text-align:center;margin-top:0}.tabla-calculator .result-card .icon{width:68px;height:68px;border-radius:10px;background:linear-gradient(135deg,#38bdf81f,#818cf814);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 18px #02061773}.tabla-calculator .result-card .result-body h3{margin:0 0 6px}.tabla-calculator .result-card .volume{font-weight:800;font-size:1.1rem;color:var(--color-text-primary)}@media(max-width:360px){.tabla-calculator .tabla-form,.tabla-calculator .tabla-actions{grid-template-columns:1fr}}.level-selector{display:flex;flex-direction:column;gap:.5rem;text-align:center}.surf-checker-container .controls-section .level-selector{margin-top:1rem}.controls-section .evaluate-btn{margin-top:1.5rem}.level-btn{background:transparent;color:var(--color-text-primary);border:1px solid #334155;padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-weight:700;width:100%;display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;gap:8px}.level-btn.active{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#071233;border-color:transparent;z-index:1}.spotify-nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 .6rem;border-radius:12px;border:1px solid transparent;background:linear-gradient(180deg,#38bdf80f,#818cf808);box-shadow:0 6px 18px #02061759;cursor:pointer;transition:transform .08s,box-shadow .12s,background-color .12s}.spotify-nav-btn .spotify-label{display:inline-block;margin-left:8px;font-weight:900;color:var(--color-text-primary);vertical-align:middle}.spotify-nav-btn svg{display:block}.spotify-nav-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #02061773}.spotify-nav-btn.active{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#071233;box-shadow:0 12px 30px #02061780}.spotify-embed{background:transparent;border-radius:0;overflow:hidden;width:100%}.spotify-embed iframe{width:100%;height:720px!important;border-radius:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block;max-width:calc(var(--content-width) - 40px);margin:0 auto}.spotify-embed{background:transparent;border-radius:12px;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);padding:0 var(--app-padding);box-sizing:border-box}.spotify-embed iframe{width:100%;height:720px!important;border-radius:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;display:block;max-width:var(--content-width);margin:0 auto}.spotify-embed{position:relative}.spotify-embed-skeleton{display:flex;gap:12px;align-items:center;width:100%;max-width:var(--content-width);margin:0 auto;padding:.9rem;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:12px;box-sizing:border-box}.spotify-embed-skeleton .skeleton-art{width:84px;height:84px;border-radius:10px;background:linear-gradient(90deg,#ffffff05,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff05}.spotify-embed-skeleton .skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.spotify-embed-skeleton .skeleton-lines>div{height:12px;background:#ffffff08;border-radius:6px;width:100%}.spotify-embed iframe{transition:opacity .32s ease,height .32s ease}.spotify-embed{margin-bottom:.6rem}.spotify-card{background:linear-gradient(180deg,#1e293be6,#111827e0);border-radius:18px;padding:1rem;color:var(--color-text-primary);box-shadow:0 18px 40px #0206178c;overflow:hidden;width:100%;max-width:640px;margin:0 auto}.spotify-card-head{display:flex;gap:16px;align-items:center;padding:1rem}.spotify-card .art{width:112px;height:112px;flex:0 0 112px;border-radius:12px}.spotify-card .art img{width:112px;height:112px;object-fit:cover;border-radius:12px}.spotify-card .art-fallback{width:112px;height:112px;background:#ffffff08;border-radius:12px}.spotify-card .meta{flex:1}.spotify-card .title{font-weight:900;font-size:1.18rem}.spotify-card .sub{color:var(--color-text-secondary);margin-top:6px;font-size:.95rem}.spotify-card .play-cta{flex:0 0 auto}.spotify-card .open-spot{display:inline-block;padding:.6rem 1rem;border-radius:14px;background:linear-gradient(90deg,#38bdf8,#818cf8);color:#071233;font-weight:900;text-decoration:none}.spotify-card .spotify-card-body{padding:.4rem .8rem 1rem;background:transparent}.spotify-card .track-list{list-style:none;margin:0;padding:0}.spotify-card .track{display:flex;justify-content:space-between;gap:16px;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.02)}.spotify-card .track-left{display:flex;gap:12px;align-items:center}.spotify-card .idx{width:36px;text-align:center;color:var(--color-text-secondary);font-weight:700}.spotify-card .tname{font-weight:700;font-size:1rem}.spotify-card .tartist{color:var(--color-text-secondary);font-size:.95rem}.spotify-card .track-right{color:var(--color-text-secondary);min-width:44px;text-align:right}.spotify-card .muted{color:var(--color-text-secondary);padding:.6rem}.spotify-embed .embed-title{font-weight:800;color:var(--color-text-primary)}.spotify-embed .embed-open{background:linear-gradient(90deg,var(--color-accent),#818cf8);color:#071233;padding:.35rem .6rem;border-radius:8px;font-weight:700;text-decoration:none}.spotify-embed .embed-open:hover{filter:brightness(.95)}.spotify-btn{background:linear-gradient(90deg,#38bdf8,#818cf8);color:#071233;padding:.45rem .7rem;border-radius:10px;border:none;font-weight:800;cursor:pointer}.spotify-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--color-text-primary)}@media(max-width:480px){.level-btn{flex:1}}.install-msg{margin-left:12px;color:var(--color-text-secondary);font-size:.9rem;background:transparent}.install-mobile-card .install-msg{margin-left:0;margin-top:10px}.level-btns{flex-wrap:wrap}.level-btn{min-width:0;white-space:normal;position:relative;z-index:0}@media(max-width:420px){.level-btns .level-btn:nth-child(2){flex:1 1 0%}.level-btn{padding:.4rem .5rem;font-size:.92rem}}@media(max-width:480px){.tabla-calculator+.feedback-footer,.tabla-calculator~.feedback-footer{margin-top:.6rem!important;padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center}.tabla-calculator+.feedback-footer .feedback-btn,.tabla-calculator+.feedback-footer .support-btn{width:100%;display:block;max-width:none}.tabla-calculator{margin-bottom:.25rem}.tabla-calculator .tabla-result{margin-top:.5rem}}.level-btns{display:flex;gap:.5rem;width:100%;margin-top:.5rem;flex-wrap:nowrap;justify-content:flex-start}.level-btns .level-btn{flex:0 1 auto}@media(min-width:421px){.level-btns .level-btn:nth-child(2){flex:1.6 1 0%}}.level-selector .level-btns{display:flex;gap:.5rem;width:100%}.level-selector .level-btns .level-btn{flex:1 1 0%;min-width:0}@media(max-width:420px){.level-selector .level-btns .level-btn{padding:.45rem .5rem;font-size:.95rem}}@media(max-width:480px){.level-btns{gap:.35rem}.level-btns .level-btn:nth-child(2){flex:1.2 1 0%}}.level-selector label,.region-selector label{font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.surf-select{padding:.75rem 2.5rem .75rem 1rem;border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text-primary);border:1px solid #334155;font-size:1rem;outline:none;cursor:pointer;transition:border-color .2s;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}.surf-select:focus{border-color:var(--color-accent)}.evaluate-btn{background-color:var(--color-accent);color:#0f172a;font-weight:700;padding:.75rem;border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:background-color .2s,transform .1s}.evaluate-btn:hover{background-color:var(--color-accent-hover)}.evaluate-btn:active{transform:scale(.98)}.evaluate-btn:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:var(--color-bad);text-align:center;background:#fb923c1a;padding:.75rem;border-radius:var(--radius-md)}.condition-card{background:var(--color-card-bg);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:fadeIn .5s ease-out;border-left:6px solid transparent}.results-section .condition-card{margin-top:.6rem}.skeleton-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.skeleton-card{height:96px;border-radius:8px;background:linear-gradient(90deg,#ffffff05,#ffffff09,#ffffff05);box-shadow:var(--shadow-lg);animation:skeleton-pulse 1.2s infinite ease-in-out}@keyframes skeleton-pulse{0%{opacity:.85}50%{opacity:.55}to{opacity:.85}}.onboarding-overlay{position:fixed;inset:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:9999}.onboarding-modal{background:var(--color-card-bg);padding:1.25rem;border-radius:12px;width:min(560px,92%);color:var(--color-text-primary);box-shadow:var(--shadow-lg)}.onboarding-modal h3{margin-top:0}.onboarding-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btn{background:var(--color-accent);color:#071233;border:none;padding:.5rem .9rem;border-radius:6px;cursor:pointer}.btn-ghost{background:transparent;border:1px solid #334155;color:var(--color-text-primary)}.fav-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:8px;width:36px;height:36px}.fav-btn svg{width:18px;height:18px;display:block}.fav-btn:hover svg{transform:scale(1.03)}.fav-active svg{fill:#ff6b81;stroke:none}.fav-btn:focus-visible{outline:2px solid rgba(56,189,248,.22);outline-offset:2px;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.condition-card.status-good{border-color:var(--color-good)}.condition-card.status-fair{border-color:var(--color-fair)}.condition-card.status-bad{border-color:var(--color-bad)}.condition-card h2{margin:0;font-size:1.8rem;display:flex;align-items:center;gap:.5rem}.location-subtitle,.condition-card .location-subtitle,.tabla-calculator .location-subtitle{color:var(--color-text-secondary);font-size:1.05rem;font-weight:600;margin-top:.25rem}.section-title{margin:0;font-size:2.2rem;font-weight:900;background:linear-gradient(to right,#38bdf8,#818cf8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--color-text-primary);display:block;text-align:center;line-height:1}.playlist-section .location-subtitle{color:var(--color-text-secondary);font-size:1rem;font-weight:400;margin-top:.8rem;text-align:center}.reasons-list h3,.warnings-list h3{font-size:1rem;margin-bottom:.5rem;color:var(--color-text-primary)}.reasons-list ul,.warnings-list ul{list-style:none;padding:0;margin:0 0 1.5rem}.reasons-list li,.warnings-list li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--color-text-secondary)}.reasons-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #334155}.metric-item{display:flex;flex-direction:column;background:#ffffff08;padding:.75rem;border-radius:var(--radius-md);text-align:center}.hour-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-top:1rem}.hour-card{padding:.75rem;border-radius:8px;background:#ffffff05;display:flex;flex-direction:column;gap:.35rem}.hour-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.hour-time{font-size:.9rem;color:var(--color-text-secondary)}.hour-value{font-weight:800;font-size:1.05rem;color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .36rem;border-radius:8px;font-size:.78rem;font-weight:700;line-height:1;text-align:center;white-space:normal;min-width:66px;max-width:92px;min-height:30px}.badge-bad{font-size:.7rem;padding-top:.14rem;padding-bottom:.14rem}.badge-good{background:var(--color-good);color:#071233}.badge-fair{background:var(--color-fair);color:#071233}.badge-bad{background:var(--color-bad);color:#071233}.toggle-view{display:inline-block;margin:.5rem 0 1rem;background:transparent;border:1px solid #334155;color:var(--color-text-primary);padding:.4rem .6rem;border-radius:6px;cursor:pointer}.switch{display:inline-flex;align-items:center;gap:.5rem}.switch input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.switch .slider{width:42px;height:24px;background:#18212b;border-radius:999px;position:relative;border:1px solid #334155;flex:0 0 auto}.switch .slider:after{content:"";position:absolute;left:2px;top:50%;width:20px;height:20px;border-radius:50%;background:var(--color-text-secondary);box-shadow:0 1px 2px #02061799,inset 0 -1px #ffffff05;transform:translateY(-50%);transition:transform .15s ease,background .15s ease}.switch input:checked+.slider{background:linear-gradient(90deg,#34d399,#60a5fa);border-color:transparent}.switch input:checked+.slider:after{transform:translate(18px,-50%);background:var(--color-text-primary);box-shadow:0 2px 6px #08142873}.switch-label{font-size:.9rem;color:var(--color-text-secondary)}.hour-card[data-tooltip]{position:relative}.hour-card[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 10px);background:#020617f5;color:var(--color-text-primary);padding:.45rem .6rem;border-radius:8px;font-size:.85rem;white-space:pre-wrap;max-width:260px;text-align:left;opacity:0;pointer-events:none;transition:opacity .12s ease,bottom .12s ease;z-index:100000}.hour-card[data-tooltip]:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);border-width:6px;border-style:solid;border-color:rgba(2,6,23,.96) transparent transparent transparent;opacity:0;transition:opacity .12s ease,bottom .12s ease;z-index:100000}.hour-card[data-tooltip]:hover:after,.hour-card[data-tooltip]:hover:before{opacity:1;bottom:calc(100% + 8px)}.hour-card[data-tooltip=""]:after,.hour-card[data-tooltip=""]:before{display:none!important}.metric-label{font-size:.75rem;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em}.metric-value{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-top:.25rem}.region-selector{display:flex;flex-direction:column;gap:.5rem;align-items:center}.region-selector .country-toggle,.region-selector .country-toggle .level-btns{width:100%}.region-selector .country-toggle .level-btns .level-btn{flex:1 1 0%}.region-selector .country-toggle .level-btns .level-btn{font-size:.9rem;padding:.45rem .6rem}.feedback-footer{text-align:center;font-size:.9rem;color:var(--color-text-secondary);margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.bottom-nav{display:none}@media(max-width:900px){.app-container{padding-bottom:calc(var(--app-padding) + 72px)}.site-top-controls{display:none!important}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;padding:8px 12px;gap:6px;align-items:center;justify-content:space-around;background:linear-gradient(180deg,#080c14f5,#080c14fa);border-top:1px solid rgba(255,255,255,.03);box-shadow:0 -8px 24px #02061799;z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.feedback-footer{margin-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.bottom-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;color:var(--color-text-secondary);font-weight:700;font-size:.85rem;padding:6px 8px;border-radius:10px;width:64px;height:48px;box-sizing:border-box;cursor:pointer}.bottom-btn svg{display:block;color:var(--color-text-secondary)}.bottom-btn .mobile-lang{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bottom-btn .mobile-lang .nav-btn{width:100%;height:100%;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit}.bottom-btn .mobile-lang .nav-btn{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:6px}.bottom-btn .mobile-lang .nav-label svg{width:28px;height:20px;display:block}.bottom-btn.active{color:#fff;background:linear-gradient(90deg,#38bdf8,#818cf8);box-shadow:0 8px 20px #02061773;transform:translateY(-2px)}.bottom-btn.active svg{color:#fff}}@media(max-width:420px){.bottom-nav{height:60px}.bottom-btn{width:56px;font-size:.78rem}}.bottom-nav .mobile-lang{position:relative}.bottom-nav .mobile-lang .lang-panel{bottom:calc(100% + 10px)!important;top:auto!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;z-index:300!important;transform:none!important;box-shadow:0 8px 26px #020617cc!important}.mobile-favorites-anchor{display:none}@media(max-width:900px){.mobile-favorites-anchor{display:block;position:fixed;top:8px;right:8px;z-index:1001}.mobile-favorites-anchor .nav-fav-btn{display:none}}.feedback-footer p{margin:0 0 .5rem}.feedback-btn{display:inline-block;background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent);padding:.5rem 1rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all .2s;margin:.5rem 0}.feedback-btn:hover{background-color:var(--color-accent);color:#0f172a}.support-btn{display:inline-block;background:linear-gradient(90deg,#ff7a7a,#ffb86b);color:#071233;padding:.6rem 1rem;border-radius:999px;font-weight:700;text-decoration:none;margin-left:.5rem;box-shadow:0 6px 18px #ff78781f;transition:transform .12s ease,box-shadow .12s ease}.support-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #ff787829}@media(max-width:480px){.support-btn{display:block;width:100%;text-align:center;margin-left:0;margin-top:.5rem}.feedback-btn{display:block;width:100%;max-width:420px;text-align:center;box-sizing:border-box}.app-container{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}}@media(max-width:480px){.feedback-footer{margin-top:1rem!important;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));align-items:stretch;padding-top:.8rem;border-top:1px solid rgba(255,255,255,.03)}.feedback-btn,.support-btn{width:100%;max-width:none;display:block}.support-btn{margin-top:.6rem}.spotify-embed{margin-bottom:1.6rem}.app-container{padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}}.support-modal-overlay{position:fixed;inset:0;background:#02061799;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.support-modal{width:100%;max-width:480px;background:var(--color-card-bg);color:var(--color-text-primary);border-radius:12px;box-shadow:var(--shadow-lg);padding:1rem}.support-modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.support-modal-body{margin-top:.5rem;color:var(--color-text-secondary)}.support-modal-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.support-close-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:1.1rem;cursor:pointer}.support-btn[data-tooltip]{position:relative}.support-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#020617f5;color:var(--color-text-primary);padding:.6rem .85rem;border-radius:8px;font-size:.95rem;white-space:pre-wrap;width:auto;max-width:calc(100vw - 40px);line-height:1.2;text-align:center;opacity:0;pointer-events:none;transition:opacity .12s ease,bottom .12s ease,transform .12s ease;z-index:100001;box-shadow:0 8px 24px #02061799}.support-btn[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(2,6,23,.96) transparent transparent transparent;opacity:0;transition:opacity .12s ease,bottom .12s ease;z-index:100001}.support-btn[data-tooltip]:hover:after,.support-btn[data-tooltip]:hover:before{opacity:1;bottom:calc(100% + 8px)}@media(max-width:480px){.support-btn[data-tooltip]:after{display:none}}.energy-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:.75rem;align-items:center}.energy-legend .legend-item{display:inline-flex;align-items:center;gap:8px;padding:.35rem .5rem;border-radius:8px;background:#ffffff05;color:var(--color-text-secondary);font-size:.82rem}.energy-legend .legend-swatch{width:14px;height:14px;border-radius:3px;display:inline-block;box-shadow:0 2px 6px #00000040}.energy-legend .legend-label{font-weight:700;color:var(--color-text-primary)}.email-fallback{font-size:.8rem;color:var(--color-text-secondary);opacity:.8}.email-text{color:var(--color-text-primary);-webkit-user-select:all;user-select:all}.toast-notification{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:var(--color-accent);color:#0f172a;padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;white-space:nowrap;animation:popIn .28s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 6px -1px #0000001a}@keyframes popIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.date-selector-container{display:flex;flex-direction:column;gap:.5rem;text-align:center;margin-top:.5rem;animation:fadeIn .3s ease-out}.date-selector-container label{font-weight:600;font-size:.9rem;color:var(--color-text-secondary)}.date-buttons{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;justify-content:flex-start}.date-buttons::-webkit-scrollbar{height:4px}.date-buttons::-webkit-scrollbar-track{background:transparent}.date-buttons::-webkit-scrollbar-thumb{background-color:#334155;border-radius:4px}.date-btn{background:var(--color-bg);border:1px solid #334155;color:var(--color-text-secondary);padding:.5rem .75rem;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;font-size:.85rem;transition:all .2s;flex:0 0 auto}.date-btn:hover{border-color:var(--color-accent);color:var(--color-text-primary)}.date-btn.active{background:var(--color-accent);color:#0f172a;border-color:var(--color-accent);font-weight:700}@media(max-width:480px){html,body{padding-left:.5rem;padding-right:.5rem}.app-container,.controls-section{padding:.5rem}.condition-card{padding:.75rem}.metrics-grid{grid-template-columns:1fr;gap:.75rem}.metric-item{padding:.6rem}.app-header h1{font-size:1.6rem;font-weight:700}}.nav-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 .6rem;border-radius:12px;border:1px solid transparent;background:linear-gradient(180deg,#38bdf80f,#818cf808);box-shadow:0 6px 18px #02061759;cursor:pointer;transition:transform .08s,box-shadow .12s,background-color .12s}.nav-btn .nav-label{display:inline-block;margin-left:8px;font-weight:900;color:var(--color-text-primary);vertical-align:middle}.nav-btn svg{display:block}.nav-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #02061773}.nav-btn.active{background:linear-gradient(180deg,#38bdf81a,#818cf80d);box-shadow:0 8px 20px #02061766}