html.frame,html.frame body{height:100%;margin:0}html.frame body{background:var(--paper);overflow:hidden;container:frame/size}html.frame{--frame-text:.8125rem;--frame-status:.875rem;--frame-button:2.75rem;--frame-start:8.5rem;--frame-pad:clamp(.5rem, 3vmin, 1.25rem)}html.frame-s{--frame-text:.75rem;--frame-status:.8125rem;--frame-button:2.25rem;--frame-start:6.5rem;--frame-pad:clamp(.375rem, 2.5vmin, .875rem)}html.frame-l{--frame-text:.9375rem;--frame-status:1.0625rem;--frame-button:3.25rem;--frame-start:11rem;--frame-pad:clamp(.75rem, 3.5vmin, 1.75rem)}.frame-sheet{box-sizing:border-box;height:100%;padding:var(--frame-pad) calc(var(--frame-pad) * 1.25);background-image:repeating-linear-gradient(180deg, transparent 0 35px, var(--rule-soft) 35px 36px);text-align:center;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:clamp(.25rem,1.6vmin,.75rem);display:grid}.frame-top{min-width:0;font-size:var(--frame-text);justify-content:space-between;align-items:baseline;gap:.75rem;line-height:1.5;display:flex}.frame-label{min-width:0;color:var(--ink-2);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.frame-brand{color:var(--ink-3);white-space:nowrap;border-radius:.375rem;flex:none;align-items:center;gap:.3em;margin-left:auto;padding:.125rem .25rem;font-weight:600;text-decoration:none;display:inline-flex}.frame-brand:hover{color:var(--accent)}.frame-brand>svg{width:1.1em;height:1.1em;translate:0 .08em}.frame-face{place-items:center;min-height:0;display:grid;container-type:size}.frame-digits{font-size:min(calc(90cqw / var(--w)), 84cqh);line-height:1;translate:0 .04em}.frame-status{color:var(--ink-2);font-size:var(--frame-status);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.frame-controls{justify-content:center;gap:.5rem;display:flex}.frame-controls .btn{height:var(--frame-button);border-radius:calc(var(--frame-button) / 4.4)}.frame-controls .frame-start{min-width:var(--frame-start);font-size:calc(var(--frame-button) * .36)}.frame-controls .frame-icon{width:var(--frame-button)}.frame-save{font-size:var(--frame-status);color:var(--ink-2);line-height:1.4}.frame-save-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .5rem;display:flex}.frame-save-row>svg{color:var(--margin-ink)}.frame-save-link{color:var(--accent);text-underline-offset:3px;align-items:center;gap:.3rem;font-weight:600;text-decoration:underline;display:inline-flex}.frame-save-link:hover{color:var(--accent-hover)}.frame-toast{z-index:10;justify-content:center;display:flex;position:fixed;inset:auto .5rem .5rem}@container frame (width<24rem) or (height<15rem){html.frame-l .frame-sheet{--frame-text:.8125rem;--frame-status:.875rem;--frame-button:2.75rem;--frame-start:8.5rem}}@container frame (height<11rem){.frame-status,.frame-label{display:none}}@container frame (width<17rem){.frame-controls .frame-start{min-width:var(--frame-button)}.frame-controls .frame-start>span{display:none}}@container frame (width<22rem){.frame-controls .frame-finish{width:var(--frame-button);padding:0}.frame-controls .frame-finish>span{display:none}}@container frame (height<8.5rem) and (width<24rem){html .frame-sheet,html.frame-l .frame-sheet{--frame-button:2.25rem}.frame-sheet{column-gap:var(--frame-pad);grid-template:"top top""face controls"minmax(0,1fr)"save save"/minmax(0,1fr) auto}.frame-top{grid-area:top}.frame-face{grid-area:face}.frame-save{grid-area:save}.frame-controls{flex-direction:column;grid-area:controls;align-self:center;gap:.375rem}.frame-controls .frame-start{width:var(--frame-button);min-width:var(--frame-button);padding:0}.frame-controls .frame-start>span{display:none}.frame-controls .frame-icon{display:none}}@container frame (height<11rem) and (width>=24rem){.frame-sheet{column-gap:calc(var(--frame-pad) * 1.5);grid-template:"face top""face controls"minmax(0,1fr)"face save"/minmax(0,1fr) auto}.frame-face{grid-area:face}.frame-top{grid-area:top}.frame-label{max-width:9rem;display:block}.frame-controls{grid-area:controls;justify-content:flex-end;align-self:center}.frame-save{grid-area:save}.frame-save-row{justify-content:flex-end}}html.frame-clear,html.frame-clear body{background:0 0}:root.frame-clear,:root.frame-clear[data-theme]{color-scheme:normal}html.frame-clear .frame-sheet{background:0 0}html.frame-clear .frame-digits{-webkit-text-stroke:.05em var(--paper);paint-order:stroke fill}html.frame-clear .frame-top,html.frame-clear .frame-status,html.frame-clear .frame-save{-webkit-text-stroke:.16em var(--paper);paint-order:stroke fill}html.frame-clear .digit-colon,html.frame-clear .frame-label,html.frame-clear .frame-brand{color:var(--ink-2)}html.frame-clear .btn:not(.btn-primary){background:var(--sheet)}.frame-sheet.is-calm{cursor:none}.frame-sheet.is-calm .frame-controls,.frame-sheet.is-calm .frame-save{opacity:0;pointer-events:none}.frame-controls,.frame-save{transition:opacity .6s}