@font-face{font-family:kdg;font-weight:600;src:url(/kdg-medium.otf) format("opentype")}@font-face{font-family:kdg;font-weight:300;src:url(/kdg-light.otf) format("opentype")}html,body{width:100%;height:100%}html{font-size:24px}body{margin:0;font-family:kdg,UD Digi Kyokasho NK-B,serif;font-weight:300;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:row;width:100%;height:100%}#overlay{margin-bottom:auto}*{box-sizing:border-box}input,button,select{font:inherit}var{font-style:inherit}dl,dt,dd{margin:0;margin-inline-start:0}small{font-size:.6666em}hr{width:100%}button{border:0;border-radius:0;background:#fff;color:#000}button[disabled]{color:#888;pointer-events:none}button:hover{background:#ddd}button:active{background:#333;color:#eee}button.running{background:#c00;color:#fff}button.running:hover{background:#a00}button.running:active{background:#800}.comment{font-size:.8rem;line-height:1.25em;text-align:center;width:100%;margin:0;padding:.25em 0;margin:0 0 .25rem;background:#fff;color:#000}.opaque-text,.clock{color:#fff;text-shadow:+.15ex +.15ex .05ex #000,-.15ex +.15ex .05ex #000,+.15ex -.15ex .05ex #000,-.15ex -.15ex .05ex #000,+.196ex +.088ex .05ex #000,+.196ex -.088ex .05ex #000,-.196ex +.088ex .05ex #000,-.196ex -.088ex .05ex #000,+.088ex +.196ex .05ex #000,-.088ex +.196ex .05ex #000,+.088ex -.196ex .05ex #000,-.088ex -.196ex .05ex #000,+0 +.212ex .05ex #000,+.212ex +0 .05ex #000,-.212ex +0 .05ex #000,+0 -.212ex .05ex #000,0 0 0 transparent}#root{display:flex;align-items:flex-end;flex-direction:column;height:100%;text-align:right}header{display:inline-block;background:#000;color:#fff;padding:.5rem 1rem;font-size:3em;text-align:center}header .subtitle{font-size:.5em}header .title{font-size:.75em;color:#fc6}time{display:grid;grid-template-columns:2.4em .8em 2.4em .8em;align-items:baseline;justify-content:flex-end}time .s{grid-column:3}time.extended{display:flex;flex-wrap:nowrap;white-space:nowrap}time.extended .s{grid-column:auto}time.extended label{width:auto;min-width:2rem;white-space:nowrap}time.extended>*{flex-shrink:0}time.extended label:not(:last-child){margin-right:.3em}.clock{display:grid;align-items:center;grid-template-columns:auto max-content;gap:0 1rem;padding:0 .5rem;margin-bottom:auto;font-size:2em;font-weight:600;line-height:1.1}.clock dt{font-size:.75em}.clock dt b{font-size:1.5em}.clock label{width:2rem;font-size:1.5rem!important;text-align:left}.current{width:100%;line-height:1}.paused{opacity:.5;text-decoration:line-through}dd.current time *{font-size:2em}dt:not(.current){opacity:.75}.control{display:flex;align-items:stretch;gap:.25rem;width:100%;word-break:keep-all}.control p{margin:0;flex-grow:1;text-align:center}.control select{width:100%}.control button{font-size:1.5em;white-space:nowrap}.control button .control button.log{font-size:.5em}.control button.record small{display:inline-block;font-size:.45em;line-height:1.2}.time-extend button{margin-left:5px;margin-right:5px}.time-extend{display:block}