body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;padding:1.5rem}.header h1{color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem;text-align:center}.config-row{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.config-item{display:flex;flex:1 1;flex-direction:column;min-width:250px}.config-item label{font-weight:600;margin-bottom:.5rem}.compare-section{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.compare-section>label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:.5rem}.compare-config{display:flex;flex-direction:column;gap:.5rem}@media (max-width:768px){.config-row{flex-direction:column;gap:1rem}.config-item{min-width:auto}}.enhanced-ruler-system{gap:20px;margin:30px 0}.enhanced-ruler-system,.zoomed-ruler-container{display:flex;flex-direction:column;position:relative}.zoomed-ruler-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;gap:15px;height:300px;padding:20px}.zoomed-view-section{height:60px;margin-bottom:10px;position:relative}.zoomed-ruler-section{height:90px;margin-bottom:15px;position:relative}.controls-section{border-top:1px solid #0000000d;margin-top:auto;padding-top:10px}.zoomed-ticks{height:60px;position:relative;width:100%}.scale-controls{align-items:center;background-color:#fffffff2;border-radius:6px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;padding:10px}.scale-toggle{background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.scale-toggle.active{background-color:#007bff;border-color:#0069d9;color:#fff}.zoom-controls{align-items:center;display:flex;gap:8px}.zoom-label{color:#495057;font-weight:500}.zoom-controls button{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.zoom-controls button:hover:not(:disabled){background-color:#dee2e6}.zoom-controls button:disabled{cursor:not-allowed;opacity:.5}.zoom-icon{font-size:18px;font-weight:700}.zoom-level{font-size:.9rem;min-width:45px;text-align:center}.zoomed-ruler{background-color:#e9ecef;background-color:var(--ruler-bg,#e9ecef);border-radius:4px;height:60px;position:relative;width:100%;z-index:5}.full-ruler-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;cursor:pointer;height:120px;padding:20px;position:relative}.full-ruler{background-color:#e9ecef;background-color:var(--ruler-bg,#e9ecef);border-radius:4px;height:60px;margin:0 auto;position:relative;width:calc(100% - 40px)}.magnifier{align-items:flex-end;background-color:#007bff1a;border:2px solid #007bff80;border-radius:4px;box-shadow:0 0 10px #007bff4d;cursor:grab;display:flex;height:60px;justify-content:center;max-width:100%;position:absolute;top:0;-webkit-user-select:none;user-select:none;z-index:10}.magnifier:active{cursor:grabbing}.magnifier-handle{background-color:#007bffb3;border-radius:4px;cursor:col-resize;height:80px;position:absolute;top:-10px;width:8px}.magnifier-handle.left{left:-4px}.magnifier-handle.right{right:-4px}.magnifier-content{align-items:flex-end;display:flex;height:100%;justify-content:center;padding-bottom:5px;width:100%}.magnifier-drag-hint{color:#007bffb3;font-size:11px;margin-bottom:2px;opacity:.8;pointer-events:none}.compare-tick,.tick{position:absolute;transform:translateX(-50%)}.tick{background-color:#333;background-color:var(--tick-color,#333);height:40px;width:2px;z-index:5}.compare-tick{background-color:#ff5733;background-color:var(--tick-compare-color,#ff5733);height:30px;opacity:.9;top:-35px;width:2px;z-index:5}.tick-tooltip{background-color:#000c;border-radius:6px;bottom:45px;box-shadow:0 2px 10px #0000004d;color:#fff;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility .2s;visibility:hidden;width:220px;z-index:100}.compare-tick:hover .tick-tooltip,.tick:hover .tick-tooltip{opacity:1;visibility:visible}.tooltip-title{border-bottom:1px solid #fff3;font-size:.9rem;font-weight:700;margin-bottom:5px;padding-bottom:3px}.tooltip-row{font-size:.8rem;margin:3px 0}.ruler-tick{position:absolute;transform:translateX(-50%)}.ruler-tick.major .tick-mark{height:16px;width:2px}.ruler-tick.major .tick-mark,.ruler-tick.minor .tick-mark{background-color:#343a40;background-color:var(--text-color,#343a40)}.ruler-tick.minor .tick-mark{height:8px;opacity:.6;width:1px}.tick-label{top:18px;transform:translateX(-50%);white-space:nowrap}.ruler-range-labels,.tick-label{font-size:.8rem;left:0;position:absolute}.ruler-range-labels{bottom:-25px;color:#343a40;color:var(--text-color,#343a40);display:flex;justify-content:space-between;width:100%}.range-label.center{left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.scale-controls{align-items:flex-start;flex-direction:column;gap:10px}.zoomed-ruler-container{height:340px}.tick-label{font-size:.7rem}}.zoomed-view{display:flex;flex-direction:column;gap:1.5rem}.zoomed-view h3{color:#007bff;color:var(--primary-color,#007bff);margin-bottom:.5rem;text-align:center}.zoomed-view h4{color:#343a40;color:var(--text-color,#343a40);font-size:1rem;margin:1rem 0 .5rem}.visible-frequencies-info{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:10px;padding:15px}.frequency-cards,.shared-notes-cards{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.frequency-card,.shared-note-card{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;min-width:120px;padding:10px;transition:all .2s ease;width:calc(20% - 8px)}.frequency-card:hover,.shared-note-card:hover{box-shadow:0 3px 8px #00000026;transform:translateY(-2px)}.frequency-card.comparison{border-left:3px solid #ff5733;border-left:3px solid var(--tick-compare-color,#ff5733)}.frequency-value{color:#007bff;color:var(--primary-color,#007bff);font-size:.9rem;font-weight:600}.frequency-details{color:#6c757d;color:var(--secondary-color,#6c757d);font-size:.75rem;margin-top:4px}.shared-note-card{display:flex;flex-direction:column;width:calc(25% - 8px)}.shared-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.cents-badge{background-color:#007bff;background-color:var(--primary-color,#007bff);border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px}.shared-note-frequencies{display:flex;flex-direction:column;gap:2px}.interval-name{font-size:.75rem;font-style:italic;margin-bottom:4px;margin-top:-2px}.interval-name,.more-card{color:#6c757d;color:var(--secondary-color,#6c757d)}.more-card{align-items:center;background-color:#f0f0f0;display:flex;font-size:.9rem;justify-content:center}.no-shared-notes{color:#6c757d;color:var(--secondary-color,#6c757d);font-style:italic;padding:10px;text-align:center}@media (max-width:992px){.frequency-card,.shared-note-card{width:calc(33.33% - 8px)}}@media (max-width:768px){.frequency-card,.shared-note-card{width:calc(50% - 8px)}}@media (max-width:576px){.frequency-card,.shared-note-card{min-width:100px;width:calc(100% - 8px)}}.modular-table-container{max-width:100%;overflow-x:auto}.modular-table{border-collapse:collapse;font-size:.9rem;margin-bottom:1.5rem;width:100%}.modular-table td,.modular-table th{border:1px solid var(--border-color);padding:.75rem 1rem;text-align:right}.modular-table th{background-color:var(--header-bg);font-weight:600;position:sticky;top:0;z-index:1}.modular-table tr:nth-child(2n){background-color:#00000005}.interval-name{font-weight:600;text-align:left}.modular-table tr:hover{background-color:#007bff0d}@media (max-width:768px){.modular-table td,.modular-table th{font-size:.8rem;padding:.5rem}}.comparison-results{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:1rem}.comparison-results h3{margin-bottom:1rem}.shared-notes-table{border-collapse:collapse;font-size:.9rem;margin-bottom:1.5rem;width:100%}.shared-notes-table td,.shared-notes-table th{border:1px solid var(--border-color);padding:.75rem 1rem;text-align:center}.shared-notes-table th{background-color:var(--header-bg);font-weight:600}.shared-notes-table td:first-child,.shared-notes-table td:nth-child(3){color:var(--primary-color);font-weight:500}.shared-notes-table td:nth-child(2),.shared-notes-table td:nth-child(4){color:var(--secondary-color);font-style:italic}.shared-notes-table td:nth-child(5){font-weight:600}.shared-notes-table tr:nth-child(2n){background-color:#00000005}.shared-notes-table tr:hover{background-color:#007bff0d}.tolerance-control{align-items:center;display:flex;margin-bottom:1rem}.cents-tolerance-input{border:1px solid var(--border-color);border-radius:4px;margin:0 8px;padding:4px;text-align:center;width:60px}@media (max-width:768px){.shared-notes-table td,.shared-notes-table th{font-size:.8rem;padding:.5rem}.shared-notes-table{display:block;overflow-x:auto;white-space:nowrap}.tolerance-control{align-items:flex-start;flex-direction:column}.cents-tolerance-input{margin:4px 0}}.readout-view{display:flex;flex-direction:column;gap:1.5rem}.readout-view h3{margin-bottom:.5rem;margin-top:1rem}.table-controls{align-items:center;background-color:var(--background-color);border-radius:4px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1rem}.modulus-select{align-items:center;display:flex;gap:.5rem}.no-data-message{align-items:center;color:var(--secondary-color);display:flex;font-style:italic;height:200px;justify-content:center}@media (max-width:768px){.table-controls{align-items:flex-start;flex-direction:column;gap:1rem}}.central-window{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;gap:1rem;min-height:550px;padding:1.5rem}.view-controls{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.view-controls button{align-items:center;border:1px solid #0000;border-radius:6px;display:flex;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:.75rem 1.5rem;transition:all .2s ease}.view-controls button:not(.active){background-color:#f0f0f0;border-color:#ddd;color:#333}.view-controls button:not(.active):hover{background-color:#e0e0e0}.view-controls button.active{background-color:#007bff;background-color:var(--primary-color,#007bff)}.view-icon{font-size:1.1rem;font-style:normal}.view-content{flex:1 1;overflow:auto;padding:10px;position:relative}@media (max-width:768px){.central-window{min-height:450px;padding:1rem}.view-controls button{font-size:.9rem;min-width:120px;padding:.6rem 1rem}}.welcome-popup-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.welcome-popup-overlay.visible{opacity:1;visibility:visible}.welcome-popup{background:linear-gradient(135deg,#2c3e50,#1a1a2e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 5px 30px #0000004d;max-width:600px;opacity:0;padding:30px;position:relative;transform:translateY(20px);transition:transform .4s ease,opacity .4s ease;width:90%}.welcome-popup-overlay.visible .welcome-popup{opacity:1;transform:translateY(0)}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:background-color .2s;width:30px}.close-button:hover{background-color:#ffffff1a}.popup-content{text-align:left}.popup-content h1{color:#fff;font-size:2.2rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 4px #0003}.popup-content p{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:500px}.start-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:12px 28px;transition:all .3s ease}.start-button:hover{background:linear-gradient(135deg,#0069d9,#004494);box-shadow:0 4px 15px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.welcome-popup{padding:25px 20px}.popup-content h1{font-size:1.8rem}.popup-content p{font-size:1rem}.start-button{padding:10px 24px}}:root{--primary-color:#007bff;--secondary-color:#6c757d;--background-color:#f8f9fa;--border-color:#dee2e6;--text-color:#343a40;--header-bg:#f0f0f0;--tick-color:#333;--tick-compare-color:#ff5733;--ruler-bg:#e9ecef}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#2c2c2c,#1a1a1a);color:#343a40;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1600px;padding:1rem}.app h1{color:#fff;margin-bottom:1rem;text-align:center}h1,h2,h3,h4{color:#343a40;color:var(--text-color);margin-bottom:.5rem}button,input,select{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;padding:.5rem}button{background-color:#007bff;background-color:var(--primary-color);border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}button:hover{background-color:#0069d9}button.active{background-color:#0062cc}.radio-group{align-items:center;display:flex;gap:1rem;margin:.5rem 0}.radio-group label{align-items:center;cursor:pointer;display:flex;gap:.25rem}select{min-width:180px}
/*# sourceMappingURL=main.b6d92e15.css.map*/