*{box-sizing:border-box}body{background:var(--wasd-color-surface-canvas);color:var(--wasd-color-text-default);font-family:var(--wasd-typography-family-sans);margin:0}button,select{font:inherit}.world-clock-tool{background:linear-gradient(135deg, color-mix(in srgb, var(--wasd-color-surface-raised) 88%, #0f766e 12%), var(--wasd-color-surface-raised) 54%), var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-md);box-shadow:var(--wasd-shadow-sm);inline-size:100%;padding:var(--wasd-spacing-4)}.world-clock-tool--teaser{block-size:100%}.world-clock-tool__header h2,.world-clock-tool__header p,.world-clock-tool__panel h3,.world-clock-tool__time,.world-clock-tool__status{margin:0}.world-clock-tool__workspace{align-items:start;gap:var(--wasd-spacing-4);grid-template-columns:minmax(19rem,.72fr) minmax(28rem,1.28fr);display:grid}.world-clock-tool__panel{background:var(--wasd-color-surface-canvas);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);min-inline-size:0;padding:var(--wasd-spacing-4)}.world-clock-tool__panel--result{top:var(--wasd-spacing-4);position:sticky}.world-clock-tool__field,.world-clock-tool__add-row{gap:var(--wasd-spacing-2);min-inline-size:0;display:grid}.world-clock-tool__add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.world-clock-tool__field>span,.world-clock-tool__home-card dt,.world-clock-tool__detail-list dt,.world-clock-tool__count{color:var(--wasd-color-text-muted);font-size:var(--wasd-typography-text-style-label-sm-font-size);font-weight:var(--wasd-typography-weight-medium)}.world-clock-tool__field .wasd-select-root,.world-clock-tool__field .wasd-select-control{inline-size:100%}.world-clock-tool__home-card{background:color-mix(in srgb, var(--wasd-color-surface-raised) 80%, #0f766e 20%);border:var(--wasd-border-width-thin) solid color-mix(in srgb, var(--wasd-color-border-subtle) 64%, #0f766e 36%);border-radius:var(--wasd-radius-sm);gap:var(--wasd-spacing-3);padding:var(--wasd-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.world-clock-tool__home-card dd{font-family:var(--wasd-typography-family-mono);font-weight:var(--wasd-typography-weight-semibold);margin:var(--wasd-spacing-1) 0 0;overflow-wrap:anywhere}.world-clock-tool__clock-grid{gap:var(--wasd-spacing-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.world-clock-tool__clock-card{background:var(--wasd-color-surface-raised);border:var(--wasd-border-width-thin) solid var(--wasd-color-border-subtle);border-radius:var(--wasd-radius-sm);gap:var(--wasd-spacing-3);min-inline-size:0;padding:var(--wasd-spacing-3);display:grid}.world-clock-tool__clock-card[data-status=business]{border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 60%, #0f766e 40%)}.world-clock-tool__clock-card[data-status=outside]{border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 62%, #7c3aed 38%)}.world-clock-tool__clock-card[data-status=weekend]{border-color:color-mix(in srgb, var(--wasd-color-border-subtle) 62%, #b45309 38%)}.world-clock-tool__clock-topline{align-items:start;gap:var(--wasd-spacing-3);justify-content:space-between;display:flex}.world-clock-tool__clock-topline strong{overflow-wrap:anywhere}.world-clock-tool__time{font-family:var(--wasd-typography-family-mono);font-size:clamp(1.8rem,4vw,3rem);font-weight:var(--wasd-typography-weight-semibold);line-height:1}.world-clock-tool__detail-list{gap:var(--wasd-spacing-2);margin:0;display:grid}.world-clock-tool__detail-list div{align-items:baseline;gap:var(--wasd-spacing-3);justify-content:space-between;display:flex}.world-clock-tool__detail-list dd{font-weight:var(--wasd-typography-weight-semibold);overflow-wrap:anywhere;text-align:end;margin:0}.world-clock-tool__status{color:var(--wasd-color-text-muted);min-block-size:1.35em}.world-clock-tool--teaser>.wasd-stack{gap:16px;block-size:100%;min-block-size:0;max-block-size:100%;overflow:hidden}.world-clock-tool--teaser .world-clock-tool__header,.world-clock-tool--teaser .world-clock-tool__status{display:none}.world-clock-tool--teaser .world-clock-tool__workspace{grid-template-columns:minmax(18rem,.75fr) minmax(30rem,1.25fr);block-size:100%;min-block-size:0;overflow:hidden}.world-clock-tool--teaser .world-clock-tool__panel{max-block-size:100%;overflow:hidden}@media (width<=72rem){.world-clock-tool__workspace,.world-clock-tool__clock-grid{grid-template-columns:1fr}.world-clock-tool__panel--result{position:static}}@media (width<=48rem){.world-clock-tool{box-shadow:none;padding:var(--wasd-spacing-3);border-inline:0;border-radius:0}.world-clock-tool__add-row,.world-clock-tool__home-card{grid-template-columns:1fr}.world-clock-tool__detail-list div{align-items:start;display:grid}.world-clock-tool__detail-list dd{text-align:start}}