body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f1115;color:#e6e6e6}.container{display:flex;flex-direction:column;height:100vh}nav{display:flex;background:#12141c;border-bottom:1px solid #1f2330;padding:0}nav button{padding:12px 20px;background:none;border:none;color:#bbb;text-align:center;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}nav button.active,nav button:hover{background:#1e2233;color:#fff;border-bottom-color:#2f65ff}main{flex:1;padding:16px;overflow:auto}textarea,input{width:100%;background:#0b0d12;color:#fff;border:1px solid #2a2f45;padding:8px;margin-top:6px;box-sizing:border-box;font-family:inherit;font-size:14px}textarea{height:140px;resize:vertical}input{height:36px}.actions{margin-top:8px}.actions button{margin-right:6px}button{background:#2f65ff;color:#fff;border:none;padding:6px 12px;cursor:pointer;font-size:14px;border-radius:4px}button:hover{background:#2551cc}button.secondary{background:#444}button.secondary:hover{background:#555}h3{margin-top:0;font-size:16px;font-weight:600}footer{font-size:12px;color:#777;margin-top:20px}.timestamp-section{display:flex;flex-direction:column;gap:24px}.current-timestamp{background:#161922;border:1px solid #2a2f45;border-radius:8px;padding:20px}.current-timestamp-value{font-size:32px;font-weight:600;color:#fff;margin-bottom:16px;display:flex;align-items:baseline;gap:8px}.current-timestamp-unit{font-size:16px;color:#888;font-weight:400}.current-timestamp-actions{display:flex;gap:8px}.current-timestamp-actions button{padding:8px 16px;font-size:14px}.stop-button{background:#dc3545!important}.stop-button:hover{background:#c82333!important}.conversion-block{background:#161922;border:1px solid #2a2f45;border-radius:8px;padding:20px}.conversion-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}.conversion-title .icon{font-size:18px}.conversion-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.conversion-input,.conversion-output{flex:1;min-width:200px;background:#0b0d12;color:#fff;border:1px solid #2a2f45;padding:8px 12px;border-radius:4px;font-size:14px;font-family:inherit}.conversion-input:focus,.conversion-output:focus{outline:none;border-color:#2f65ff}.conversion-select{background:#0b0d12;color:#fff;border:1px solid #2a2f45;padding:8px 12px;border-radius:4px;font-size:14px;font-family:inherit;cursor:pointer;min-width:100px}.conversion-select:hover{border-color:#3a3f55}.conversion-select:focus{outline:none;border-color:#2f65ff}.convert-button{background:#2f65ff;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;white-space:nowrap}.convert-button:hover{background:#2551cc}.timezone-select-wrapper{position:relative;min-width:180px;display:flex;align-items:center}.timezone-search-input{width:100%;background:#0b0d12;color:#fff;border:1px solid #2a2f45;padding:8px 32px 8px 12px;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.timezone-search-input:hover{border-color:#3a3f55}.timezone-search-input:focus{outline:none;border-color:#2f65ff}.timezone-clear-button{position:absolute;right:8px;background:transparent;border:none;color:#888;font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:10}.timezone-clear-button:hover{color:#fff}.timezone-clear-button:active{color:#2f65ff}.timezone-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#161922;border:1px solid #2a2f45;border-radius:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.timezone-dropdown-header{padding:8px 12px;font-size:12px;color:#888;border-bottom:1px solid #2a2f45;background:#12141c}.timezone-dropdown-content{max-height:260px;overflow-y:auto}.timezone-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #1f2330;transition:background-color .2s;font-size:14px}.timezone-dropdown-item:hover{background:#1e2233}.timezone-dropdown-item.active{background:#2a2f45;color:#2f65ff}.timezone-dropdown-item:last-child{border-bottom:none}.timezone-dropdown-item .timezone-offset{font-size:12px;color:#888;margin-left:12px}.timezone-dropdown-item.active .timezone-offset{color:#5a7fff}.timezone-dropdown-content::-webkit-scrollbar{width:6px}.timezone-dropdown-content::-webkit-scrollbar-track{background:#12141c}.timezone-dropdown-content::-webkit-scrollbar-thumb{background:#2a2f45;border-radius:3px}.timezone-dropdown-content::-webkit-scrollbar-thumb:hover{background:#3a3f55}.timezone-selector{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative}.timezone-selector label{font-size:14px;color:#bbb;white-space:nowrap}.timezone-search-wrapper{flex:1;position:relative}.timezone-search{width:100%;background:#0b0d12;color:#fff;border:1px solid #2a2f45;padding:6px 8px;border-radius:4px;font-size:14px;font-family:inherit;box-sizing:border-box}.timezone-search:hover{border-color:#3a3f55}.timezone-search:focus{outline:none;border-color:#2f65ff}.timezone-list{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#161922;border:1px solid #2a2f45;border-radius:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000004d}.timezone-list-header{padding:8px 12px;font-size:12px;color:#888;border-bottom:1px solid #2a2f45;background:#12141c}.timezone-list-total{margin-left:8px;color:#666}.timezone-list-content{max-height:260px;overflow-y:auto}.timezone-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid #1f2330;transition:background-color .2s}.timezone-item:hover{background:#1e2233}.timezone-item.active{background:#2a2f45;color:#2f65ff}.timezone-item:last-child{border-bottom:none}.timezone-name{flex:1;font-size:14px;color:#e6e6e6}.timezone-item.active .timezone-name{color:#2f65ff;font-weight:500}.timezone-offset{font-size:12px;color:#888;margin-left:12px}.timezone-item.active .timezone-offset{color:#5a7fff}.timezone-list-empty{padding:20px;text-align:center;color:#888;font-size:14px}.timezone-info{font-size:12px;color:#888;white-space:nowrap}.timezone-list-content::-webkit-scrollbar,.timezone-list::-webkit-scrollbar{width:6px}.timezone-list-content::-webkit-scrollbar-track,.timezone-list::-webkit-scrollbar-track{background:#12141c}.timezone-list-content::-webkit-scrollbar-thumb,.timezone-list::-webkit-scrollbar-thumb{background:#2a2f45;border-radius:3px}.timezone-list-content::-webkit-scrollbar-thumb:hover,.timezone-list::-webkit-scrollbar-thumb:hover{background:#3a3f55}