.nb{--nb-gold:color-mix(in srgb, var(--gold-3) 65%, var(--ink));--nb-line:color-mix(in srgb, var(--ink) 22%, transparent);gap:.9rem;min-width:0;display:grid}.nb-title{color:var(--ink-2);margin:0;font-size:.95rem;font-weight:500}.nb-row{align-items:end;gap:0 .5rem;display:grid}.nb-date{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.6fr)}.nb-time{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,.9fr);gap:0 .6rem}.nb-box{gap:.15rem;min-width:0;display:grid}.nb-label{letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--muted);font-size:.75rem;font-weight:600}.nb-line{border-bottom:1px solid var(--nb-line);display:block;position:relative}.nb-line:after{content:"";background:var(--nb-gold);height:2px;transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .3s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.nb-line.is-done:after{opacity:.5;transform:scaleX(1)}.nb-line:focus-within:after{opacity:1;transform:scaleX(1)}.nb-line:before{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6d6f2,#0000);border-radius:2px;width:45%;height:4px;position:absolute;bottom:-2px;left:0}.is-whole .nb-line:before{animation:1.1s cubic-bezier(.3,.6,.2,1) both nb-shine;animation-delay:calc(var(--n,0) * .13s)}@keyframes nb-shine{0%{opacity:0;transform:translate(-100%)}25%{opacity:1}to{opacity:0;transform:translate(230%)}}.nb-input{width:100%;min-width:0;height:4.4rem;color:#0000;font-family:var(--font-serif);letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums;text-align:center;caret-color:var(--nb-gold);-webkit-text-fill-color:transparent;background:0 0;border:0;border-radius:0;padding:0 .1rem .15rem;font-size:3.1rem;font-weight:500;line-height:1;display:block}.nb-input::placeholder{letter-spacing:.06em;color:color-mix(in srgb, var(--ink) 24%, transparent);-webkit-text-fill-color:color-mix(in srgb, var(--ink) 24%, transparent);font-size:1.7rem;font-style:italic}.nb-glyphs{pointer-events:none;font-family:var(--font-serif);letter-spacing:.01em;font-variant-numeric:lining-nums tabular-nums;white-space:pre;color:var(--ink);justify-content:center;align-items:center;padding:0 .1rem .15rem;font-size:3.1rem;font-weight:500;line-height:1;display:flex;position:absolute;inset:0}.nb-glyph{animation:.56s cubic-bezier(.2,.8,.2,1) both nb-digit;display:inline-block;position:relative}.nb-glyph:after{content:attr(data-c);color:var(--nb-gold);animation:.9s ease-out both nb-glow;position:absolute;inset:0}@keyframes nb-digit{0%{opacity:0;transform:translateY(.38em)scale(.86)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes nb-glow{0%{opacity:1}to{opacity:0}}.nb-input:focus{outline:none}.nb-input:focus::placeholder{color:color-mix(in srgb, var(--ink) 12%, transparent);-webkit-text-fill-color:color-mix(in srgb, var(--ink) 12%, transparent)}.nb-line:has(.nb-input[aria-invalid=true]){border-bottom-color:var(--error)}.nb-line:has(.nb-input[aria-invalid=true]):after{background:var(--error)}.nb-sep,.nb-colon{font-family:var(--font-serif);color:color-mix(in srgb, var(--ink) 30%, transparent);padding-bottom:.85rem;font-size:2rem;font-weight:500;line-height:1}.nb-ap{border-bottom:1px solid var(--nb-line);grid-template-rows:1fr 1fr;align-self:end;height:4.4rem;display:grid;position:relative}.nb-ap-mark{pointer-events:none;opacity:0;height:50%;transition:transform .52s cubic-bezier(.3,1.3,.4,1),opacity .24s;position:absolute;top:0;left:0;right:0}.nb-ap-mark:after{content:"";background:var(--nb-gold);width:1.9rem;height:1.5px;margin-left:-.95rem;position:absolute;bottom:.45rem;left:50%}.nb-ap-mark[data-at]{opacity:1}.nb-ap-mark[data-at=PM]{transform:translateY(100%)}.nb-ap-option{cursor:pointer;place-items:center;display:grid;position:relative}.nb-ap-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.nb-ap-option span{letter-spacing:.2em;color:var(--muted);padding:.15rem .1rem;font-size:.8rem;font-weight:600;transition:color .2s;position:relative}.nb-ap-option:hover span{color:var(--ink-2)}.nb-ap-option input:checked+span{color:var(--ink)}.nb-ap-option input:focus-visible+span{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}.nb.is-disabled{opacity:.4}.nb-readback,.nb-msg{min-height:1.5em;margin:0}.nb-readback{min-height:3.2rem}.nb:has(.nb-date) .nb-msg{min-height:3.2rem}.nb-readback{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.nb-readback>*{animation:.52s cubic-bezier(.2,.7,.2,1) both nb-in}.nb-readback>.nb-sun{animation-delay:.16s}.nb-when{font-family:var(--font-serif);color:var(--ink-2);font-size:1.3rem;font-style:italic;line-height:1.3}.nb-sun{letter-spacing:.16em;text-transform:uppercase;color:var(--nb-gold);align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;display:inline-flex}.nb-spark{flex:none;animation:.9s cubic-bezier(.3,1.4,.4,1) .22s both nb-star}@keyframes nb-star{0%{opacity:0;transform:rotate(-150deg)scale(.2)}to{opacity:1;transform:none}}@keyframes nb-in{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}.nb-msg{color:var(--error);font-size:.98rem;line-height:1.4}.nb-read{min-height:1.7rem}.nb-read>.nb-when{animation:.52s cubic-bezier(.2,.7,.2,1) both nb-in;display:block}.nb-compact{gap:.55rem}.nb-compact .nb-input,.nb-compact .nb-glyphs{font-size:2.2rem}.nb-compact .nb-input{height:3.2rem}.nb-compact .nb-input::placeholder{font-size:1.25rem}.nb-compact .nb-sep,.nb-compact .nb-colon{padding-bottom:.6rem;font-size:1.5rem}.nb-compact .nb-ap{height:3.2rem}.nb-compact .nb-when{font-size:1.1rem}.nb-compact .nb-read{min-height:1.5rem}:is(.nb-compact .nb-readback,.nb-compact:has(.nb-date) .nb-msg){min-height:2.8rem}@media (min-width:640px){.nb-input,.nb-glyphs{font-size:3.5rem}.nb-input,.nb-ap{height:4.8rem}.nb-compact .nb-input,.nb-compact .nb-glyphs{font-size:2.4rem}.nb-compact .nb-input,.nb-compact .nb-ap{height:3.4rem}}@media (forced-colors:active){.nb-input{color:fieldtext;-webkit-text-fill-color:FieldText}.nb-input::placeholder,.nb-input:focus::placeholder{color:graytext;-webkit-text-fill-color:GrayText}.nb-glyphs{display:none}.nb-input:focus-visible{outline-offset:2px;outline:2px solid highlight}.nb-ap-option input:checked+span{text-decoration:underline}}