body{font-family:sans-serif;margin:0;padding:0;background-color:#f4f4f4}.container{display:flex;max-width:1600px;margin:20px auto;background-color:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;overflow:visible;align-items:flex-start}.left-column{width:40%;padding:25px;border-right:1px solid #eee;box-sizing:border-box;overflow:visible}.right-column{width:60%;padding:25px;box-sizing:border-box;text-align:center}h1{text-align:center;color:#333;margin-bottom:30px}h2{text-align:center;color:#555;margin-top:0;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}h3{margin-top:0;color:#0056b3;border-bottom:1px solid #eee;padding-bottom:5px}form{width:100%}.form-section{margin-bottom:20px;border:1px solid #ddd;padding:15px;border-radius:5px;background-color:#fdfdfd;box-sizing:border-box;width:100%;overflow:hidden}label{margin-right:5px;font-weight:700;display:block;margin-bottom:5px;color:#444}input[type=date],input[type=time],input[type=number],input[type=text],select{width:calc(100% - 18px);padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.input-group{display:flex;justify-content:space-between;gap:15px}.input-group>div{flex:1}.checkbox-group{max-height:150px;overflow-y:auto;border:1px solid #eee;padding:10px;border-radius:4px;margin-top:10px}.checkbox-group label,.orb-input label{display:block;margin-bottom:8px;font-weight:400}.checkbox-group input[type=checkbox]{margin-right:8px}.aspect-item{margin-bottom:10px;padding-left:10px;border-left:2px solid #eee;display:flex;justify-content:space-between;align-items:center}.aspect-item label:first-child{flex-grow:1}.orb-input{display:flex;align-items:center}.orb-input label{margin-bottom:0;margin-right:5px}.orb-input input[type=number]{width:60px;padding:4px;margin-bottom:0}button[type=submit],.button{display:block;width:100%;padding:12px;margin-top:20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .2s ease}button[type=submit]:hover,.button:hover{background-color:#0056b3}#chartResult img{max-width:100%;height:auto;border:1px solid #eee;background-color:#fff;padding:5px;box-shadow:2px 2px 5px #0000001a;margin-top:20px}#errorResult{color:red;margin-top:15px;font-weight:700}#rawDataResult{margin-top:20px;text-align:left;font-size:.8em;max-height:200px;overflow-y:auto;border:1px solid #eee;padding:10px;background-color:#f9f9f9}#rawDataResult pre{margin:0}#rawDataResult code{white-space:pre-wrap;word-wrap:break-word}.data-block.hidden,.hidden{display:none}small{color:#555;font-size:.9em;display:block;margin-top:-10px;margin-bottom:10px}.datetime-adjuster-container{padding-bottom:10px;box-sizing:border-box;width:100%;overflow:hidden}.adjuster-controls-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;max-width:100%;flex-wrap:nowrap;box-sizing:border-box;overflow:hidden}.data-block-buttons-group{display:flex;gap:4px;flex-shrink:0}.data-block-btn{padding:8px 0;width:32px;height:32px;font-size:.9em;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;text-align:center;line-height:1.1;border-radius:4px;transition:background-color .2s,border-color .2s;flex-shrink:0;box-sizing:border-box}.data-block-btn:hover{border-color:#999}.data-block-btn.active{background-color:#007bff;color:#fff;border-color:#0056b3}.data-block-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.65}.adjuster-controls-row select,.adjuster-controls-row input[type=number]{padding:6px 8px;margin-bottom:0;flex-shrink:0;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.adjuster-controls-row select{width:75px;min-width:75px;max-width:75px}.adjuster-controls-row input[type=number]{width:60px;min-width:60px;max-width:60px}.adjuster-button.edge-button{padding:6px 10px;font-size:1.1em;flex-shrink:0;width:40px!important;min-width:40px;max-width:40px;display:inline-flex!important;align-items:center;justify-content:center;margin-top:0!important;box-sizing:border-box}.map-selector-btn{background:none;border:none;width:1.5em;height:1.5em;cursor:pointer;padding:0;margin-left:5px;color:#007bff;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.map-selector-btn svg{width:100%;height:100%}.map-selector-btn:hover{color:#0056b3}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;padding-top:60px}.modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;border-radius:8px;position:relative}.modal-close-button{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.modal-close-button:hover,.modal-close-button:focus{color:#000;text-decoration:none}.modal-section{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.modal-section:last-child{border-bottom:none;padding-bottom:0}.modal-section h4{margin-top:0;margin-bottom:10px;color:#333}.modal-section label{display:block;margin-bottom:5px;font-weight:400;color:#555}.modal-section input[type=text]{width:calc(100% - 18px);padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.modal-section button{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-section button:hover{background-color:#0056b3}#modalLocationResults{max-height:200px;overflow-y:auto;border:1px solid #ddd;padding:10px;background-color:#f9f9f9}#modalLocationResults div{padding:8px;cursor:pointer;border-bottom:1px solid #eee}#modalLocationResults div:last-child{border-bottom:none}#modalLocationResults div:hover{background-color:#e9e9e9}#modalLocationInfo{margin-top:10px;padding:10px;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:4px;font-size:.9em}#modalLocationInfo p{margin:5px 0}@media screen and (max-width: 768px){body{font-size:14px;padding:0;margin:0}h1{font-size:1.5em;margin:10px 0 15px;padding:0 15px}.container{flex-direction:column;margin:0;border-radius:0;box-shadow:none;background-color:#fff}.left-column{width:100%;padding:15px;border-right:none;border-bottom:1px solid #eee}.right-column{width:100%;padding:15px}.form-section{margin-bottom:15px;padding:12px;border-radius:8px}.form-section h3{font-size:1.1em;margin-bottom:10px}.input-group{flex-direction:column;gap:0}.input-group>div{margin-bottom:10px}input[type=date],input[type=time],input[type=number],input[type=text],select{width:100%;padding:12px;font-size:16px;border-radius:6px;box-sizing:border-box}button[type=submit],.button{padding:15px;font-size:16px;border-radius:8px;margin-top:15px}.adjuster-controls-row{flex-wrap:wrap;gap:8px;justify-content:center}.data-block-buttons-group{order:1;width:100%;justify-content:center;margin-bottom:8px}.data-block-btn{width:40px;height:40px;font-size:1em}.adjuster-controls-row select{order:2;width:80px;min-width:80px;padding:8px}.adjuster-controls-row input[type=number]{order:3;width:70px;min-width:70px;padding:8px}.adjuster-button.edge-button{order:4;width:50px!important;min-width:50px;height:40px;font-size:1.2em}.checkbox-group{max-height:120px;padding:8px}.checkbox-group label{padding:8px 0;border-bottom:1px solid #f0f0f0}.aspect-item{flex-direction:column;align-items:flex-start;padding:8px;margin-bottom:8px;border-left:none;border:1px solid #eee;border-radius:4px}.orb-input{margin-top:5px;width:100%}.orb-input input[type=number]{width:80px}#chartResult img{width:100%;height:auto;max-width:none;margin-top:10px}#rawDataResult{font-size:.75em;max-height:150px}.modal{padding-top:20px}.modal-content{width:95%;margin:2% auto;padding:15px;max-height:90vh;overflow-y:auto}.modal-section input[type=text]{font-size:16px}.modal-section button{padding:10px 15px;font-size:14px}#modalLocationResults{max-height:150px;font-size:.9em}.map-selector-btn{width:2em;height:2em}}@media screen and (max-width: 480px){body{font-size:13px}h1{font-size:1.3em}.left-column,.right-column{padding:10px}.form-section{padding:10px;margin-bottom:12px}.form-section h3{font-size:1em}input[type=date],input[type=time],input[type=number],input[type=text],select{padding:10px}.data-block-btn{width:35px;height:35px}.adjuster-button.edge-button{width:45px!important;min-width:45px;height:35px}.modal-content{width:98%;padding:10px}}@media screen and (min-width: 769px) and (max-width: 1024px){.container{margin:10px;border-radius:8px}.left-column{width:45%;padding:20px}.right-column{width:55%;padding:20px}.input-group{gap:10px}}@media (hover: none) and (pointer: coarse){button,.button,.data-block-btn,.map-selector-btn{min-height:44px}.checkbox-group input[type=checkbox]{transform:scale(1.2);margin-right:10px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px}}@media (prefers-color-scheme: dark){@media screen and (max-width: 768px){body{background-color:#1a1a1a;color:#e0e0e0}.container{background-color:#2d2d2d}.form-section{background-color:#3a3a3a;border-color:#555}input[type=date],input[type=time],input[type=number],input[type=text],select{background-color:#4a4a4a;border-color:#666;color:#e0e0e0}.modal-content{background-color:#2d2d2d;color:#e0e0e0}#rawDataResult{background-color:#3a3a3a;border-color:#555}}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.form-section{border-width:2px}button,.button{border:2px solid #000}input,select{border-width:2px}}