*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#fff}@media(prefers-color-scheme:dark){body{background:#1a1a1a;color:#e0e0e0}}#app{min-height:100vh}.home-container{max-width:600px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.edit-github-link{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#24292e;color:#fff;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:background .3s ease,transform .2s ease;z-index:1000}.edit-github-link:hover{background:#2c3e50;transform:translateY(-2px)}.edit-github-link svg{flex-shrink:0}.home-container h1{font-size:3rem;margin-bottom:.5rem;color:#2c3e50;text-align:center}@media(prefers-color-scheme:dark){.home-container h1{color:inherit}}.subtitle{font-size:1.2rem;color:#7f8c8d;text-align:center;margin-bottom:2rem}@media(prefers-color-scheme:dark){.subtitle{color:#a0a0a0}}.sort-selector{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.sort-selector label{font-size:1rem;font-weight:500;color:#2c3e50}.sort-selector select{padding:.5rem 1rem;font-size:1rem;border:2px solid #ddd;border-radius:4px;background:#fff;color:#2c3e50;cursor:pointer;font-family:inherit;transition:border-color .3s ease}.sort-selector select:hover{border-color:#3498db}.sort-selector select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}@media(prefers-color-scheme:dark){.sort-selector{background:#2a2a2a;border-color:#404040}.sort-selector label{color:#e0e0e0}.sort-selector select{background:#333;color:#e0e0e0;border-color:#404040}.sort-selector select:hover,.sort-selector select:focus{border-color:#3498db}}.distance-info{font-size:.9rem;color:#7f8c8d;font-weight:400}@media(prefers-color-scheme:dark){.distance-info{color:#a0a0a0}}.company-list{list-style:none}.company-list li{margin-bottom:1rem}.company-link{display:block;padding:1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;text-decoration:none;color:#2c3e50;font-size:1.2rem;font-weight:500;text-align:center;transition:all .3s ease}.company-link:hover{background:#f8f9fa;border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(prefers-color-scheme:dark){.company-link{background:#2a2a2a;border-color:#404040;color:#e0e0e0}.company-link:hover{background:#333;border-color:#3498db;box-shadow:0 4px 12px #00000080}}.display-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;position:relative;background:#f8f9fa;color:#333}@media(prefers-color-scheme:dark){.display-container{background:#1a1a1a;color:#e0e0e0}}.back-link{position:absolute;top:1rem;left:1rem;color:#2c3e50;text-decoration:none;font-size:1rem;padding:.5rem 1rem;border:2px solid #ddd;border-radius:4px;transition:opacity .5s ease,background .3s ease,border-color .3s ease;opacity:1;background:#fff}.back-link.fade-out{opacity:0;pointer-events:none}.back-link:hover{background:#e9ecef;border-color:#3498db;opacity:1!important}@media(prefers-color-scheme:dark){.back-link{background:#2a2a2a;color:#e0e0e0;border-color:#404040}.back-link:hover{background:#333;border-color:#3498db}}.fullscreen-link{position:absolute;top:1rem;right:1rem;color:#2c3e50;background:#fff;font-size:1rem;padding:.5rem 1rem;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:opacity .5s ease,background .3s ease,border-color .3s ease;opacity:1;font-family:inherit}.fullscreen-link.fade-out{opacity:0;pointer-events:none}.fullscreen-link:hover{background:#e9ecef;border-color:#3498db;opacity:1!important}@media(prefers-color-scheme:dark){.fullscreen-link{background:#2a2a2a;color:#e0e0e0;border-color:#404040}.fullscreen-link:hover{background:#333;border-color:#3498db}}.wake-lock-status{position:absolute;top:3.5rem;right:1rem;color:#27ae60;font-size:.85rem;font-weight:500;opacity:0;transition:opacity .5s ease;pointer-events:none;text-align:right}.wake-lock-status.active{opacity:1}.wake-lock-status.fade-out{opacity:0;pointer-events:none}@media(prefers-color-scheme:dark){.wake-lock-status{color:#2ecc71}}.status-content{text-align:center;width:100%;max-width:800px}.company-name{font-size:2rem;margin-bottom:3rem;opacity:.8;font-weight:300;color:#2c3e50}@media(prefers-color-scheme:dark){.company-name{color:inherit}}.status-indicator{margin-bottom:3rem}.status-text{font-size:6rem;font-weight:900;letter-spacing:.1em;margin-bottom:1rem;padding:1rem 2rem;border-radius:16px;display:inline-block;transition:background-color .5s ease,color .5s ease}.status-text.high-load{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.status-text.low-load{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.status-description{font-size:2rem;font-weight:300;opacity:.8;color:#555}@media(prefers-color-scheme:dark){.status-description{color:#b0b0b0}}.countdown-container{margin-top:2rem}.countdown-label{font-size:1.2rem;opacity:.7;font-weight:400;margin-bottom:.5rem;color:#555}.countdown-display{font-size:1.8rem;opacity:.8;font-weight:500;letter-spacing:.02em;color:#333}@media(prefers-color-scheme:dark){.countdown-label{color:#a0a0a0}.countdown-display{color:inherit}}@media(max-width:768px){.home-container h1{font-size:2rem}.subtitle{font-size:1rem}.company-link{font-size:1rem;padding:1.2rem}.status-text{font-size:4rem}.status-description,.company-name{font-size:1.5rem}.countdown-label{font-size:1rem}.countdown-display{font-size:1.4rem}.edit-github-link{font-size:.8rem;padding:.4rem .8rem}.edit-github-link span{display:none}}@media(max-width:480px){.status-text{font-size:3rem}.status-description{font-size:1.2rem}.countdown-label{font-size:.9rem}.countdown-display{font-size:1.2rem}}.not-in-effect-notice{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;max-width:600px;text-align:left;color:#856404}@media(prefers-color-scheme:dark){.not-in-effect-notice{background:#3a3000;border-color:#ffc107;color:#ffd966}}.notice-icon{font-size:1.5rem;flex-shrink:0}.notice-text{font-size:1rem;line-height:1.5}@media(max-width:768px){.not-in-effect-notice{padding:.8rem 1rem;margin-bottom:1.5rem}.notice-icon{font-size:1.25rem}.notice-text{font-size:.9rem}}@media(max-width:480px){.not-in-effect-notice{flex-direction:column;text-align:center;padding:.75rem}.notice-text{font-size:.85rem}}