*{box-sizing:border-box}html,body{height:100%;margin:0}html{font-size:16px}body{display:flex;flex-direction:column;min-height:100dvh;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;background-color:#1b2838;color:#c7d5e0}header{background-color:#171a21;padding:.2em 1em 1em 1em;display:flex;align-items:center}header h1,header h1 a,header h1 a:visited,header h1 a:hover{text-align:center;color:#66c0f4;margin:.2em}@media(max-width:700px){header{flex-direction:column;align-items:stretch;gap:.5em}header h1{font-size:1.4rem}}main{flex:1;padding:0 1em}main h3{text-align:center;margin:.5em 0}footer{width:100%;text-align:center;color:#66c0f4;padding:1dvh 0}footer small{margin:1em}.external_link{font-size:10px;color:#7e8391;display:inline-block;margin-left:0.5em}.controls{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap}.controls h1{order:2;flex:1;text-align:center}@media(max-width:1200px){.controls{flex-direction:column;align-items:center}.controls h1{order:1;text-align:center;margin-bottom:10px}#guideSelect{order:2;width:100%}.add-guide{order:3;width:100%;padding-top:1em}}form,select{width:100%;display:flex}select{min-width:250px}input[type="number"]{padding:.6em;border-radius:3px;border:1px solid #2a475e;background-color:#1b2838;color:#fff;flex:1;margin-right:1em}button{padding:.6em 1em;border:0;border-radius:3px;background-color:#66c0f4;color:#1b2838;cursor:pointer;font-weight:bold}button:hover{background-color:#417a9b}a,a:visited{color:#ebebeb}a,a:visited,a:hover{text-decoration:none}a:hover{color:#66c0f4}#error-message{margin:.5em auto;padding:6px 12px;background:#a83232;color:#fff;border-radius:4px;width:fit-content;text-align:center;position:absolute;left:50%;transform:translateX(-50%)}#guideSelect{position:relative;max-width:400px;order:2;width:100%}#guideSearch{padding:.5em;border-radius:3px;border:1px solid #2a475e;background-color:#1b2838;color:#fff;width:100%}#guideSearch::-webkit-search-cancel-button{appearance:none;height:16px;width:16px;background:url('data:image/svg+xml;utf8,<svgfill="white"viewBox="002424"xmlns="http://www.w3.org/2000/svg"><pathd="M18.35.71a11000-1.420L1210.597.115.7a11000-1.411.41L10.5912l-4.94.89a110101.411.42L1213.41l4.894.9a110001.42-1.42L13.4112l4.9-4.89a11000-.01-1.4z"/></svg>') no-repeat center;background-size:contain;cursor:pointer}#suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#2a475e;border:1px solid #66c0f4;border-radius:5px;max-height:300px;overflow-y:auto;z-index:10;padding:0;margin:0;list-style:none}#suggestions li{padding:.5em .6em;border-bottom:1px solid #1b2838;cursor:pointer}#suggestions li:hover{background-color:#417a9b}#rangeButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0}#rangeButtons button{background-color:#2a475e;color:#c7d5e0;border:1px solid #66c0f4;border-radius:3px;padding:.5em .8em;font-size:.85rem;cursor:pointer}#rangeButtons button:hover{background-color:#417a9b}#rangeButtons button.active{background-color:#66c0f4;color:#1b2838;border-color:#66c0f4}canvas{width:100% !important;max-height:70dvh !important}.top-guides-container{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;overflow-x:auto}.top-table{flex:1;min-width:260px}.top-table h4{margin-bottom:8px;color:#c7d5e0}.top-table table{width:100%;border-collapse:collapse;background:#1b2838}.top-table th{text-align:left;padding:8px;background:#171a21;color:#c7d5e0;font-weight:600}.top-table td{padding:8px;border-bottom:1px solid #2a475e}.top-table tr:hover{background:#2a475e}.top-table a{color:#66c0f4;text-decoration:none}.top-table a:hover{text-decoration:underline}@media(max-width:900px){.top-guides-container{flex-direction:column}.top-table{width:100%}}.add-guide{display:inline-flex;align-items:center;order:3;max-width:400px;width:100%}