body{max-width:1120px;margin:auto;padding:12px 16px 36px;background:#f6f5ef;color:#202622;}a{color:#202622}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #202622;outline-offset:2px}.review-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:6px 0 10px;border-bottom:1px solid #d8d6cc;font-size:14px}.review-line{margin:0;white-space:nowrap}.review-tools{margin-left:auto}.review-tools summary{cursor:pointer}.review-tools[open]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;width:100%;margin-top:8px}.review-tools label{font-size:14px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 14px}.brand{display:flex;align-items:center;gap:10px;min-width:0}#tibo-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#202622}#avatar-fallback{width:48px;height:48px;border-radius:50%;background:#202622;color:#b5ec43;display:grid;place-items:center;font-weight:700}.brand-title{margin:0;font-size:20px;font-weight:700;line-height:1.15}.brand-sub{margin:0;font-size:14px;opacity:.72}nav{display:flex;gap:14px;font-size:14px;white-space:nowrap}nav a{text-decoration:none;border-bottom:2px solid #b5ec43}.hero{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:28px;align-items:start}.status-panel{min-width:0}.status-line{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 8px;}#headline{margin:0 0 8px;}#fact-line{margin:0 0 12px;}.event-time{background:#d8ef9a;color:#202622;padding:10px 12px;border-radius:8px;max-width:100%}#event-label{margin:0 0 4px;font-size:14px}#event-bj{display:block;font-size:48px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}#event-bj-date{display:inline-block;margin-right:8px;font-size:14px}.event-pacific{margin:6px 0 0;font-size:20px;font-weight:700}#event-pt{font-variant-numeric:tabular-nums}#event-pt-date,#event-pt-zone{font-size:14px;font-weight:500;margin-left:6px}#countdown-line,#recent-reset{min-height:0;margin:8px 0 0;font-size:16px}.play-panel{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:14px}.tally{margin-top:4px}.tally-label{margin:0}#hype-count, .tally strong{display:block;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tally-note{margin:4px 0 0;font-size:14px}#ambient-toggle{align-self:flex-start;margin-top:4px;background:transparent;border:1px solid #202622;padding:6px 10px;font:inherit;font-size:14px;cursor:pointer}.clocks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;padding:16px 0;border-top:1px solid #d8d6cc;border-bottom:1px solid #d8d6cc}.clock-label{margin:0 0 4px;font-size:16px}#clock-bj{display:block;font-weight:800;font-variant-numeric:tabular-nums}#clock-pt{display:block;font-weight:700;font-variant-numeric:tabular-nums}#clock-bj-date,#clock-pt-date,#clock-pt-zone{font-size:14px}#updates,#history{margin:36px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}h2{margin:0 0 14px;}#timeline{list-style:none;margin:0;padding:0}#timeline .timeline-item{padding:12px 0;border-bottom:1px solid #e4e2d8}.update-time{font-size:14px;margin-right:8px}.event-tag{font-size:14px}.update-copy{margin:6px 0 0}.history-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:20px;align-items:start}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}#calendar-month{margin:0;font-size:20px}#month-prev,#month-next{font:inherit;font-size:14px;background:#fff;border:1px solid #202622;padding:4px 8px;cursor:pointer}#history-coverage{font-size:13px;color:#5a6354;margin:0 0 8px}.calendar{width:100%;border-collapse:collapse;table-layout:fixed}.calendar th{font-size:14px;font-weight:600;padding:4px 0;text-align:center}.calendar td{height:44px;min-width:36px;text-align:center;vertical-align:middle;padding:2px}.calendar td.empty{background:transparent}.day-button{width:100%;min-height:40px;border:0;background:transparent;cursor:pointer;font:inherit;padding:2px}.day-button[aria-pressed=true]{outline:2px solid #202622}.day-number{display:block;font-size:16px}.day-mark{display:block;width:8px;height:8px;margin:2px auto 0;border-radius:50%;background:#2f6b22;border:1.5px solid #2f6b22}.has-events.credit .day-mark,.legend-credit::before{background:transparent;border:1.5px solid #2f6b22}.is-today .day-number{font-weight:800}.uncovered{opacity:.55}.legend{display:flex;gap:16px;font-size:14px;margin:10px 0 0}.legend-reset::before,.legend-credit::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;vertical-align:middle}.legend-reset::before{background:#2f6b22;border:1.5px solid #2f6b22}#day-detail{min-height:150px;background:#fff;border:1px solid #d8d6cc;padding:12px;font-size:16px}.detail-item{margin:0 0 10px}.detail-item .time{font-size:14px}footer#contact{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;padding-top:16px;border-top:1px solid #202622;font-size:16px}.contact-col p{margin:0 0 4px;opacity:.7}.foot-brand{grid-column:1/-1;margin:8px 0 0;font-weight:700}[hidden]{display:none!important}@media(max-width:700px){.page-header{flex-wrap:wrap;padding:8px 0 10px}.brand-title{font-size:20px}nav{width:100%}.hero{grid-template-columns:1fr;gap:18px}#event-bj{font-size:40px}.event-time{min-height:80px;height:auto}#hype-count,.tally strong{}.clocks{grid-template-columns:1fr 1fr;gap:12px}.history-layout{grid-template-columns:1fr}footer#contact{grid-template-columns:1fr;font-size:16px}.review-line{white-space:normal}}@media(max-width:390px){#hype-count,.tally strong{}.calendar td{min-width:32px;height:40px}}
/* Integration refinements: keep the approved object dominant and time readable. */
.review-tools summary{min-height:28px}.review-tools[open] summary{grid-column:1/-1}
.review-tools select,.review-tools button{min-height:44px;font:inherit;border:1px solid #a5aa9f;border-radius:5px;background:#fff;padding:6px;max-width:100%}
.review-tools label{align-self:end}.page-header{padding:18px 0 26px}.brand-text{min-width:0}
#headline{white-space:pre-line}#fact-line{line-height:1.45}.event-time{max-width:420px}
.bj-event-line{display:flex;align-items:center;gap:14px}.bj-event-meta{display:flex;flex-direction:column;font-size:14px;line-height:1.5}
#event-bj-date{margin-right:0}.event-pacific{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
#event-pt-date,#event-pt-zone{margin-left:0}#time-unknown{font-size:20px;font-weight:650;margin:12px 0}
.play-panel .machine{margin-inline:auto}.play-panel .personal{max-width:400px;width:100%;align-self:center}
.play-panel .tally{text-align:center;margin-top:8px}
#ambient-toggle{align-self:center;border:0;text-decoration:underline;text-underline-offset:4px;padding:4px;min-height:32px;color:#596057}
#updates,#history{scroll-margin-top:20px}.update-time,.event-tag,.legend,.calendar th,.detail-item .time{font-size:14px}
.timeline-item .event-tag{display:inline-block;font-weight:650;margin-left:8px;background:#e7eddc;padding:2px 7px;border-radius:3px}
.timeline-item details{margin-top:8px;font-size:14px}.timeline-item summary{cursor:pointer;min-height:36px}
.timeline-item details p{margin:4px 0 8px;overflow-wrap:anywhere}
.calendar-toolbar button{min-height:44px}.day-button{min-height:48px;border-radius:5px}.day-number{font-size:16px}
.day-button.has-events{background:#e4edcf}.day-button[aria-pressed=true]{background:#b5ec43;outline-offset:-2px}
.day-button:focus-visible{outline:2px solid #202622;outline-offset:-2px}.day-button.uncovered{opacity:.65}
.legend{flex-wrap:wrap;gap:8px 18px}#day-detail{font-size:16px;border:0;border-left:3px solid #b5ec43;background:transparent;padding:12px 18px}
.detail-item p{margin:6px 0}.detail-item h4{margin:12px 0 4px;font-size:18px}.detail-item .type{font-size:14px}
#day-detail h3{font-size:20px;margin:0 0 12px}footer#contact{opacity:1;font-size:16px;padding-top:24px;margin-top:40px}
.contact-col p{font-size:14px}.contact-col span,.contact-col a{overflow-wrap:anywhere}.foot-brand{font-size:14px;color:#596057}
@media(min-width:701px) and (max-width:950px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}#hype-count}
@media(max-width:700px){
 body{padding:8px 16px 28px}.review-bar{font-size:14px;gap:2px 8px;padding:4px 0}.review-line{font-size:14px}.review-tools{margin-left:0}
 .page-header{padding:12px 0 16px;gap:8px}.brand{gap:8px}.brand-title{font-size:20px}#tibo-avatar,#avatar-fallback{width:38px;height:38px}
 nav{width:auto;margin-left:auto;flex-direction:column;gap:5px;font-size:14px}nav a{border-bottom:0}
 .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.status-line{margin-bottom:6px}#headline{margin-bottom:6px}
 #fact-line{margin-bottom:8px}.event-time{padding:8px 10px;min-height:0}.bj-event-line{gap:10px}
 #event-bj{font-size:36px}.event-pacific{font-size:19px;margin-top:3px}#countdown-line,#recent-reset{font-size:16px;margin-top:6px}
 .play-panel{gap:7px;font-size:14px}.play-panel .personal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;margin-top:8px}
 .play-panel .personal p{text-align:left;font-size:14px}.play-panel .personal-en{font-size:14px;display:block;margin-left:0}
 .play-panel #plus-one{display:none}.play-panel #plus-one.is-visible{display:inline;position:absolute;margin-left:4px}
 .play-panel #audio-note{grid-column:1/-1;font-size:14px;min-height:20px;text-align:right}
 .play-panel #sound-toggle{font-size:14px;min-height:40px;padding-inline:8px}
 .play-panel .tally{margin-top:4px}#hype-count{letter-spacing:-.045em}
 .clocks{margin:24px 0;padding:12px 0;gap:10px}.clock-label{font-size:16px;line-height:1.4}.section-head{align-items:flex-start}.section-head>a{font-size:14px}
 .calendar-toolbar{gap:4px}.calendar-toolbar button{padding:4px 6px;font-size:14px}#calendar-month{font-size:20px}.calendar th{font-size:14px}
 .calendar td{padding:1px}.day-button{min-height:46px;padding:2px 0}.day-number{font-size:16px}#day-detail{min-height:120px;font-size:16px}
}
@media(max-width:340px){.brand-title{font-size:20px}.brand-sub{font-size:14px}.page-header{gap:6px}nav{font-size:14px;gap:3px}.review-bar{display:block}.review-tools summary{margin-top:2px}#hype-count}

.calendar .day-mark{display:inline-block;margin:2px 2px 0;vertical-align:middle}.calendar .credit-mark{background:transparent;border:1.5px solid #2f6b22}
.calendar-toolbar button:disabled{opacity:.4;cursor:default}.day-button.is-today .day-number{text-decoration:underline;text-underline-offset:3px}
#day-detail summary{cursor:pointer;min-height:36px;font-size:14px}#day-detail details p{overflow-wrap:anywhere;font-size:14px}
.play-panel .machine{order:0}.play-panel .tally{order:1}.play-panel .personal{order:2}.play-panel #ambient-toggle{order:3}
.play-panel .tally{margin-top:12px}.tally-note{opacity:1;color:#596057}
#clock-pt-date{display:inline-block;margin-right:8px}
@media(max-width:700px){.play-panel .tally{margin-top:8px}.event-time{border-radius:6px}.play-panel .personal{margin-top:6px}}

.source-note{width:100%;font-size:14px;line-height:1.6;color:var(--muted,#58615b)}
.source-note p{margin:8px 0}.source-caption{display:block;font-size:14px;color:#58615b;margin-top:8px}
.update-copy+details p,.detail-item details p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}

.quick-context{font-size:14px;margin:12px 0;color:#4d574e}.quick-context summary,.reset-progress>summary{cursor:pointer;min-height:44px;line-height:1.5;padding-block:10px}.quick-context p{font-size:16px;margin:4px 0;max-width:36em}.reset-progress{margin-top:12px}.reset-progress>summary{font-size:16px;font-weight:600}

/* A handwritten voice beside the mechanical key; aligned clocks on every screen. */
#headline{margin:6px 0 8px;text-wrap:balance}
#headline-en{margin:0 0 20px;line-height:1.4;color:#766453;font-family:Georgia,"Times New Roman",serif;font-style:italic}
#fact-line{font-weight:650;line-height:1.5;margin-bottom:8px}
#recent-reset{max-width:35em;line-height:1.65;color:#53604f}
.play-panel .personal{display:flex;flex-direction:column;gap:10px;max-width:none;margin-top:8px}
.play-panel .personal p{text-align:center;font-size:14px}
.play-panel .personal-en{display:inline;margin-left:5px}
.feedback-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.feedback-controls #sound-toggle,.feedback-controls #ambient-toggle{font-size:14px;min-height:44px;padding:8px 12px;margin:0;align-self:auto;text-decoration:none;cursor:pointer;background:transparent;border:1px solid #c8ccbd;color:#52604d;border-radius:6px}
.feedback-controls button[aria-pressed="true"]::before{content:"";display:inline-block;width:6px;height:6px;background:#416724;border-radius:50%;margin-right:7px;vertical-align:2px}
.feedback-controls button:hover{background:#edf0e3}
.play-panel .tally{padding:22px 8px 12px;isolation:isolate;position:relative;overflow:hidden;border-radius:6px;margin-top:12px}
.tally-label{position:relative;z-index:1}
#hype-count{position:relative;z-index:1;display:block;line-height:1.08;letter-spacing:-.055em;transform-origin:50% 70%}
.clocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:20px 0}
.clocks>div{display:grid;grid-template-rows:auto auto auto auto;align-content:start;gap:4px;min-width:0;padding:0 24px}
.clocks>div:first-child{padding-left:0;border-right:1px solid #d8d6cc}
.clock-label{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:650;margin:0;line-height:1.35}
.clock-label span{font-size:14px;font-weight:450;color:#596057}
.clocks #clock-bj,.clocks #clock-pt{font-size:30px;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.clocks #clock-bj{color:#1a1a18;font-size:30px}
.clocks .clock-date,.clocks .clock-zone{display:block;font-size:14px;line-height:1.45;margin:0;color:#596057;white-space:nowrap}
.quick-context{margin:24px 0}.quick-context summary{font-size:14px}.quick-context summary span{margin-left:8px;color:#596057}
body[data-effects="off"] #reset-key .keycap,body[data-effects="off"] #plus-one,body[data-effects="off"] #strike-light{transition:none}
@media(max-width:950px) and (min-width:701px){#hype-count}
@media(max-width:700px){
 #headline{margin:4px 0 6px;}
 #headline-en{margin:0 0 12px}.hero{gap:20px}.play-panel .tally{padding:18px 4px 10px;margin-top:6px}
 .play-panel .personal{display:flex;gap:8px;margin-top:0}.play-panel .personal p{font-size:14px}
 .play-panel .personal-en{font-size:14px}.play-panel #audio-note{min-height:0}
 .clocks{margin:28px 0;padding:16px 0}
 .clocks>div{padding:0 0 0 16px;gap:4px}
 .clock-label{display:block;font-size:16px;line-height:1.35}
 .clock-label span{display:block;font-size:14px;margin-top:2px}
 .clocks #clock-bj,.clocks #clock-pt{font-size:30px;line-height:1.3}
 .clocks .clock-date,.clocks .clock-zone{font-size:14px;letter-spacing:-.02em}
}
@media(max-width:340px){.clocks>div{padding-left:10px}.feedback-controls{gap:6px}.feedback-controls #sound-toggle,.feedback-controls #ambient-toggle{padding:8px}}

#next-reset{margin:32px 0 36px;scroll-margin-top:20px}
#next-reset h2{margin-bottom:0}
#next-reset .clocks{margin:14px 0 8px;border:0;border-block:1px solid #d8d6cc;background:#edf0e3;padding:18px 20px;border-radius:6px}
#next-time-note{margin:8px 0;font-size:14px;line-height:1.5;color:#52604d}
#next-time-source{display:inline-block;min-height:44px;padding:10px 0;font-size:14px}
.clocks .clock-date,.clocks .clock-zone{white-space:normal}
/* Server-rendered facts (the Worker fills these before the browser scripts run) so a crawler that
   never executes JavaScript still reads the last confirmed reset, its source and the data time.
   Plain visible text in the normal layout - not crawler-only, nothing hidden. It sits directly
   after the hero, on purpose: the first screen keeps exactly the layout it had before. */


.ssr-list{margin:8px 0;padding-left:18px;font-size:14px;line-height:1.55;color:#39433a}
.ssr-list li{margin:5px 0}
.ssr-when{color:#5a6354;font-variant-numeric:tabular-nums}
.ssr-tag{background:#e7eddc;padding:1px 5px;border-radius:3px;font-size:14px}
.ssr-list a{color:#1e4d28}
@media(max-width:700px){#next-reset .clocks{padding:14px 12px}.clocks #clock-bj,.clocks #clock-pt{font-size:30px}.clocks .clock-zone{font-size:14px;white-space:nowrap}#next-reset{margin-top:28px}}
@media(max-width:340px){#next-reset .clocks{padding:12px 8px}.clocks>div{padding-left:8px}.clock-label span{font-size:14px}.clocks .clock-date{font-size:14px}}

/* The elapsed board shares the existing palette and reserves digit width. */
.elapsed-board{margin-top:22px;padding:20px 0 0;border-top:1px solid rgba(32,38,34,.18)}
.elapsed-label{margin:0 0 12px}
.elapsed-digits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:370px}
.elapsed-digits>span{display:flex;flex-direction:column;gap:3px}.elapsed-digits strong{font-variant-numeric:tabular-nums;line-height:1.1;color:#b4411e}
.elapsed-digits small{font-size:13px;opacity:.7}#elapsed-at{margin:12px 0 0;font-size:13px;opacity:.65}
@media(max-width:600px){.elapsed-board{margin-top:16px;padding-top:16px}.elapsed-digits{max-width:300px;gap:8px}.elapsed-digits strong}
@media(max-width:600px){
 .elapsed-board{display:grid;grid-template-columns:minmax(130px,1fr) 1.35fr;column-gap:12px;align-items:center;padding-top:12px}
 .elapsed-label{margin:0}
 .elapsed-digits{gap:7px}.elapsed-digits small{font-size:13px;line-height:1.25}
 #elapsed-at{grid-column:1/-1;margin-top:8px}
}

.elapsed-digits small span{display:block;font-style:normal}
.ops-note{margin:0 0 8px;font-size:13px;color:#5c6558}