@font-face {
  font-family: "Clock Roboto Mono";
  src: url("data:font/woff2;base64,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") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0030-003A;
}

@font-face {
  font-family: "Clock Orbitron";
  src: url("data:font/woff2;base64,d09GMgABAAAAAAToAA8AAAAAChAAAASPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGx4cKAZgP1NUQVQqADwRCAqJIIcOCxwAATYCJAM0BCAFhGgHIAwHG94HyAQeCM/6N0mzmXKP6GK66xParwPdpdoTlW8t8gnm/sdmRSxC6PzXCZWa4MAPcf+oztvaQhVta+LNpK9kCz1uUW+wUo4XOxCAh07aKWLIsDFTkLhQbI6TqmZ0IRk1kW5RsrCmjIA2ATndpW3QZmCAtk2bIRpG5weLefQUcwi0a0RBfjPToN4N48aPG0o9QQbqvzh+Ian/wi88s2hDtBelbBANIaEcwVZpfSe0WH5BzRIl0C50rtD2gw4y6mCvi3RJlIBLr/FRbLg/SHfHcb51XsIFk0I4Dokm+mVmB0brBrELxFXN6OIAlCE0arpO19+igWG0Nk2ZO9DnyuzqDyQ1b54cMAy/WCR+/Rxh+Fzebc83Cn1t0wte//bnGtDW1D/r8U0X/u2Hhb5A5Pu2HcArjCme6V6XF1JzWIi1hzzDYTwCjQ0M5Ncc9CZC1Ca8DQ14gwIveaTV1dvR2/xC+ES+VxOP5SFP+AWVYkBPJMBmnPH4TjbBN2WezrqBNQf9wlhP4LkGzqBRrD3d8dgpsSbhUw3tXdk3403Z9pZrDs7utHi3Pd3YJdFU0JpypozZk8gx4WVG8v/7kGd44dkut7Fv1z4eVY9fl/qwusZW9cq+Rj2cet3jqj64ghOmZU5+70duXnJcWiafkjlkyqmX/97yIgNoqSKN6mHTkselZd4vLZkd6x4KN6l61RQOnVcRWz0kr8oN0pKDYjwUumu0UvEkaZn3S0selFelHb9sWuZ2aZknTEtmxnNDo+8MnVdN4dB+38iBqSkdTqqwrep5g3teqnnlYs25gnjBPfty6PQjjyo7rLJiadKS95uWPCwtc/CJZ2ODpCU3S0s+pJoi6owK26qeR5UdVnYo3KReij0nLbnJvFE+pBoj6hxlm14nCY6atz17o7T4hOGmZT4ffzlVNYxG7DrT0t675/GWu90L6oMrK+deDi1ZmE46pNfBHA4POWb0uHvl4oN4sGv5kspBpiW3mJb5sLIj6jSdOxtSm0aHbDXaTm3Qj/OMBVaKV9PnBeKxeN0LxGKxGwk37exBvd5K+WN+YuQ3qetfDsWe1v098nPf6zp5vzPUSTBS9NduuEnDUL4mI8Z8Z+j/GCmSOni8X/xKK30QA8RmhH4tA/SB9NHeJqGu7c0A7QD63CV6hD58QV+RuRHaz2QMBr8lE4HyFfJ5WPUuDLjcwO/8WhNBMi8TjQA20enPjpWueWLQgSqSQDITxAF606lBgI9mok7XPgeTiVJKIYMop4QlTCdKIfkUUBNX11DBQLppp1WzmCoKqaBG1uW6MvE+JeRSThX5dGM8wxjDeP33F1FIDVWUU0YOdeY0rMKEue8G6Uku3elOj1IyzDjGM46hC1JjTjp5PrWUsJAqqPQgPZhyKlh6EOUhYQPA86/6E2QKBUQJ0sAJZb6IKIvh/huovSA4fLmaIOmXZazWMR83W0Atixx6MeWU0q1HRykhysIt01HKyaMbjQlujRlkEySGj8EjYvXFZeuIskTGYRDYRuc4FlJKlIHi2snb9ieT+7vJze2cE/QkqL1POBtvc+0EAAA=") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  unicode-range: U+0030-003A;
}

@font-face {
  font-family: "Clock Share Tech Mono";
  src: url("data:font/woff2;base64,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") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0030-003A;
}

@font-face {
  font-family: "Clock M PLUS Rounded 1c";
  src: url("data:font/woff2;base64,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") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0030-003A;
}

