body{background-color:#f6f6f6;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:20px;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode table{color:#e0e0e0}body.dark-mode td,body.dark-mode th{border-color:#555;background-color:#2a2a2a}body.dark-mode th{background-color:#333}body.dark-mode a{color:#66b3ff}body.dark-mode fieldset{border-color:#555}table{border-collapse:collapse;width:100%}td,th{border:1px solid #333;padding:8px;text-align:left;vertical-align:top}th{background-color:#f0f0f0;font-weight:700}th:nth-child(n+3){text-align:center}tbody td:nth-child(n+3){width:120px;min-width:120px;max-width:120px;text-align:center;vertical-align:top}.weather-icon{display:block;margin:0 auto 8px;font-size:2em}.forecast-content{font-size:.9em;line-height:1.4}tfoot{background-color:#333;color:#fff}a{color:#06c;text-decoration:none}a:hover{text-decoration:underline}fieldset{border:1px solid #999;padding:10px;display:inline-block}input[type=radio],input[type=checkbox]{margin-right:5px;cursor:pointer}label{margin-right:15px;cursor:pointer}.vv-modal-overlay{background:#000000d9;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:8px}.vv-modal-content{background:#fff;width:100%;height:100%;border-radius:8px;overflow-y:auto;padding:16px;box-sizing:border-box}@media (min-width: 768px){.vv-modal-content{max-width:500px;max-height:80%;height:auto}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #ddd}.modal-header h2{margin:0;font-size:1.2em}.modal-header .weather-icon{font-size:2.5em;margin:0}.modal-close{background:none;border:none;font-size:1.5em;cursor:pointer;padding:0;line-height:1;color:#666}.modal-close:hover{color:#000}.modal-section{margin-bottom:16px}.modal-section h3{margin:0 0 8px;font-size:1em;color:#666;border-bottom:1px solid #eee;padding-bottom:4px}.modal-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9em}.modal-row .label{color:#666}.modal-row .value{font-weight:500;text-align:right}.modal-loading,.modal-error{text-align:center;padding:40px 20px;color:#666}.modal-error{color:#c00}body.dark-mode .vv-modal-content{background:#1a1a1a}body.dark-mode .modal-header{border-bottom-color:#444}body.dark-mode .modal-close{color:#999}body.dark-mode .modal-close:hover{color:#fff}body.dark-mode .modal-section h3{color:#999;border-bottom-color:#333}body.dark-mode .modal-row .label,body.dark-mode .modal-loading{color:#999}body.dark-mode .modal-error{color:#f66}.forecast-cell{cursor:pointer}.forecast-cell:hover{background-color:#e8e8e8}body.dark-mode .forecast-cell:hover{background-color:#3a3a3a}