:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{--bg:#333;--text:#ddd;--num-bg:#cdcdcd;--num-text:#333}html[data-theme=light]{--bg:#ddd;--text:#333;--num-bg:#333;--num-text:#ddd}body{background-color:var(--bg);color:var(--text);touch-action:manipulation;font-family:Cinzel,serif}#app{text-align:center;flex-direction:column;min-width:320px;max-width:800px;height:100svh;min-height:100svh;margin:0 auto;padding:8px;display:flex}.navbar{border-top:1px solid #888;border-bottom:none;display:flex;position:sticky;bottom:0}.navbar button{font-size:large}.tab-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:12px 8px;font-size:1rem}.tab-btn.active{border-bottom-color:currentColor;font-weight:700}.settings-btn{color:var(--text);cursor:pointer;background:0 0;border:none;flex:none;padding:12px 16px;font-size:1rem}#mainwrapper{flex-direction:column;flex:1;place-content:center;width:100%;padding:1rem 0;display:flex}#wrapper{flex-direction:column;width:100%;display:flex}.nd-cont{justify-content:center;align-items:center;margin-top:16px;display:flex}#display-num{background-color:var(--num-bg);color:var(--num-text);text-align:center;border:1px solid #888;width:180px;height:105px;font-family:Verdana,sans-serif;font-size:72px;line-height:1.3}.btnwrapper{height:105px}.nd-btn{background-color:var(--bg);width:60px;height:52px;color:var(--text);cursor:pointer;border:1px solid #888;font-size:x-large;display:block}.nd-btn:first-child{margin-bottom:1px}#startbtn{width:240px;margin:8px auto 0;font-size:x-large}.metronome-hidden{visibility:hidden}.preset-btns{_gap:1px;border-bottom:1px solid #555;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(3,auto);justify-content:center;margin-top:24px;padding-bottom:24px;font-weight:700;display:grid}.preset-btns button:first-child{grid-area:1/1}.preset-btns button:nth-child(2){grid-area:2/2}.preset-btns button:nth-child(3){grid-area:3/3}.preset-btns button:nth-child(4){grid-area:4/2}.preset-btns button:nth-child(5){grid-area:5/1}.preset-btns button{background-color:var(--bg);color:var(--text);cursor:pointer;border:1px solid #888;padding:4px 16px;font-size:1rem;transition:background-color .3s,color .3s}.preset-btns button:active{background-color:var(--text);color:var(--bg)}.division-radios{justify-content:center;gap:0;margin-top:16px;display:flex}.division-radios label{cursor:pointer;width:auto;height:auto;color:var(--text);background:0 0;border:1px solid #888;border-radius:0;justify-content:center;align-items:center;margin-left:-1px;padding:4px 18px;font-weight:700;transition:background-color .1s,color .1s;display:inline-flex}.division-radios label:first-child{border-radius:4px 0 0 4px;margin-left:0}.division-radios label:last-child{border-radius:0 4px 4px 0}.division-radios label:has(input:checked){background-color:var(--text);color:var(--bg)}.division-radios input[type=radio]{display:none}.modal-overlay{z-index:100;background-color:#00000080;justify-content:center;align-items:center;min-height:200px;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg);color:var(--text);border-radius:8px;flex-direction:column;justify-content:start;gap:48px;min-width:350px;padding:48px;display:flex}.synth-type{justify-content:space-between;align-items:center;display:flex}.synth-type label{font-weight:700}.synth-type select{background-color:var(--bg);color:var(--text);border:1px solid #888;padding:4px 32px;font-size:1rem;font-weight:700}.dlmode{width:100%;color:var(--text);justify-content:space-between;align-items:center;display:flex}.dlmode-title{font-weight:700;font-size:inherit;margin-right:16px}.dlmode-controls{align-items:center;display:flex}.toggle-switch{margin-left:4px;margin-right:4px}.toggle-switch label{box-sizing:border-box;background-color:#ccc;border-radius:8px;width:64px;height:24px;transition:all .2s;display:inline-block;position:relative}.toggle-switch input:checked+label{background-color:ivory}.toggle-switch label:after{content:"";z-index:2;cursor:pointer;background-color:#aaa;border:1px solid #999;border-radius:8px;width:32px;height:24px;transition:all .2s;position:absolute;top:0;left:0}.toggle-switch input:checked+label:after{left:32px}.toggle-switch input{display:none}.division-radios label svg{flex-shrink:0;margin-right:4px}.ads{_align-self:stretch;text-align:center;justify-content:center;max-width:320px;max-height:50px;margin-top:auto;margin-left:auto;margin-right:auto;display:flex}#pcads{display:none}#mobileads{_justify-items:center;display:block}#home{margin-left:10px;text-decoration:none}#home:hover{text-decoration:underline}.navbar{order:5}#mainwrapper{order:1}.ads{order:3}footer{order:4;display:none}@media (width>=768px){#mainwrapper{order:2}.navbar{background-color:var(--bg);border-top:none;border-bottom:1px solid #888;order:1;width:100%;margin-bottom:16px;position:static}.ads{_margin-top:auto;_text-align:center;order:3;align-items:center;max-width:728px;max-height:90px;padding-top:16px}#pcads{width:100%;display:block}#mobileads{display:none}footer{text-align:center;height:128px;margin-top:16px;padding:32px;display:block}}