@font-face {
  font-family: "Clock Hachi Maru Pop";
  src: url("data:font/woff2;base64,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") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0030-003A;
}

:root {
  color-scheme: dark;
  --page: #0c1411;
  --surface: #14201c;
  --surface-2: #192923;
  --ink: #f2f7f4;
  --muted: #a7bab1;
  --accent: #65d394;
  --accent-ink: #082014;
  --border: #2d4038;
  --shadow: 0 24px 70px rgba(0, 0, 0, .28);
  --clock-font: "Clock Roboto Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Yu Gothic UI", sans-serif;
  background: var(--page);
}

:root[data-theme="light"] {
  color-scheme: light;
  --page: #f4f7f5;
  --surface: #fff;
  --surface-2: #edf4f0;
  --ink: #17231e;
  --muted: #5c6e65;
  --accent: #26775a;
  --accent-ink: #fff;
  --border: #d3e0da;
  --shadow: 0 22px 60px rgba(33, 66, 52, .13);
}

:root[data-clock-font="sf"] { --clock-font: "Clock Orbitron", ui-monospace, monospace; }
:root[data-clock-font="digital"] { --clock-font: "Clock Share Tech Mono", ui-monospace, monospace; }
:root[data-clock-font="cute"] { --clock-font: "Clock M PLUS Rounded 1c", ui-monospace, monospace; }
:root[data-clock-font="handwritten"] { --clock-font: "Clock Hachi Maru Pop", ui-monospace, monospace; }

* { box-sizing: border-box; }

html {
  min-width: 320px;
  min-height: 100%;
  background: var(--page);
}

body {
  min-height: 100vh;
  margin: 0;
  color: var(--ink);
  background: radial-gradient(circle at 12% 0%, rgba(101, 211, 148, .12), transparent 34rem), var(--page);
}

button,
input,
select { font: inherit; }

button,
a,
select,
input { -webkit-tap-highlight-color: transparent; }

.clock-app {
  width: min(1120px, calc(100% - 32px));
  margin: 0 auto;
  padding: clamp(22px, 5vw, 64px) 0 48px;
}

.clock-hero,
.tool-card,
.public-note,
.latest-news,
.private-panel-shell {
  border: 1px solid var(--border);
  border-radius: 24px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.clock-hero {
  min-height: min(640px, calc(100vh - 48px));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: clamp(28px, 7vw, 84px) clamp(16px, 4vw, 46px);
  text-align: center;
}

.clock-hero h1 {
  margin: 0 0 clamp(24px, 4vw, 48px);
  color: var(--muted);
  font-size: clamp(15px, 1.8vw, 22px);
  font-weight: 700;
  letter-spacing: .16em;
}

.clock-row {
  position: relative;
  min-width: 0;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.clock-display {
  min-width: 0;
  color: var(--ink);
  font-family: var(--clock-font);
  font-size: clamp(64px, 15vw, 176px);
  font-variant-numeric: tabular-nums lining-nums;
  font-weight: 600;
  line-height: .95;
  letter-spacing: -.055em;
  white-space: nowrap;
}

.clock-period {
  position: absolute;
  top: -1.8em;
  right: 0;
  min-width: 0;
  margin: 0;
  color: var(--accent);
  font-size: clamp(13px, 2vw, 20px);
  font-weight: 800;
}

.clock-period:empty { display: none; }

.date-display {
  margin: clamp(20px, 4vw, 38px) 0 0;
  color: var(--muted);
  font-size: clamp(19px, 3vw, 34px);
  font-weight: 700;
  letter-spacing: .04em;
}

.hero-actions,
.button-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.hero-actions { margin-top: clamp(28px, 5vw, 52px); }

.button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 18px;
  border: 1px solid transparent;
  border-radius: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
}

.button-primary {
  color: var(--accent-ink);
  background: var(--accent);
}

.button-subtle,
.button-link {
  color: var(--ink);
  border-color: var(--border);
  background: var(--surface-2);
}

.button:hover:not(:disabled),
.button:focus-visible,
select:hover,
select:focus-visible,
input:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

.button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.switch-control {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 10px 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--ink);
  background: var(--surface-2);
  font-weight: 700;
  cursor: pointer;
}

.switch-control.compact { margin-top: 16px; }

.switch-control input {
  width: 20px;
  height: 20px;
  accent-color: var(--accent);
}

