:root{font-family:Arial,Meiryo,sans-serif;color:#333;background:#fff;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:#337ab7;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select,textarea{outline-offset:3px}:focus-visible{outline:3px solid #dcae4e}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.legacy-header{position:fixed;top:0;left:0;right:0;z-index:10;background:#ffffff4d}.legacy-header nav{max-width:1150px;margin:auto;display:flex;justify-content:space-between;align-items:center;height:50px}.legacy-header a,.legacy-header button{color:#fff;border:1px solid #eee;background:transparent;padding:7px 14px;font-size:18px;text-shadow:0 1px 3px #555}.legacy-banner{display:block;width:100%;max-width:1150px;margin:auto}.input-panel{max-width:950px;margin:50px auto 25px;padding:26px 8.333%;border:4px solid #c9c9e2;border-radius:4px}#name{width:100%;margin-bottom:14px}input:not([type=radio],[type=checkbox],[type=hidden]),select{border:1px solid #ccc;border-radius:4px;background:#fff;padding:7px 12px;color:#555;min-width:0}.datetime-selects{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:20px;margin:10px 0}.datetime-selects select{width:100%}.themes{border:0;display:flex;justify-content:center;flex-wrap:wrap;gap:0;margin:8px 0;padding:0}.themes label,.display-options label{position:relative;cursor:pointer}.themes input,.display-options input{position:absolute;opacity:0;width:1px;height:1px}.themes span,.display-options span{display:block;border:1px solid #ccc;padding:8px 12px;border-radius:4px;background:#fff}.themes input:checked+span,.display-options input:checked+span{background:#337ab7;border-color:#2e6da4;color:#fff;box-shadow:inset 0 3px 5px #0002}.themes input:focus-visible+span,.display-options input:focus-visible+span{outline:3px solid #dcae4e;outline-offset:2px}.display-options{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0}.primary,.output-actions button,.embed-actions button{background:#337ab7;color:#fff;border:1px solid #2e6da4;padding:10px 16px;border-radius:5px}.primary{width:100%;font-size:18px;margin-top:8px}.time-note{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;color:#777}.time-note button{background:none;border:0;padding:0;color:#337ab7}#status{font-size:12px;color:#777;margin:12px 0 0;min-height:18px}.error{color:#a33!important}.chart-result{max-width:1140px;margin:20px auto}.chart-metadata{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#777;margin:12px}.canvas-wrap{position:relative}.canvas-wrap canvas{display:block;width:100%;height:auto}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#102b37e8;display:grid;place-items:center;color:#fff}.angle-section{max-width:1140px;margin:30px auto}.table-scroll{overflow-x:auto}table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed;font-size:14px}th,td{height:52px;text-align:center;border:1px solid #5a5959;padding:5px;font-weight:400}tbody th{background:#adb5c9}.longitude{background:#cad5e5}.diagonal{background:#c9c9e2}.empty{border:0;background:#fff}.aspect{background:#fff}.aspect.strong{background:#c9c9e2}.aspect small{display:flex;justify-content:space-between;margin-top:5px;font-size:11px}.aspect small b{font-weight:400}.output-actions{max-width:1140px;margin:24px auto 40px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.output-actions [role=status]{flex-basis:100%;text-align:center}.embed-card{max-width:950px;margin:24px auto;padding:24px;border:1px solid #ddd}.embed-card h2{font-size:20px}textarea{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid #ccc;resize:vertical;font:12px/1.6 monospace}.embed-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}a[aria-disabled=true]{pointer-events:none;opacity:.4}footer{background:#adb5c9;color:#fff;text-align:center;padding:45px 16px 37px;font-size:12px;line-height:2}footer nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}footer a{color:#1c1f87}dialog{max-width:calc(100% - 32px);border:1px solid #ccc;border-radius:5px;padding:24px;line-height:1.8}dialog::backdrop{background:#0007}dialog h2{font-size:20px}dialog button{padding:8px 20px;border:1px solid #ccc;background:#fff;border-radius:4px}@media(max-width:750px){.input-panel{margin:24px 12px;padding:18px 12px}.datetime-selects{gap:6px}.datetime-selects select{padding:7px 2px;font-size:12px}.themes span,.display-options span{padding:8px;font-size:12px}.chart-result,.angle-section{margin:20px 12px}.embed-card{margin:20px 12px;padding:16px}.legacy-header a,.legacy-header button{font-size:14px}.legacy-header nav{height:42px}.output-actions{margin:20px 12px 30px}}
