/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * macrostructure: Map / Diagram · theme: studied-DNA (source: https://www.deepseek.com/)
 * genre: modern-minimal · DeepSeek public CSS palette and body typography
 * nav: N13 timezone search · footer: Ft4 source colophon
 * live time-map adaptation: functional geometry, instant content, no visual-only artwork
 * audience: DeepSeek API users · tone: precise · brand: #4d6bfe
 */
@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
*{box-sizing:border-box}html,body{overflow-x:clip}body{margin:0;background:var(--color-paper);color:var(--color-body);font:400 var(--text-base)/1.6 var(--font-body);padding-bottom:env(safe-area-inset-bottom)}
a{color:var(--color-accent);text-underline-offset:4px}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button,a,summary{ -webkit-tap-highlight-color:var(--color-transparent)}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
button:disabled,[aria-disabled=true]{opacity:.55;cursor:not-allowed}button:active{transform:translateY(1px)}[hidden]{display:none!important}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.wrap{width:min(1168px,100%);margin-inline:auto;padding-inline:max(var(--space-lg),env(safe-area-inset-left))}
.skip-link{position:fixed;inset-block-start:var(--space-md);inset-inline-start:var(--space-md);transform:translateY(-200%);background:var(--color-raised);padding:var(--space-md);z-index:var(--z-modal)}.skip-link:focus{transform:none}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);height:100px;border-bottom:1px solid var(--color-rule)}.brand{display:flex;align-items:center;gap:var(--space-sm);font:600 var(--text-lg)/1 var(--font-display);color:var(--color-ink);text-decoration:none;white-space:nowrap}.brand>svg{width:32px;height:32px;stroke:var(--color-accent);stroke-width:1.8}.brand-light{color:var(--color-muted);font-weight:400}
.zone-trigger{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-control);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);min-height:44px;font-size:var(--text-sm);white-space:nowrap}.zone-trigger>svg{width:17px;height:17px;color:var(--color-muted)}kbd{font:400 var(--text-xs)/1.2 var(--font-body);border:1px solid var(--color-control);padding:2px 4px;border-radius:4px;color:var(--color-muted)}.zone-trigger kbd{margin-inline-start:var(--space-xs)}
.status-surface{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl);padding-block:var(--space-2xl)}.status-main{min-width:0}.status-pill{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);background:var(--color-accent-soft);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill)}.status-pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
h1{font:600 var(--text-display)/1.14 var(--font-display);letter-spacing:-.045em;color:var(--color-ink);margin:var(--space-md) 0;overflow-wrap:anywhere;min-width:0;max-width:18ch}.status-main>p{margin:0;max-width:52ch}.reason-line{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);padding-top:var(--space-md)}.reason-line svg{width:16px;height:16px}
.next-surface{min-width:0}.next-surface>p{margin:0 0 var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}.countdown{display:flex;gap:var(--space-md);font-variant-numeric:tabular-nums}.countdown>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;flex:1}.countdown>div>span{font:400 var(--text-countdown)/1.15 var(--font-mono);letter-spacing:-.08em;color:var(--color-ink)}.countdown small{font:400 var(--text-sm)/1.7 var(--font-body);color:var(--color-muted);margin-top:var(--space-xs)}.countdown>div:last-child>span{color:var(--color-muted)}.next-at{display:flex;align-items:flex-start;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-body);margin-top:var(--space-lg)}.next-at svg{width:16px;height:16px;margin-top:3px}
.notice{margin:0 0 var(--space-lg);border:1px solid var(--color-peak);padding:var(--space-md);font-size:var(--text-sm);border-radius:var(--radius-sm);background:var(--color-peak-soft);color:var(--color-ink)}
.time-map{background:var(--color-surface);color:var(--color-body);border-radius:var(--radius-md);padding:var(--space-xl)}.map-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}h2{font:600 var(--text-heading)/1.3 var(--font-display);letter-spacing:-.025em;margin:0;color:var(--color-ink);overflow-wrap:anywhere;min-width:0}.map-head p,.section-head p{margin:var(--space-2xs) 0 0;font-size:var(--text-sm);color:var(--color-muted)}.legend{display:flex;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-muted)}.legend>span{display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.swatch{height:8px;width:8px;display:inline-block;border-radius:2px;flex-shrink:0}.swatch.offpeak{background:var(--color-accent)}.swatch.peak{background:var(--color-peak-track)}.swatch.unknown{background:var(--color-unknown)}
.timeline-chart{padding-block:var(--space-xl) var(--space-md)}.timeline-marker{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--space-sm)}.timeline-marker>span:first-child{color:var(--color-accent)}.timeline{height:40px;display:flex;gap:3px;overflow:clip;border-radius:var(--radius-sm);background:var(--color-raised)}.timeline-segment{background:var(--color-accent);min-width:0;position:relative}.timeline-segment.peak{background:var(--color-peak-track)}.timeline-segment.unknown{background:var(--color-unknown)}.timeline-axis{display:flex;justify-content:space-between;padding-top:var(--space-sm);font-size:var(--text-xs);color:var(--color-muted);font-variant-numeric:tabular-nums}
.window-list{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);padding-bottom:var(--space-lg)}.window-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted)}.window-item>div{display:flex;align-items:center;gap:var(--space-xs)}.window-kind{color:var(--color-body)}.window-item:first-child .window-kind:after{content:' · now';color:var(--color-muted)}.window-time{font-variant-numeric:tabular-nums}.map-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.map-stats>div{display:flex;flex-direction:column;min-width:0;gap:4px}.map-stats>div>span{font-size:var(--text-xs);color:var(--color-muted)}.map-stats strong{font:500 var(--text-lg)/1.5 var(--font-display);color:var(--color-ink)}.map-stats .local-time{grid-column:1/-1}.local-time time{font:400 var(--text-lg)/1.5 var(--font-mono);color:var(--color-ink);font-variant-numeric:tabular-nums;letter-spacing:-.035em}
.rates-section{padding-block:var(--space-2xl)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.rate-mode{padding:4px var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-accent);white-space:nowrap}.rates-table{font-variant-numeric:tabular-nums}.rates-row{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:var(--space-lg);align-items:center;padding-block:var(--space-lg);border-bottom:1px solid var(--color-rule)}.rates-header{padding-block:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted);border-bottom:1px solid var(--color-rule)}.rates-header>div:not(:first-child),.rates-row>.price{text-align:right}.model-name{color:var(--color-ink);font-weight:500}.model-id{font-size:var(--text-xs);color:var(--color-muted);overflow-wrap:anywhere}.price{font-size:var(--text-lg);color:var(--color-ink)}.price small{display:block;font:400 var(--text-xs)/1.8 var(--font-body);color:var(--color-muted)}.rates-note{font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-md) 0 0}
.details-section{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding-bottom:var(--space-xl)}details{background:var(--color-surface);border-radius:var(--radius-sm);align-self:start}summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:56px;cursor:pointer;list-style:none;font-size:var(--text-sm);color:var(--color-body)}summary::-webkit-details-marker{display:none}summary>span{font-size:var(--text-lg);color:var(--color-muted);transition:transform var(--dur-micro) var(--ease-out)}details[open] summary>span{transform:rotate(45deg)}.details-content{padding:0 var(--space-lg) var(--space-lg);max-width:75ch}.details-content p{margin:0 0 var(--space-md);font-size:var(--text-sm)}.details-content p:last-child{margin-bottom:0}
.footer{display:flex;justify-content:space-between;gap:var(--space-lg);padding-block:var(--space-lg) var(--space-2xl);border-top:1px solid var(--color-rule);font-size:var(--text-xs);color:var(--color-muted)}.source-colophon p{margin:4px 0 0}.source-check{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-body)}.source-check:before{content:'';width:5px;height:5px;background:var(--color-control);border-radius:50%}body[data-verified=true] .source-check:before{background:var(--color-accent)}.source-links{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.source-links a{min-height:32px;display:flex;gap:var(--space-xs);align-items:center;color:var(--color-muted);text-decoration:none;white-space:nowrap}.source-links svg{width:14px;height:14px}
dialog{position:fixed;inset:0;margin:auto;padding:var(--space-lg);width:min(520px,calc(100% - 2rem));height:fit-content;max-height:85dvh;background:var(--color-surface);color:var(--color-body);border:1px solid var(--color-control);border-radius:var(--radius-md);overflow:auto}dialog::backdrop{background:var(--color-backdrop)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.dialog-head h2{font-size:var(--text-lg)}.icon-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--color-control);background:var(--color-transparent);border-radius:var(--radius-sm)}.zone-search-field{margin-block:var(--space-md)}.zone-search-field label{font-size:var(--text-sm);display:block;margin-bottom:var(--space-xs);color:var(--color-muted)}.zone-search-field input{height:48px;width:100%;border:1px solid var(--color-control);background:var(--color-paper);color:var(--color-ink);padding-inline:var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-base)}input::placeholder{color:var(--color-muted)}input:disabled{opacity:.55;cursor:not-allowed}input[aria-invalid=true]{border-color:var(--color-peak)}
.zone-auto{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--color-control);background:var(--color-transparent);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);min-height:60px}.zone-auto small{display:block;color:var(--color-muted);font-size:var(--text-xs)}.auto-check{color:var(--color-accent)}.zone-auto[aria-pressed=false] .auto-check{visibility:hidden}.result-label{font-size:var(--text-xs);color:var(--color-muted);margin:var(--space-md) 0 var(--space-xs)}.zone-results{display:flex;flex-direction:column;max-height:300px;overflow:auto;gap:4px}.zone-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);text-align:left;padding:var(--space-sm);min-height:52px;border:1px solid var(--color-transparent);background:var(--color-transparent);border-radius:var(--radius-sm);font-size:var(--text-sm)}.zone-result[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent)}.zone-result small{display:block;color:var(--color-muted);font-size:var(--text-xs)}.zone-result>time{color:var(--color-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.zone-empty{font-size:var(--text-sm);padding:var(--space-sm);color:var(--color-muted)}.dialog-hint{display:flex;align-items:center;gap:4px;color:var(--color-muted);font-size:var(--text-xs);margin:var(--space-md) 0 0}.dialog-hint>span{margin-inline-start:auto}
body[data-status=peak] .status-pill{background:var(--color-peak-soft);color:var(--color-peak)}body[data-status=unknown] .status-pill{background:var(--color-raised);color:var(--color-muted)}
@media(hover:hover){.zone-trigger:hover,.icon-button:hover,.zone-auto:hover,.zone-result:hover{background:var(--color-raised)}summary:hover,.source-links a:hover{color:var(--color-accent)}}
@media(min-width:40rem){.status-surface{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;padding-block:var(--space-3xl);gap:var(--space-2xl)}.next-surface{border-left:1px solid var(--color-rule);padding-left:var(--space-xl)}.map-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.map-stats .local-time{grid-column:auto;text-align:right}.details-section{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:39.99rem){.wrap{padding-inline:var(--space-md)}.masthead{height:80px;gap:var(--space-sm)}.brand{font-size:var(--text-base);gap:var(--space-xs)}.brand>svg{width:25px;height:25px}.brand-light{display:none}.zone-trigger{padding-inline:var(--space-sm);gap:var(--space-xs);font-size:var(--text-xs)}.zone-trigger kbd{display:none}.zone-trigger>svg{width:15px}.status-surface{gap:var(--space-lg);padding-block:var(--space-xl)}h1{font-size:clamp(2.1rem,9vw,3rem);max-width:none}.status-main>p{font-size:var(--text-sm)}.reason-line{padding-top:var(--space-sm)}.next-surface{border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}.next-surface>p{margin-bottom:var(--space-sm)}.countdown{gap:var(--space-sm)}.countdown>div>span{font-size:clamp(2rem,8vw,2.75rem)}.countdown small{font-size:var(--text-xs);margin-top:4px}.next-at{margin-top:var(--space-md);font-size:var(--text-xs)}.time-map{padding:var(--space-lg) var(--space-md);border-radius:var(--radius-sm)}h2{font-size:var(--text-lg)}.map-head{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.map-head p,.section-head p{font-size:var(--text-xs)}.legend{font-size:var(--text-xs)}.timeline-chart{padding-block:var(--space-lg) var(--space-md)}.timeline{height:32px}.window-list{flex-direction:column;gap:var(--space-xs)}.window-item{flex-wrap:wrap;font-size:var(--text-xs)}.map-stats{gap:var(--space-md)}.map-stats strong{font-size:var(--text-sm)}.map-stats .local-time{flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid var(--color-rule);padding-top:var(--space-md)}.local-time time{font-size:var(--text-base)}.local-time>span{max-width:60%}.section-head{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.rate-mode{font-size:var(--text-xs)}.rates-section{padding-block:var(--space-xl)}.rates-header{display:none}.rates-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);padding-block:var(--space-lg)}.rates-row>div:first-child{grid-column:1/-1}.rates-row>.price{text-align:left;font-size:var(--text-base)}.price:before{content:attr(data-label);display:block;color:var(--color-muted);font:400 var(--text-xs)/1.7 var(--font-body);margin-bottom:4px}.price small{font-size:var(--text-xs)}.details-section{gap:var(--space-xs)}summary{padding-inline:var(--space-md);font-size:var(--text-xs);gap:var(--space-xs);white-space:nowrap}.details-content{padding-inline:var(--space-md)}.footer{flex-direction:column;gap:var(--space-md);font-size:var(--text-xs)}.source-links{flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-lg)}.source-links a{min-height:44px}.dialog-head h2{font-size:var(--text-base)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active{transform:none}}

@media(max-width:39.99rem){summary{font-size:var(--text-sm)}.window-item,.legend{font-size:var(--text-sm)}}

.details-section>h2{grid-column:1/-1;margin-block:0 var(--space-xs)}
/* The official light surface, moderate typography and quiet pill controls. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--color-link)}
.masthead{border-bottom:0}
.brand{color:var(--color-accent);font-size:1.25rem;letter-spacing:-.035em;font-weight:700}
.brand-light{font-size:var(--text-base);font-weight:400;letter-spacing:-.01em;color:var(--color-muted)}
.zone-trigger{background:var(--color-surface);border-color:var(--color-rule);font-weight:500;transition:background var(--dur-micro) var(--ease-out)}
.zone-trigger kbd{border-color:var(--color-rule)}
h1{font-weight:500;letter-spacing:-.035em;line-height:1.2}
h2{font-weight:500;letter-spacing:-.02em}
.status-pill{color:var(--color-accent-text)}
.countdown>div>span{font-weight:500;letter-spacing:-.04em}
.countdown>div:last-child>span{color:var(--color-accent)}
.time-map{border:1px solid var(--color-rule);border-radius:var(--radius-card)}
.timeline-marker>span:first-child{color:var(--color-accent-text)}
.map-stats strong{font-weight:500}
.local-time time{letter-spacing:-.02em}
.rate-mode{background:var(--color-accent-soft);border-color:var(--color-transparent);color:var(--color-accent-text)}
.price{font-weight:500}.price small{font-weight:400}
details{border:1px solid var(--color-rule);border-radius:var(--radius-md)}
.source-links a{color:var(--color-link)}
dialog{background:var(--color-surface);border-color:var(--color-rule);border-radius:var(--radius-card);box-shadow:var(--shadow-dialog)}
.zone-search-field input{background:var(--color-paper)}
.zone-auto{border-color:var(--color-rule)}
.zone-result[aria-pressed=true],.auto-check{color:var(--color-accent-text)}
.zone-result>time{font-variant-numeric:tabular-nums}
@media(hover:hover){summary:hover,.source-links a:hover{color:var(--color-accent-text)}}
@media(max-width:39.99rem){.brand{font-size:1.25rem}.time-map{border-radius:var(--radius-md)}h1{font-size:clamp(2rem,8.5vw,2.75rem)}.countdown>div>span{font-size:clamp(2rem,8vw,2.75rem)}}