.tool-card,
.public-note,
.latest-news,
.private-panel-shell {
  margin-top: 22px;
  padding: clamp(22px, 4vw, 36px);
}

.tool-card h2,
.public-note h2 {
  margin: 2px 0 22px;
  font-size: clamp(23px, 3vw, 34px);
}

.section-kicker {
  margin: 0;
  color: var(--accent);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .13em;
}

.font-card {
  display: grid;
  grid-template-columns: 1fr auto minmax(230px, 360px) auto;
  align-items: center;
  gap: 16px;
}

.font-card h2 { margin-bottom: 0; }
.font-card-news { margin-top: 0 !important; }

.select-label {
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

select,
.time-inputs input {
  min-height: 46px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--ink);
  background: var(--surface-2);
}

select {
  width: 100%;
  padding: 9px 38px 9px 12px;
}

.tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.tool-display {
  width: 100%;
  display: block;
  margin: 0 0 22px;
  overflow: hidden;
  font-family: "Clock Roboto Mono", ui-monospace, monospace;
  font-size: clamp(38px, 6vw, 68px);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  letter-spacing: -.045em;
  text-align: center;
  white-space: nowrap;
}

.time-inputs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 18px;
}

.time-inputs label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.time-inputs input {
  width: 100%;
  display: block;
  margin-top: 6px;
  padding: 8px;
  font-family: "Clock Roboto Mono", ui-monospace, monospace;
  font-size: 20px;
  text-align: center;
}

.status-text {
  min-height: 1.5em;
  margin: 14px 0 0;
  color: var(--accent);
  font-weight: 800;
  text-align: center;
}

.stopwatch-actions { margin-top: 70px; }

.public-note { color: var(--muted); }
.public-note h2 { color: var(--ink); }
.public-note p { margin: 0; line-height: 1.9; }

.latest-news {
  display: grid;
  grid-template-columns: minmax(160px, .42fr) 1fr;
  gap: 24px;
  box-shadow: none;
}

.latest-news[hidden] { display: none; }

.latest-news-heading h2 {
  margin: 2px 0 0;
  font-size: clamp(20px, 2.3vw, 28px);
}

.latest-news ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.latest-news li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}

.latest-news li:first-child { padding-top: 0; }
.latest-news li:last-child { padding-bottom: 0; border-bottom: 0; }

.latest-news a {
  color: var(--ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.55;
  text-decoration-color: var(--border);
  text-underline-offset: 3px;
}

.latest-news time {
  color: var(--muted);
  font-size: 13px;
  white-space: nowrap;
}

.private-panel-shell {
  min-height: 86px;
  padding: 0;
  overflow: hidden;
  border-color: var(--accent);
}

.private-panel-shell[hidden] { display: none; }

.private-panel-shell iframe {
  width: 100%;
  height: 84px;
  display: block;
  border: 0;
  background: #13231d;
}

@media (max-width: 760px) {
  .clock-app { width: min(100% - 20px, 1120px); padding-top: 10px; }
  .clock-hero { min-height: calc(100svh - 20px); border-radius: 18px; }
  .clock-display { font-size: clamp(50px, 17.2vw, 112px); }
  .font-card,
  .tool-grid,
  .latest-news { grid-template-columns: 1fr; }
  .select-label { margin-bottom: -8px; }
  .stopwatch-actions { margin-top: 0; }
}

@media (max-width: 430px) {
  .clock-hero { padding-left: 10px; padding-right: 10px; }
  .clock-display { font-size: clamp(42px, 15vw, 62px); }
  .hero-actions,
  .button-row { align-items: stretch; }
  .hero-actions > *,
  .button-row > * { flex: 1 1 calc(50% - 12px); }
  .tool-card,
  .public-note,
  .latest-news { padding: 20px 16px; border-radius: 18px; }
  .tool-display { font-size: 11vw; }
  .latest-news li { grid-template-columns: 1fr; gap: 3px; }
}

html:fullscreen .clock-app {
  width: 100%;
  padding: 0;
}

html:fullscreen .clock-hero {
  min-height: 100vh;
  min-height: 100svh;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html:fullscreen .tool-card,
html:fullscreen .public-note,
html:fullscreen .latest-news,
html:fullscreen .private-panel-shell { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media print {
  .hero-actions,
  .tool-card,
  .public-note,
  .latest-news,
  .private-panel-shell { display: none !important; }
  .clock-hero { min-height: 90vh; border: 0; box-shadow: none; }
}