.workspace.clock-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px}.calendar-column{display:grid;gap:20px;min-width:0}.clock-dashboard .week-main{padding:24px 28px}.clock-dashboard .week-number{font-size:104px;line-height:1.05}.clock-dashboard .week-range{font-size:18px}.time-column{min-width:0;scroll-margin-top:20px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff}.primary-clock{background:#eef7f5;padding:22px 24px;border-bottom:1px solid #d4e9e4}.clock-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.clock-top h2,.world-block>h2{font-size:18px;margin:0}.clock-format label{font-size:10px}.clock-format select{font-size:12px;padding:4px 7px;height:32px;min-height:0}.primary-clock>time{display:block;font-size:clamp(32px,4.2vw,57px);line-height:1.2;letter-spacing:-1.8px;font-weight:650;font-variant-numeric:tabular-nums;color:#075e54;margin-top:12px;white-space:nowrap}.primary-clock>p{margin:5px 0 15px;font-size:12px;color:var(--muted)}.clock-zone-row{display:flex;gap:8px;align-items:end}.clock-zone-row .field{flex:1;min-width:0}.time-column .field{min-width:0}.time-column label{font-size:11px}.time-column select,.time-column input{width:100%;min-width:0;max-width:100%;font-size:13px;height:39px;box-sizing:border-box}.clock-zone-row button{white-space:nowrap;font-size:11px;padding:10px;min-height:39px}.primary-clock .clock-source{font-size:10px;margin:9px 0 0}.world-block{padding:20px 24px 8px}.world-clocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.world-clock{border:1px solid var(--border);border-radius:10px;padding:12px;min-width:0}.world-clock-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.world-clock h3{font-size:13px;font-weight:600;margin:0;overflow-wrap:anywhere}.world-clock button{border:0;background:transparent;padding:2px 5px;color:var(--muted);font-size:18px;line-height:1}.world-clock time{display:block;font-size:26px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.6px;margin:4px 0}.world-clock p{font-size:10px;margin:2px 0;color:var(--muted)}.world-period{font-size:10px;color:#607281}.clock-add{display:flex;gap:8px;align-items:end;margin-top:14px}.clock-add .field{flex:1;min-width:0}.clock-add button{font-size:11px;padding:10px;white-space:nowrap;height:39px}.clock-feedback{font-size:11px;color:var(--muted);min-height:0;margin:6px 0}.clock-feedback:empty{display:none}.time-converter{border-top:1px solid var(--border);margin:10px 24px 0;padding:17px 0}.time-converter summary{font-size:14px;font-weight:600;cursor:pointer}.clock-note{font-size:11px;color:var(--muted);line-height:1.6}.converter-zones{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);gap:8px;align-items:end;margin:14px 0}.converter-zones button{height:39px;padding:0;font-size:19px}.time-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.time-actions button{font-size:12px;padding:9px 14px}.time-error{font-size:12px;color:#a34225;line-height:1.55}.time-error:empty{display:none}.time-result:not(:empty){border-radius:10px;background:#eef7f5;padding:15px;margin-top:14px}.time-result span,.time-result small{display:block;color:var(--muted);font-size:12px}.time-result strong{display:block;font-size:30px;font-variant-numeric:tabular-nums;color:#075e54}.time-result small{font-size:10px;margin-top:8px}.clock-about{border-top:1px solid var(--border);padding:12px 24px;color:var(--muted);font-size:10px;line-height:1.6}.clock-about summary{cursor:pointer}.clock-seo{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.clock-seo h2{font-size:16px}.clock-seo p{font-size:12px;color:var(--muted)}
@media(max-width:900px){.workspace.clock-dashboard{gap:16px}.primary-clock,.world-block{padding-inline:16px}.time-converter{margin-inline:16px}.clock-zone-row,.clock-add{flex-wrap:wrap}.clock-zone-row .field,.clock-add .field{flex-basis:100%}.primary-clock>time{font-size:37px;letter-spacing:-1px}.world-clock{padding:10px}.world-clock time{font-size:21px}.clock-dashboard .week-number{font-size:100px}.clock-dashboard .week-main{padding:24px}}
@media(max-width:680px){.workspace.clock-dashboard{grid-template-columns:minmax(0,1fr)}.primary-clock>time{font-size:47px}.world-clock time{font-size:26px}.clock-zone-row,.clock-add{flex-wrap:nowrap}.clock-zone-row .field,.clock-add .field{flex-basis:auto}.time-column{margin-top:2px}.clock-dashboard .week-number{font-size:112px}.clock-top h2{font-size:17px}}
@media(max-width:360px){.primary-clock>time{font-size:38px}.world-clock time{font-size:22px}.clock-zone-row,.clock-add{flex-wrap:wrap}.clock-zone-row .field,.clock-add .field{flex-basis:100%}.converter-zones{grid-template-columns:minmax(0,1fr)}.converter-zones button{width:40px}.clock-format select{font-size:11px}}
@media print{.time-column,.clock-seo{display:none!important}}