.tool-panel{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.tool-panel h2{color:#1a2a6c;margin-bottom:1rem}.calculator-container{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.date-time-box{flex:1;min-width:250px;background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #dee2e6}.date-time-box fieldset.input-group{border:0;padding:0;margin:0}.input-group{margin-bottom:1rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057}input[type=date],input[type=time]{width:100%;padding:.8rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}#convert-tz-btn{display:block;width:100%;max-width:300px;margin:0 auto}.result-box{margin-top:1.5rem;padding:1.5rem;background-color:#e7f3ff;border-radius:8px;border-left:4px solid #1a2a6c;display:none}.result-box.visible{display:block}.result-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.choices__inner{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.4rem .8rem;min-height:auto}.choices__list--dropdown{border-radius:4px;min-width:300px}.choices__list--dropdown .choices__item{white-space:nowrap}.choices__list--dropdown .choices__item--selectable.is-highlighted{background-color:#1a2a6c}.choices[data-type*=select-one]::after{border-color:#333 transparent transparent;right:11.5px;margin-top:-3.5px}.choices[data-type*=select-one].is-open::after{border-color:transparent transparent #333;margin-top:-3.5px}.world-clocks-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;background-color:#f8f9fa;border-radius:10px}.clock .number,.clock-container{text-align:center}.clock{width:120px;height:120px;border:8px solid #333;border-radius:50%;margin:0 auto;position:relative;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2)}.clock .number{position:absolute;width:100%;height:100%;transform:rotate(var(--rotation));font-size:1rem}.clock .number span{display:inline-block;transform:rotate(calc(-1*var(--rotation)))}.hand{width:50%;height:4px;background:#000;position:absolute;top:50%;transform-origin:100%;transform:rotate(90deg);transition:all .05s;transition-timing-function:cubic-bezier(.1,2.7,.58,1);border-radius:2px}.hour-hand{width:35%;left:15%;height:6px}.minute-hand{width:45%;left:5%}.second-hand{width:50%;background:red;height:2px}.center-dot{width:12px;height:12px;border-radius:50%;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.zone{font-size:1.1rem;font-weight:600;margin-top:1rem}.digital-time{font-size:1rem;color:#6c757d;margin-top:.5rem}.radio-group{display:flex;align-items:center;margin-bottom:.5rem}.radio-group label{font-weight:400}.radio-group input[type=radio]{margin-right:.5rem;width:auto}.world-clock-controls{margin-bottom:1.5rem;justify-content:flex-start}#search-container{flex-grow:1;min-width:250px}.world-clock-controls,.world-clock-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}#filter-container,#sort-container{display:flex;align-items:center;gap:.5rem}.world-clock-input{padding:.8rem 1rem;font-size:1rem;border:1px solid #ced4da;border-radius:6px;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}#search-bar.world-clock-input{width:100%;max-width:400px;box-sizing:border-box}select.world-clock-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;padding-right:2.5rem}.world-clock-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.world-clock-tables-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.world-clock-table{width:100%;border-collapse:collapse;table-layout:fixed}.world-clock-table td,.world-clock-table th{padding:.6rem;text-align:left;border-bottom:1px solid #dee2e6;word-wrap:break-word}.world-clock-table th{background-color:#e9ecef;font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase}.world-clock-table tbody tr:hover{background-color:#f8f9fa}@media (max-width:1200px){.world-clock-tables-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:992px){.calculator-container{flex-direction:column}.world-clocks-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.tool-panel{padding:1.5rem}.world-clock-controls{flex-direction:column;align-items:stretch}.world-clocks-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:1rem}.clock{width:100px;height:100px;border-width:6px}.zone{font-size:1rem}.digital-time{font-size:.9rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.world-clock-table{min-width:600px}}@media (max-width:576px){.date-time-box,.tool-panel{padding:1rem}.clock{width:90px;height:90px}}@media (max-width:480px){.world-clocks-container{padding:1rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.clock{width:80px;height:80px;border-width:5px}.zone{font-size:.9rem}.clock .number,.digital-time{font-size:.8rem}.calculator-container{gap:1rem}}.guide-section h3:not(:first-child){margin-top:2rem}