:root{--sky-top:#eaf3fc;--sky-mid:#e3edf9;--sky-bottom:#dbe7f5;--surface:#ffffffd1;--surface-solid:#fff;--surface-soft:#f4f8fc;--ink:#172333;--ink-soft:#48586b;--muted:#839099;--line:#17233317;--line-strong:#17233329;--cold:#2f7de0;--hot:#e8622c;--humid:#16938a;--signal:#7c5cff;--warn:#d97706;--good:#1f9d55;--shadow-sm:0 1px 2px #1723330f;--shadow-md:0 10px 30px -12px #172b472e;--shadow-lg:0 24px 48px -20px #172b4747;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--font-display:"Space Grotesk","Inter",sans-serif;--font-mono:"IBM Plex Mono","Roboto Mono",monospace;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}.dark .chart-container,.dark .chart-container text{fill:#172333;fill:var(--ink);color:#172333;color:var(--ink)}.dark .chart-container .recharts-text{fill:#172333!important;fill:var(--ink)!important}.dark .chart-container .recharts-cartesian-axis-tick-value{fill:#48586b!important;fill:var(--ink-soft)!important}.dark .chart-container .recharts-legend-item-text,.dark .chart-container .recharts-tooltip-item,.dark .chart-container .recharts-tooltip-label{color:#172333!important;color:var(--ink)!important}.dark{--sky-top:#08111f;--sky-mid:#101827;--sky-bottom:#172235;--surface:#121c2bd9;--surface-solid:#121c2b;--surface-soft:#1e293b;--ink:#fff;--ink-soft:#b7c4d6;--muted:#8493a7;--line:#ffffff1a;--line-strong:#ffffff2e;--shadow-sm:0 1px 2px #00000073;--shadow-md:0 10px 30px -12px #000000a6;--shadow-lg:0 24px 48px -20px #000c}*,:after,:before{box-sizing:border-box}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#172333;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);height:100%;margin:0;overflow-x:hidden;padding:0;transition:background .4s ease,color .4s ease;width:100%}.background{background-attachment:fixed;background-image:radial-gradient(circle at 1px 1px,#17233312 1px,#0000 0),linear-gradient(160deg,#eaf3fc,#e3edf9 45%,#dbe7f5);background-image:radial-gradient(circle at 1px 1px,#17233312 1px,#0000 0),linear-gradient(160deg,var(--sky-top) 0,var(--sky-mid) 45%,var(--sky-bottom) 100%);background-repeat:repeat,no-repeat;background-size:26px 26px,100% 100%;min-height:100vh;position:relative;width:100%}.background:before{background:radial-gradient(ellipse 900px 500px at 12% -5%,#e8622c1a,#0000 60%),radial-gradient(ellipse 900px 600px at 100% 10%,#2f7de01f,#0000 55%);content:"";inset:0;opacity:1;pointer-events:none;position:fixed;z-index:0}.dark .background:before{opacity:.35}.App{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;min-height:100vh;padding:12px 28px 56px;position:relative;width:100%;z-index:1}.header-title-container{animation:rise .5s ease both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fff;background:var(--surface-solid);border:1px solid #17233317;border:1px solid var(--line);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 10px 30px -12px #172b472e;box-shadow:var(--shadow-md);margin-bottom:7px;max-width:100%;padding:26px 32px 22px;text-align:left;width:100%}.header-eyebrow{align-items:center;color:#1f9d55;color:var(--good);display:inline-flex;font-family:IBM Plex Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:1.5rem;font-weight:500;gap:8px;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.live-dot{animation:pulse 2.2s infinite;background:#1f9d55;background:var(--good);border-radius:50%;box-shadow:0 0 0 0 #1f9d5599;height:8px;width:8px}.header-title{color:#172333;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:clamp(1.6rem,2.4vw + 1rem,2.5rem);font-weight:700;letter-spacing:-.01em;margin:0}.header-title-accent{color:#839099;color:var(--muted);font-weight:500}.header-subtitle{color:#48586b;color:var(--ink-soft);font-size:1rem;margin:8px 0 0;max-width:60ch}.spectrum-bar{animation:spectrumMove 6s linear infinite;background:linear-gradient(90deg,#2f7de0,#16938a,#d97706,#e8622c,#7c5cff,#2f7de0);background:linear-gradient(90deg,var(--cold),var(--humid),var(--warn),var(--hot),var(--signal),var(--cold));background-size:300% 100%;border-radius:4px;height:4px;margin-top:18px;opacity:.85;width:100%}@keyframes spectrumMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.temperature-panel{margin-top:0;max-width:100%;padding:0;width:100%}.display-text{grid-gap:16px;box-sizing:border-box;display:grid;font-size:1rem;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-width:100%;padding-bottom:6px;width:100%}.panel-container{align-items:flex-start;animation:rise .55s ease both;background:#fff;background:var(--surface-solid);border:1px solid #17233317;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 1px 2px #1723330f;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:2px;height:auto;justify-content:center;margin:0;min-height:128px;overflow:hidden;padding:8px;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:100%}.panel-container:hover{border-color:#17233329;border-color:var(--line-strong);box-shadow:0 10px 30px -12px #172b472e;box-shadow:var(--shadow-md);transform:translateY(-3px)}.panel-container:before{background:#839099;background:var(--muted);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.panel-accent-hot:before{background:linear-gradient(180deg,#e8622c,#d97706);background:linear-gradient(180deg,var(--hot),var(--warn))}.panel-accent-humid:before{background:#16938a;background:var(--humid)}.panel-accent-signal:before{background:#7c5cff;background:var(--signal)}.panel-accent-neutral:before{background:#2f7de0;background:var(--cold)}.panel-icon{align-items:center;background:#f8f7f70f;border-radius:9px;color:#48586b;color:var(--ink-soft);display:inline-flex;height:32px;justify-content:center;margin-bottom:8px;width:32px}.panel-accent-hot .panel-icon{color:#e8622c;color:var(--hot)}.panel-accent-humid .panel-icon{color:#16938a;color:var(--humid)}.panel-accent-signal .panel-icon{color:#7c5cff;color:var(--signal)}.panel-accent-neutral .panel-icon{color:#2f7de0;color:var(--cold)}.dark .panel-accent-hot .panel-icon,.dark .panel-accent-humid .panel-icon,.dark .panel-accent-neutral .panel-icon,.dark .panel-accent-signal .panel-icon{background:#fff;background:var(--surface-solid)}.panel-icon svg{height:36px;width:36px}.panel-container strong{color:#839099;color:var(--muted);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.06em;margin-top:18px;text-align:center;text-transform:uppercase;width:100%}.panel-container span{color:#172333;color:var(--ink);display:block;font-family:IBM Plex Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:2.4rem;font-style:normal;font-weight:600;line-height:1.25;margin-bottom:0;text-align:center;width:100%}.font-smooth{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.temperature-panel-container{background:#fff;background:var(--surface-solid);border-radius:14px;border-radius:var(--radius-md);box-shadow:0 1px 2px #1723330f;box-shadow:var(--shadow-sm);box-sizing:border-box;margin-top:80px;padding:10px;text-align:center;width:50%}.tooltip-custom{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:12px;text-align:center}.font-size-1{color:#000!important;font-size:.66rem;margin-top:4px;overflow-wrap:anywhere;text-align:center;width:100%;word-break:break-word}.dark .font-size-1{color:#fff!important}.chart-container-humid{height:200%;margin-bottom:0;width:98.5%}.temp-hot{color:#e8622c;color:var(--hot)}.temp-cold{color:#2f7de0;color:var(--cold)}.humidity-low{color:#d97706;color:var(--warn)}.humidity-high{color:#1f9d55;color:var(--good)}.graph-container{box-sizing:border-box;display:flex;gap:16px;height:auto;justify-content:space-between;max-width:100%;width:100%}.espacamento-entre-charts{height:6px;width:100%}.chart-container{animation:rise .6s ease both;background:#fff;background:var(--surface-solid);border:1px solid #17233317;border:1px solid var(--line);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #1723330f;box-shadow:var(--shadow-sm);box-sizing:border-box;flex:1 1;height:auto;margin:0;padding:18px 14px 10px;position:relative;text-align:center;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.chart-container:hover{border-color:#17233329;border-color:var(--line-strong);box-shadow:0 10px 30px -12px #172b472e;box-shadow:var(--shadow-md)}.chart-label{border-bottom:1px solid #17233317;border-bottom:1px solid var(--line);color:#48586b;color:var(--ink-soft);flex:0 0 auto;font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:.86rem;font-weight:600;margin-bottom:8px;padding-bottom:10px;text-align:left}.rssi-wrapper{flex-direction:column;gap:8px;justify-content:space-between;margin-top:2px;width:100%}.rssi-value,.rssi-wrapper{align-items:center;display:flex}.rssi-value{font-family:IBM Plex Mono,Roboto Mono,monospace;font-family:var(--font-mono);gap:4px;justify-content:center}.rssi-number{color:#172333;color:var(--ink);font-size:1.4rem;font-weight:600}.rssi-unit{color:#839099;color:var(--muted);font-size:12px}.rssi-dot{border-radius:50%;flex:0 0 18px;height:18px;width:18px}.rssi-text{color:#172333;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:12px!important;font-weight:500!important}.rssi-status .rssi-text{display:inline-block!important;width:auto!important}.rssi-status{align-items:center;display:flex;gap:16px;justify-content:center}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #1f9d558c}70%{box-shadow:0 0 0 7px #1f9d5500}to{box-shadow:0 0 0 0 #1f9d5500}}@media (prefers-reduced-motion:reduce){.chart-container,.header-title-container,.live-dot,.panel-container{animation:none!important;transition:none!important}}@media (max-width:768px){.App{padding:20px 16px 40px}.header-title-container{padding:20px 20px 18px}.graph-container{flex-direction:column;height:auto}.chart-container,.temperature-panel-container{height:260px;margin:0;width:100%}.RealTimeText{margin-bottom:0;margin-top:10px;padding-bottom:5px}.RealTimeGraph{margin-top:0;padding-top:5px}.display-text{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.panel-container span{font-size:1.4rem}}@media (orientation:portrait){.temperature-panel-container{display:inline-table}.display-text{font-size:clamp(.85rem,1vw + .3rem,.9rem)}}@media (orientation:landscape){.temperature-panel-container{display:block}}@media (max-width:600px){.temperature-info{font-size:.7rem;text-align:center;white-space:normal}}@media (min-width:601px){.temperature-info{font-size:15px;text-align:center;white-space:normal}}.panel-container .datetime-date{font-size:2.1rem!important;white-space:nowrap!important}@media (max-width:768px) and (orientation:portrait){.panel-container .datetime-date{font-size:1.5rem!important}}.historical-graph .apexcharts-legend{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;gap:14px;justify-content:center!important;width:100%!important}.historical-graph .apexcharts-legend-group{align-items:center!important;display:flex!important;flex-direction:row!important;gap:14px}.historical-graph .apexcharts-legend-series{align-items:center!important;display:flex!important;white-space:nowrap!important}.historical-graph .apexcharts-legend-text{color:#000!important}.dark .historical-graph .apexcharts-legend-text{color:#fff!important}.full-graph .apexcharts-legend-text,.realtime-graph .apexcharts-legend-text,.temp-humidity-graph .apexcharts-legend-text{color:#000!important}.dark .full-graph .apexcharts-legend-text,.dark .realtime-graph .apexcharts-legend-text,.dark .temp-humidity-graph .apexcharts-legend-text{color:#fff!important}