body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh;background-color:#000}#root{width:100%;height:100%}:root{--bg-primary: #F5F5F7;--bg-secondary: #FFFFFF;--bg-tertiary: #F0F0F0;--text-primary: #1D1D1F;--text-secondary: #4D4D4D;--text-muted: #777777;--accent-primary: #1E88E5;--accent-secondary: #D32F2F;--accent-positive: #00897B;--border-primary: #1E88E5;--border-secondary: #E0E0E0;--globe-selected: #1E88E5;--globe-selected-opacity: rgba(30, 136, 229, .25);--globe-hover: rgba(30, 136, 229, .15);--globe-stroke-ca: #1E88E5;--globe-stroke-ca-selected: #1565C0;--globe-stroke-ca-hover: #42A5F5;--globe-stroke-other: rgba(150, 150, 150, .3);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "Courier New", Courier, "Monaco", "Consolas", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;box-shadow:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-mono);font-weight:700;margin:0}p{margin:.5rem 0;color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline;color:#1565c0}.info-card{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-left:3px solid var(--accent-primary);padding:1.5rem}.info-card h2{color:var(--accent-primary);margin-bottom:1rem;border-bottom:1px solid var(--border-secondary);padding-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.info-card h3{color:var(--text-primary);margin-top:1.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-secondary);padding-bottom:.5rem}.info-card p{color:var(--text-secondary)}.info-card strong{color:var(--text-primary);font-weight:700}.tax-calculator{margin-top:1.5rem}.salary-input{margin:1rem 0 1.5rem}.salary-input label{display:block;margin-bottom:.8rem;color:var(--text-secondary);font-size:.9em;font-family:var(--font-sans)}.salary-input label strong{color:var(--accent-primary);font-size:1.2em;font-family:var(--font-mono)}.salary-input input[type=range]{width:100%;height:4px;background:var(--bg-tertiary);border:1px solid var(--border-secondary);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.salary-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:0;background:var(--accent-primary);border:1px solid var(--border-primary);cursor:pointer}.salary-input input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:0;background:var(--accent-primary);border:1px solid var(--border-primary);cursor:pointer}.salary-input input[type=range]:hover::-webkit-slider-thumb{background:#1565c0}.salary-input input[type=range]:hover::-moz-range-thumb{background:#1565c0}.pay-period-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.pay-period-tabs .tab{flex:1;padding:.6rem 1rem;background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);color:var(--text-secondary);cursor:pointer;font-size:.85em;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease}.pay-period-tabs .tab:hover{background-color:var(--bg-primary);border-color:var(--accent-primary);color:var(--text-primary)}.pay-period-tabs .tab.active{background-color:var(--bg-primary);border:2px solid var(--accent-primary);color:var(--accent-primary);font-weight:700}.tax-breakdown{background-color:var(--bg-primary);border:1px solid var(--border-secondary);padding:1rem;margin-top:1rem}.tax-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-secondary);color:var(--text-secondary)}.tax-row:last-child{border-bottom:none}.tax-row.total{border-top:1px solid var(--accent-secondary);border-bottom:1px solid var(--accent-secondary);margin-top:.5rem;padding-top:.75rem;color:var(--text-primary);font-weight:700}.tax-row.highlight{background-color:var(--bg-tertiary);margin:.5rem -1rem;padding:.75rem 1rem;border:1px solid var(--accent-positive);color:var(--accent-positive);font-size:1.1em;font-weight:700}.tax-amount{color:var(--accent-secondary);font-weight:700;font-family:var(--font-mono)}.tax-row.highlight strong{color:var(--accent-positive);font-family:var(--font-mono)}.note{font-style:italic;color:var(--text-muted);margin-top:1rem;font-size:.9em}.terminal-panel{border:1px solid var(--accent-primary);background-color:var(--bg-secondary);padding:1rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-primary);border-left:1px solid var(--border-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border:1px solid #D0D0D0}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.globe-container{position:absolute;top:0;left:0;width:100vw;height:33vh}.info-container{position:absolute;top:33vh;left:0;width:100vw;height:67vh;background-color:var(--bg-primary);padding:2rem;overflow:auto}@media (min-aspect-ratio: 4/3){.globe-container{width:50vw;height:100vh}.info-container{top:0;left:50vw;width:50vw;height:100vh}}
