.chat-commands{color:#dceae3;background:#14191a;border:1px solid #303b36;border-radius:14px;padding:22px;margin:24px 0;font-size:14px;line-height:1.6}.chat-commands p{margin:8px 0 14px}.chat-commands dl{margin:14px 0}.chat-commands dl>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:8px 0;border-bottom:1px solid #303b36}.chat-commands dd{margin:0}.chat-commands code{color:#a0edcf;font-size:13px}.chat-commands small{display:block;color:#a1b1ab;font-size:12px}.chat-commands a{color:#a0edcf;margin:0}.chat-sounds{display:flex;flex-wrap:wrap;gap:8px 20px}.chat-commands-compact{margin:18px 0;padding:12px}.chat-commands-compact summary{cursor:pointer;font-weight:700}.chat-commands-compact dl>div{grid-template-columns:1fr;gap:2px}@media (max-width:600px){.chat-commands dl>div{grid-template-columns:1fr;gap:2px}}.public-chat-help{position:fixed;top:24px;right:90px;z-index:25;max-width:min(470px,calc(100vw - 110px))}.public-chat-help .chat-commands{margin:0;background:#0f1613f0}.public-chat-help details[open]{max-height:75vh;overflow:auto}@media (max-width:600px){.public-chat-help{top:76px;right:16px;max-width:calc(100vw - 32px)}}.monitor-shell{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:38px clamp(20px,4vw,64px) 48px;background:radial-gradient(circle at 8% 0%,rgba(47,137,119,.16),transparent 30%),radial-gradient(circle at 95% 12%,rgba(45,94,150,.14),transparent 32%),#0a0c0d;color:#f4f6f5;user-select:text;-webkit-user-select:text}.monitor-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.monitor-centered button{padding:11px 16px;border:0;border-radius:9px;background:#d9fff3;color:#10251f;font-weight:750;cursor:pointer}.monitor-loader{width:30px;height:30px;border:3px solid rgba(255,255,255,.15);border-top-color:#84e8ca;border-radius:50%;animation:monitorSpin .8s linear infinite}.monitor-header{width:min(1440px,100%);margin:0 auto 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.monitor-brand,.panel-eyebrow{display:block;margin-bottom:8px;color:#82d8be;font-size:.69rem;font-weight:750;letter-spacing:.18em}.monitor-header h1{margin:0;font-size:clamp(2rem,4vw,3.75rem);font-weight:690;line-height:1;letter-spacing:-.045em}.monitor-header p{margin-top:13px;color:#f4f6f58c;font-size:clamp(.9rem,1.5vw,1.05rem)}.monitor-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.system-pill{display:flex;align-items:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0b;color:#ffffffd1;font-size:.78rem;font-weight:700}.system-pill span{width:8px;height:8px;border-radius:50%}.system-pill.is-ok span{background:#55e3ac;box-shadow:0 0 14px #55e3acb3}.system-pill.is-warning span{background:#ffbd5b;box-shadow:0 0 14px #ffbd5b9e}.refresh-button,.channel-link{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#ffffff0e;color:#ffffffd1;font:inherit;font-size:.78rem;font-weight:700;text-decoration:none;cursor:pointer}.refresh-button:hover,.channel-link:hover{border-color:#ffffff40;background:#ffffff17}.refresh-button:disabled{opacity:.5;cursor:wait}.monitor-alert{width:min(1440px,100%);margin:0 auto 18px;padding:12px 15px;border:1px solid rgba(255,189,91,.25);border-radius:10px;background:#ffbd5b14;color:#ffd79c;font-size:.83rem}.monitor-metrics,.activity-grid,.monitor-grid,.monitor-panel,.monitor-footer{width:min(1440px,100%);margin-left:auto;margin-right:auto}.monitor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.monitor-metric,.monitor-panel{border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(145deg,#ffffff0e,#ffffff06);box-shadow:0 20px 60px #0000002e}.monitor-metric{position:relative;overflow:hidden;min-height:142px;padding:22px;display:flex;flex-direction:column}.monitor-metric:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff38}.monitor-metric.tone-success:before{background:#56d9ab}.monitor-metric.tone-warning:before{background:#e6af5b}.monitor-metric.tone-danger:before{background:#e87272}.monitor-metric>span{color:#f4f6f58c;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.monitor-metric strong{margin-top:8px;font-size:clamp(2.1rem,4vw,3.25rem);line-height:1;letter-spacing:-.055em}.monitor-metric small{margin-top:auto;color:#f4f6f566;font-size:.72rem}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.monitor-panel{padding:22px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.panel-heading h2{font-size:1.15rem;font-weight:680;letter-spacing:-.02em}.panel-eyebrow{margin-bottom:5px;font-size:.61rem}.activity-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.activity-values>div{padding:2px 18px;border-left:1px solid rgba(255,255,255,.08)}.activity-values>div:first-child{padding-left:0;border-left:0}.activity-values span{display:block;margin-bottom:8px;color:#ffffff73;font-size:.72rem}.activity-values strong{font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.04em}.monitor-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.75fr);gap:12px;margin-bottom:12px}.process-status{padding:7px 10px;border-radius:999px;background:#ffffff0f;color:#ffffff9e;font-size:.7rem;font-weight:700}.process-status.is-ok{background:#55e3ac1a;color:#83e6c1}.process-status.is-error,.process-status.is-sin_respuesta,.process-status.is-detenido{background:#e872721a;color:#f39a9a}.process-phase{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.process-phase strong{font-size:1.28rem}.process-phase span{color:#ffffff7a;font-size:.82rem}.progress-block{margin:22px 0 25px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#fff9;font-size:.76rem}.progress-label strong{color:#9ae6ce}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#ffffff13}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4bbf9d,#91ebd0);transition:width .4s ease}.process-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px}.process-details div{min-width:0}.process-details dt{margin-bottom:5px;color:#ffffff61;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.process-details dd{overflow:hidden;color:#ffffffd1;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.schedule-list{display:flex;flex-direction:column}.schedule-list>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.schedule-list>div:first-child{padding-top:0;border-top:0}.schedule-list span{color:#ffffff73;font-size:.78rem}.schedule-list strong{color:#ffffffd1;font-size:.78rem;text-align:right}.table-panel{margin-bottom:12px}.monitor-table-wrap{overflow-x:auto;border-radius:10px}.monitor-table{width:100%;border-collapse:collapse;min-width:650px;font-size:.78rem;font-variant-numeric:tabular-nums}.monitor-table th,.monitor-table td{padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.055);text-align:right}.monitor-table th:first-child,.monitor-table td:first-child{text-align:left}.monitor-table th{color:#ffffff61;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.monitor-table td{color:#ffffffbd}.monitor-table tbody tr:hover{background:#ffffff06}.monitor-table tbody tr:last-child td{border-bottom:0}.lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)}.lower-grid .table-panel{margin-bottom:0}.events-panel{min-width:0}.events-list{max-height:395px;overflow-y:auto;padding-right:5px}.event-item{display:grid;grid-template-columns:9px minmax(0,1fr);gap:11px;padding:11px 0;border-top:1px solid rgba(255,255,255,.06)}.event-item:first-child{padding-top:0;border-top:0}.event-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#6fd7b8}.event-item.is-warning .event-dot{background:#e6af5b}.event-item.is-error .event-dot{background:#e87272}.event-item strong{display:block;color:#ffffffc2;font-size:.76rem;font-weight:600;line-height:1.4}.event-item time{display:block;margin-top:4px;color:#ffffff57;font-size:.66rem}.empty-events{color:#ffffff6b;font-size:.8rem}.monitor-footer{display:flex;justify-content:space-between;gap:20px;padding:14px 2px 0;color:#ffffff52;font-size:.67rem}.monitor-link{display:block;margin-bottom:13px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb8;font-size:.75rem;font-weight:650;text-align:center;text-decoration:none}.monitor-link:hover{background:#ffffff0f}@keyframes monitorSpin{to{transform:rotate(360deg)}}@media (max-width: 1000px){.monitor-header{align-items:flex-start;flex-direction:column}.monitor-header-actions{justify-content:flex-start}.monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-grid,.lower-grid{grid-template-columns:1fr}}@media (max-width: 650px){.monitor-shell{padding:24px 14px 38px}.monitor-header{margin-bottom:22px}.monitor-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.system-pill{grid-column:1 / -1;justify-content:center}.monitor-metrics,.activity-grid{grid-template-columns:1fr}.monitor-metric{min-height:125px}.activity-values>div{padding:2px 10px}.process-details{grid-template-columns:1fr}.monitor-footer{flex-direction:column;gap:6px}}@media (prefers-reduced-motion: reduce){.monitor-loader{animation-duration:1.8s}.progress-track span{transition:none}}.stream-content{max-width:1440px;margin:auto}.stream-back{display:block;color:#b7c9c4;font-size:14px;margin-bottom:24px;text-decoration:none}.stream-hero{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:32px;border:1px solid #31574b;border-radius:18px;background:linear-gradient(125deg,#142a23,#121719)}.stream-hero .system-pill{display:inline-flex}.stream-uptime-label{font-size:12px;letter-spacing:.12em;color:#b2cbc1;margin:30px 0 8px}.stream-uptime{font-size:clamp(38px,5vw,70px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.stream-muted,.stream-card small,.stream-buttons small{color:#a1b1ab;font-size:13px;line-height:1.6}.stream-buttons{display:flex;flex-direction:column;gap:12px;max-width:370px}.stream-shell button{cursor:pointer}.stream-shell button:disabled{opacity:.42;cursor:not-allowed}.stream-start,.stream-stop,.stream-dialog-buttons button{padding:14px 20px;border-radius:10px;font:inherit;font-weight:700;border:1px solid #43544d}.stream-start{background:#91edc5;color:#10241b}.stream-stop{background:#422427;color:#ffd1d3;border-color:#794348}.stream-platforms,.stream-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.stream-card{padding:24px;background:#14191a;border:1px solid #303b36;border-radius:14px}.stream-card h2{font-size:20px;margin:0 0 16px}.stream-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.stream-card strong{display:block;font-size:17px;line-height:1.5}.stream-card a{display:inline-block;margin-top:18px;color:#91e5c7}.stream-dot{width:10px;height:10px;border-radius:50%;background:#ad8c52}.stream-dot.is-connected{background:#91edc5;box-shadow:0 0 10px #91edc544}.stream-footnote{color:#93a49d;font-size:12px;line-height:1.6;margin:12px 2px}.stream-card .stream-count{font-size:38px;margin:12px 0 2px;font-variant-numeric:tabular-nums}.stream-metrics .stream-card>span{color:#cbd6d1;font-size:14px}.stream-history{margin:24px 0}.stream-history ol{padding:0;list-style:none;margin:20px 0}.stream-history li{display:grid;grid-template-columns:175px 1fr;gap:20px;border-top:1px solid #2a3530;padding:13px 0;font-size:14px;line-height:1.5}.stream-history time{color:#9aada4;font-variant-numeric:tabular-nums}.stream-event-error>span{color:#ffc0bf}.stream-notice{border:1px solid #6c6133;border-radius:10px;padding:16px;margin:0 0 18px;background:#292619;color:#f1dd9d}.stream-danger{border-color:#8c4545;color:#ffc0bf;background:#321d20}.stream-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:grid;place-items:center;background:#000b;padding:24px}.stream-modal{max-width:520px;padding:30px;background:#15201b;border:1px solid #4c6659;border-radius:18px;box-shadow:0 24px 100px #000b}.stream-modal p{color:#b9c9c1;line-height:1.7}.stream-dialog-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.stream-dialog-buttons button:not(.stream-stop):not(.stream-start){color:#dceae3;background:#28372f}.stream-shell button:focus-visible,.stream-shell a:focus-visible{outline:3px solid #b0ffdb;outline-offset:4px}@media (max-width:800px){.stream-hero{flex-direction:column;align-items:stretch;padding:24px}.stream-buttons{max-width:none}.stream-platforms,.stream-metrics{grid-template-columns:1fr}.stream-history li{grid-template-columns:1fr;gap:5px}.stream-history .stream-card-heading{align-items:flex-start;flex-direction:column}.stream-dialog-buttons{flex-wrap:wrap}}.platform-actions{margin-top:18px}.publicity-admin .stream-card{margin:18px 0;padding:24px}.publicity-admin label{display:block;margin:14px 0;color:#ceded5}.publicity-admin input:not([type=checkbox]),.publicity-admin textarea{display:block;width:min(100%,700px);box-sizing:border-box;padding:10px;margin-top:5px;background:#0b1510;color:#f0fff5;border:1px solid #456455;border-radius:6px}.publicity-admin input[type=checkbox]{margin-right:10px}.publicity-admin button{padding:10px 16px;border:1px solid #71dba2;background:#163425;color:#e9fff0;border-radius:6px;cursor:pointer}.publicity-admin button:disabled{opacity:.5}.publicity-preview{display:flex;align-items:center;gap:24px;margin:20px 0;background:#102219;padding:18px;border-top:2px solid #51e89a}.publicity-preview img{width:130px;height:130px}@media (max-width:600px){.publicity-preview{flex-direction:column}}.publicity-admin a{color:#8ee9b5}.publicity-admin [role=alert]{color:#ffb4a8}.publicity-admin [role=status]{color:#a3f0c0}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#000}html{overflow:hidden}body{overflow:hidden;background:#000;color:#fff;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#000}.camera-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}.camera-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;animation:cameraFadeIn .9s ease-out forwards}.camera-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;background:#000;pointer-events:none}.youtube-cover{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-width:177.777777vh;min-height:100vh;transform:translate(-50%,-50%);pointer-events:none}.youtube-cover iframe{width:100%!important;height:100%!important;pointer-events:none!important}.interaction-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:transparent;cursor:default}.camera-transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));overflow:hidden;background:transparent;pointer-events:none}.camera-transition-tile{min-width:0;min-height:0;background:radial-gradient(circle at 50% 45%,#171719,#050506 52%,#000);box-shadow:0 0 0 1px #000;opacity:0;transform:scale(.72);transform-origin:center}.camera-transition.is-leaving .camera-transition-tile{animation:mosaicTileCover .65s cubic-bezier(.64,0,.78,0) var(--tile-out-delay) both}.camera-transition.is-entering .camera-transition-tile{animation:mosaicTileReveal .65s cubic-bezier(.22,1,.36,1) var(--tile-in-delay) both}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}.screen-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;background:linear-gradient(180deg,#00000047,#0000 20%,#0000 75%,#0000004d)}.overlay{position:absolute;z-index:30;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.9),0 4px 15px rgba(0,0,0,.8)}.overlay-top-left{top:max(34px,env(safe-area-inset-top));left:max(42px,env(safe-area-inset-left))}.live-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:.72rem;font-weight:700;letter-spacing:.17em;opacity:.92}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;animation:livePulse 2s ease-in-out infinite}.overlay-top-left h1{max-width:min(70vw,900px);font-size:clamp(1.25rem,2.5vw,2.5rem);line-height:1.05;font-weight:650;text-transform:uppercase;letter-spacing:.08em}.camera-name{margin-top:8px;max-width:60vw;font-size:clamp(.7rem,1.1vw,1rem);opacity:.75;letter-spacing:.04em}.overlay-bottom-right{right:max(42px,env(safe-area-inset-right));bottom:max(35px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end}.weather{display:flex;align-items:center;gap:8px;margin-bottom:4px;font-size:clamp(1rem,1.7vw,1.4rem);font-weight:600}.weather-icon{font-size:1.05em}.clock{font-size:clamp(2rem,5vw,4rem);line-height:.95;font-weight:700;letter-spacing:.015em;font-variant-numeric:tabular-nums}.calendar{display:flex;gap:12px;margin-top:9px;font-size:clamp(.72rem,1.2vw,1rem);font-weight:500;letter-spacing:.03em;opacity:.9}.connection-indicator,.signal-indicator{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:40;padding:7px 12px;border-radius:4px;background:#000000a6;font-size:.65rem;font-weight:600;letter-spacing:.15em;pointer-events:none}.black-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000}.tuning{display:flex;align-items:center;gap:12px;font-size:.8rem;font-weight:600;letter-spacing:.2em;opacity:.72}@keyframes cameraFadeIn{0%{opacity:0;transform:scale(1.005)}to{opacity:1;transform:scale(1)}}@keyframes mosaicTileReveal{0%{opacity:1;transform:scale(1.025)}70%{opacity:.18}to{opacity:0;transform:scale(.72)}}@keyframes mosaicTileCover{0%{opacity:0;transform:scale(.72)}30%{opacity:.18}to{opacity:1;transform:scale(1.025)}}@keyframes transitionFadeOut{0%{opacity:1}to{opacity:0}}@keyframes transitionFadeIn{0%{opacity:0}to{opacity:1}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.camera-transition.is-leaving{background:#000;animation:transitionFadeIn 1s ease-in both}.camera-transition.is-entering{background:#000;animation:transitionFadeOut 1s ease-out both}.camera-transition.is-leaving .camera-transition-tile,.camera-transition.is-entering .camera-transition-tile{animation:none}}@media (max-width: 700px){.overlay-top-left{top:24px;left:22px}.overlay-bottom-right{right:22px;bottom:24px}.overlay-top-left h1{max-width:80vw;font-size:1.2rem}.camera-name{max-width:75vw}.clock{font-size:2.25rem}}.settings-button{position:absolute;top:25px;right:25px;z-index:80;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#0000006b;color:#fff;font-size:1.25rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s ease,transform .2s ease}.settings-button:hover{background:#000000bf;transform:rotate(25deg)}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;opacity:0;pointer-events:none;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease}.settings-backdrop.open{opacity:1;pointer-events:auto}.settings-panel{position:absolute;top:0;right:-400px;width:min(360px,92vw);height:100%;z-index:100;padding:28px 24px;background:#0e0e10f5;border-left:1px solid rgba(255,255,255,.1);box-shadow:-15px 0 40px #00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:right .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.settings-panel.open{right:0}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.settings-eyebrow{margin-bottom:4px;font-size:.65rem;letter-spacing:.22em;opacity:.5}.settings-header h2{font-size:1.65rem;font-weight:650}.settings-close{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.6rem;cursor:pointer}.settings-section{margin-bottom:25px}.settings-label{display:block;margin-bottom:10px;color:#ffffffa6;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{display:flex;flex-direction:column;gap:5px;min-height:105px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease}.mode-card:hover{background:#ffffff14}.mode-card.active{border-color:#ffffffa6;background:#ffffff1f}.mode-icon{font-size:1.35rem}.mode-card span{font-weight:600}.mode-card small{color:#ffffff7a;font-size:.68rem}.settings-select{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#202024;color:#fff;font-size:.95rem;outline:none}.next-camera-button{width:100%;padding:13px 15px;border:none;border-radius:8px;background:#fff;color:#111;font-size:.9rem;font-weight:700;cursor:pointer}.next-camera-button:disabled{opacity:.5;cursor:wait}.world-info{padding:15px;border-radius:9px;background:#ffffff0d;color:#ffffffa6;font-size:.8rem;line-height:1.5}.world-info span{margin-right:7px}.settings-footer{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#ffffff59;font-size:.7rem}.weather{flex-wrap:wrap;justify-content:flex-end}.weather-description{width:100%;margin-top:2px;font-size:.72rem;text-align:right;text-transform:capitalize;opacity:.78}@media (max-width: 700px){.settings-button{top:17px;right:17px;width:40px;height:40px}.settings-panel{width:90vw}}