.noc-field{font-size:var(--text-sm);color:var(--color-ink);display:block}.noc-input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);min-block-size:3.25rem;inline-size:100%;max-inline-size:12rem;font-family:var(--font-display);letter-spacing:.04em;color:var(--color-heading);margin-block-start:.45rem;padding:.5rem .9rem;font-size:1.6rem}.noc-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.noc-ribbon{border-block-start:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}@media (min-width:40rem){.noc-ribbon{grid-template-columns:repeat(5,minmax(0,1fr))}}.noc-step{border-block-end:1px solid var(--color-line);grid-template-columns:auto 1fr;align-items:baseline;gap:.25rem .65rem;padding:1.1rem .75rem 1.2rem 0;display:grid}.noc-window{border:1.5px solid var(--color-crepuscule-300);background:0 0;border-radius:50% 50% 1px 1px/36% 36% 1px 1px;align-self:center;block-size:1.1rem;inline-size:.8rem}.noc-years{font-size:var(--text-sm);color:var(--color-ink-muted)}.noc-years .numeral{color:var(--color-heading);font-size:clamp(1.75rem,1.5rem + 1vw,2.375rem);line-height:1}.noc-name{font-size:var(--text-sm);color:var(--color-ink-muted);grid-column:2;line-height:1.3}.noc-step[data-lit] .noc-window{background:var(--lueur);border-color:var(--nuit);box-shadow:0 0 18px 6px color-mix(in oklab, var(--lueur) 70%, transparent)}.noc-step[data-lit] .noc-name{color:var(--color-ink)}@media (prefers-reduced-motion:no-preference){.noc-window{transition:background-color .26s var(--ease-soft), box-shadow .26s var(--ease-soft), border-color .26s var(--ease-soft)}}@media (forced-colors:active){.noc-step[data-lit] .noc-window{background:highlight}}