.hc-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:25px 0 40px;border-bottom:1px solid #ffffff10}.hc-hero h1{font-size:clamp(42px,5.5vw,66px);line-height:1.06;letter-spacing:-.055em;margin:19px 0 23px}.hc-hero h1 em{color:#a6ddcf;font-style:normal}.hc-hero>div>p{color:#a9bed0;font-size:16px;line-height:1.8;max-width:49ch}.hc-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hc-hero-tags span{font-size:11px;padding:7px 11px;border:1px solid #a1c0d024;border-radius:30px;color:#a8c1d4}.hc-brasilia{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;background:radial-gradient(ellipse,#26505155,transparent 70%);min-height:300px}.hc-analog{width:240px;max-width:46%;flex-shrink:0;filter:drop-shadow(0 15px 18px #0003)}.hc-brasilia>div{min-width:0}.hc-brasilia .eyebrow{font-size:10px;letter-spacing:.15em}.hc-brasilia strong{display:block;font-size:clamp(27px,3.2vw,42px);font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:13px 0;color:#e4f5f0}.hc-brasilia>div>span:not(.eyebrow){display:block;color:#9eb7c9;font-size:13px}.hc-brasilia small{display:block;color:#94d6bf;font-size:10px;margin-top:17px}.hc-planner{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin:32px 0 52px;padding:27px 30px;border:1px solid #a4c7d022;border-radius:20px;background:linear-gradient(120deg,#172e3a,#121f2d)}.hc-planner h2{font-size:23px;line-height:1.3;letter-spacing:-.035em;margin:12px 0}.hc-planner p{font-size:14px;line-height:1.8;color:#a6bed0;max-width:49ch;margin:0}.hc-planner-control label{font-size:13px;color:#9fb8ca}.hc-planner-control output{color:#c2e9dd;font-weight:600;margin-left:7px}.hc-planner-control input{width:100%;accent-color:#a4decb;margin:20px 0 9px;cursor:pointer}.hc-planner-control>div{display:flex;justify-content:space-between;font-size:10px;color:#8ca8c0}.hc-planner-control button{background:transparent;border:1px solid #83b9ac55;border-radius:8px;color:#b5dfd0;padding:8px 13px;font:inherit;font-size:12px;margin-top:16px;cursor:pointer}.hc-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.hc-library h2{font-size:30px;letter-spacing:-.04em;margin:12px 0}.hc-library-head p{font-size:12px;color:#96b0c4;margin:0}.hc-options{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hc-search-label input{width:245px;max-width:100%;padding:12px 14px;font:inherit;font-size:13px}.hc-options button{background:#172b3b;border:1px solid #ffffff1c;border-radius:10px;color:#b7ccdc;padding:12px 14px;font:inherit;font-size:12px;cursor:pointer;min-height:43px}.hc-filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.hc-filters button{border:1px solid #ffffff16;border-radius:40px;background:#131f2c;color:#aac0d4;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer;min-height:41px}.hc-filters button[aria-pressed=true]{background:#afdfcd;border-color:#afdfcd;color:#16342d}.hc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.hc-city{position:relative;background:linear-gradient(145deg,#192a3d,#111d2d);border:1px solid #a0bdd420;border-radius:20px;padding:23px;overflow:hidden;min-width:0}.hc-city[hidden]{display:none}.hc-city-head{display:flex;align-items:center;justify-content:space-between}.hc-country-code{font-size:10px;letter-spacing:.15em;color:#9bb8ca}.hc-pin{background:transparent;border:0;padding:0 5px;font:inherit;font-size:25px;color:#7795ab;cursor:pointer;line-height:1.2;min-width:34px;min-height:34px}.hc-pin[aria-pressed=true]{color:#d8cc92}.hc-city h2{font-size:22px;margin:14px 0 4px;letter-spacing:-.04em}.hc-country{font-size:12px;color:#8fa7bf;margin:0 0 20px}.hc-time{display:block;font-size:34px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:#dfeff6;white-space:nowrap}.hc-date{font-size:12px;color:#9bb4c7;min-height:20px;margin:10px 0 23px}.hc-city-bottom{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid #a0bdd419;padding-top:15px;font-size:10px;color:#8ca9c1}.hc-period{position:absolute;top:28px;right:65px;font-size:10px;color:#9fb6c9}.hc-city[data-period=manha],.hc-city[data-period=tarde]{background:linear-gradient(145deg,#213942,#142735)}.hc-city[data-period=manha] .hc-time,.hc-city[data-period=tarde] .hc-time{color:#bfe8d9}.hc-city[data-period=madrugada],.hc-city[data-period=noite]{background:linear-gradient(145deg,#222a43,#121d2d)}.hc-empty,.hc-notice{color:#bad1dc;font-size:15px;line-height:1.8;padding:25px;border:1px dashed #9db4c442;border-radius:15px}.hc-about{margin:35px 0;max-width:900px;border:0}.hc-about:last-of-type{border:0}.hc-about summary{justify-content:flex-start;width:fit-content;font-size:14px;gap:15px;color:#b3d5d5}.hc-about p{font-size:13px;line-height:1.8;color:#9cb4c6}.hc-filters button:focus-visible,.hc-pin:focus-visible,.hc-options button:focus-visible,.hc-planner button:focus-visible{outline:2px solid #b5e6d5;outline-offset:4px}
@media(max-width:1050px){.hc-hero{grid-template-columns:1fr 1fr;gap:20px}.hc-brasilia{flex-direction:column;gap:0;text-align:center;padding:0 10px}.hc-analog{width:200px;max-width:100%}.hc-brasilia strong{margin:8px 0}.hc-brasilia small{margin-top:8px}.hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hc-library-head{align-items:flex-start;flex-direction:column}.hc-options{width:100%}.hc-search-label{flex:1}.hc-search-label input{width:100%}.hc-planner{gap:20px}}
@media(max-width:650px){.hc-hero{grid-template-columns:1fr;padding:10px 0 28px;gap:22px}.hc-hero h1{font-size:49px}.hc-hero>div>p{font-size:15px}.hc-brasilia{flex-direction:row;text-align:left;min-height:200px;gap:10px;padding:0}.hc-analog{width:47%;max-width:190px}.hc-brasilia strong{font-size:29px}.hc-brasilia .eyebrow{font-size:8px;letter-spacing:.08em}.hc-brasilia>div>span:not(.eyebrow){font-size:11px}.hc-brasilia small{font-size:9px}.hc-planner{grid-template-columns:1fr;gap:22px;padding:24px;margin:25px 0 40px}.hc-planner h2{font-size:22px}.hc-grid{gap:12px}.hc-city{padding:18px}.hc-city h2{font-size:20px}.hc-time{font-size:27px}.hc-country{font-size:11px}.hc-city-bottom{font-size:9px;gap:7px}.hc-period{font-size:8px;right:55px;top:30px}.hc-pin{font-size:24px}.hc-library h2{font-size:27px}.hc-options button{font-size:11px;padding:11px}.hc-filters{gap:7px}.hc-filters button{font-size:11px;padding:10px 13px}}
@media(max-width:440px){.hc-grid{grid-template-columns:1fr}.hc-time{font-size:36px}.hc-city h2{font-size:23px}.hc-country{font-size:12px}.hc-date{font-size:13px}.hc-city-bottom{font-size:11px}.hc-period{font-size:10px;right:66px;top:30px}.hc-country-code{font-size:11px}.hc-brasilia strong{font-size:25px}.hc-hero h1{font-size:45px}.hc-search-label{min-width:150px}.hc-options{gap:8px}.hc-library h2{font-size:26px}}
@media(max-width:360px){.hc-brasilia strong{font-size:22px}.hc-brasilia .eyebrow{font-size:7px}.hc-brasilia small{font-size:8px}.hc-options{flex-direction:column;align-items:stretch}.hc-search-label{width:100%}}
/* Illustrated light phases: the scene is separated from the clock for clear reading. */
.hc-sky{height:135px;margin:-9px -23px 18px;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 13%,#000 85%,transparent)}.hc-sky img{width:100%;height:100%;display:block;object-fit:cover}.hc-city{transition:background-color .6s,border-color .6s}.hc-city[data-sky=dawn]{background:linear-gradient(145deg,#34374c,#1b2939);border-color:#bda89b33}.hc-city[data-sky=morning]{background:linear-gradient(145deg,#243e4c,#182b3b)}.hc-city[data-sky=noon]{background:linear-gradient(145deg,#264752,#192d3d)}.hc-city[data-sky=afternoon]{background:linear-gradient(145deg,#2d404b,#202c3d)}.hc-city[data-sky=late-afternoon]{background:linear-gradient(145deg,#413b48,#232b3b);border-color:#bba37d2b}.hc-city[data-sky=sunset]{background:linear-gradient(145deg,#473442,#252638);border-color:#d59b7b30}.hc-city[data-sky=early-night]{background:linear-gradient(145deg,#303048,#1a2337)}.hc-city[data-sky=night]{background:linear-gradient(145deg,#202b43,#131e31)}.hc-city[data-sky=late-night]{background:linear-gradient(145deg,#2a344c,#192638)}.hc-city[data-sky=dawn] .hc-time,.hc-city[data-sky=late-afternoon] .hc-time,.hc-city[data-sky=sunset] .hc-time{color:#f1d3b4}.hc-city[data-sky=morning] .hc-time,.hc-city[data-sky=noon] .hc-time,.hc-city[data-sky=afternoon] .hc-time{color:#c4e9dc}.hc-city[data-sky=early-night] .hc-time,.hc-city[data-sky=night] .hc-time,.hc-city[data-sky=late-night] .hc-time{color:#d5e2ff}.hc-country{margin-bottom:20px}.hc-brasilia>.hc-reference,.hc-brasilia>.hc-analog{position:relative;z-index:1}.hc-brasilia>.hc-hero-sky{position:absolute;bottom:-13px;left:0;right:0;height:160px;z-index:0;opacity:.25;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 45%,transparent)}.hc-hero-sky img{width:100%;height:100%;object-fit:cover}.hc-brasilia .hc-hero-period{display:block!important;margin-top:8px;font-size:11px!important;color:#c5d6de!important}.hc-about a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.hc-sky{height:110px;margin-left:-18px;margin-right:-18px;margin-bottom:16px}.hc-brasilia>.hc-hero-sky{height:130px;opacity:.18}.hc-brasilia .hc-hero-period{font-size:9px!important}}
@media(max-width:440px){.hc-sky{height:140px}.hc-period{right:65px}.hc-country{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.hc-city{transition:none}}

.hc-sync{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:14px 18px;border:1px solid #a9dfcf26;border-radius:14px;background:#14252a;color:#b9d7d5;font-size:.9rem}.hc-sync button{flex-shrink:0;border:1px solid #a9dfcf40;border-radius:10px;background:transparent;color:#c3eee1;padding:9px 12px;cursor:pointer;font:inherit}.hc-sync button:disabled{opacity:.5;cursor:wait}.hc-sync[data-state="holdover"],.hc-sync[data-state="unavailable"]{border-color:#dfb66e70;color:#f1d6a5}.hc-sync button:focus-visible{outline:2px solid #a9dfcf;outline-offset:3px}@media(max-width:520px){.hc-sync{align-items:flex-start;flex-direction:column}.hc-sync button{width:100%}}