:root{color-scheme:light;--main-bg: #c5bfbd;--main-bg-gr-01: #dda29d;--main-bg-gr-02: #d3ae90;--main-bg-gr-03: #b6ae98;--main-bg-gr-04: #b7b7c4;--prim-txt: #37373b;--highlight: #343444;--navbar-bg: #afa59a;--footer-bg: #afa59a;--ico-bg: #6B6B85;--ico-txt: #faede5;--boxCont-border: var(--ico-bg);--boxCont-bg: #dadaf590;--boxCont-txt: var(--highlight);--primary-color: #4a90e2;--btn-prime-color: #5c5c77;--btn-prime-txt-color:#ebe1e1;--btn-min-size: 2rem;--header-text: #2a2c30;--border-color: #adadd8}@media(prefers-color-scheme: dark){:root{color-scheme:dark;--main-bg: #111;--main-bg-gr-01:#350a06;--main-bg-gr-02:#311906;--main-bg-gr-03:#13131b;--main-bg-gr-04:#06061a;--prim-txt: #aaa;--highlight: #99a;--navbar-bg: #131313;--footer-bg: #15151e;--ico-bg: #D68251;--ico-txt: #04072b;--boxCont-border: var(--ico-bg);--boxCont-bg: #1b0e0690;--boxCont-txt: var(--highlight);--primary-color: #4a90e2;--btn-prime-color: #cc602d;--btn-prime-txt-color:#ebe1e1;--btn-min-size: 2rem;--background-color: #f4f4f9;--text-color: #333;--header-bg: #333;--header-text: #dad5d3;--border-color: #552408}}@font-face{font-display:swap;font-family:"SourceSans3";font-style:normal;font-weight:200 900;unicode-range:U+000-5FF;src:url("/fonts/SourceSans3VF-Upright.otf.woff2") format("woff2")}html{overflow-x:hidden;margin:0;padding:0}body{font-family:"SourceSans3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--prim-txt);min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}main{height:100%}.main-container{background-color:var(--main-bg);background:linear-gradient(0deg, var(--main-bg-gr-01) 2%, var(--main-bg-gr-02) 6%, var(--main-bg-gr-03) 10%, var(--main-bg-gr-04) 20%, var(--main-bg) 30%)}.main-bg-deco{display:flex;justify-content:space-around;margin:0;padding:.4rem;height:100%;background-image:url(/img/sdeco/topBo_lit.svg),url(/img/sdeco/topL_lit.svg),url(/img/sdeco/topR_lit.svg),url(/img/sdeco/bottomBo_lit.svg),url(/img/sdeco/treeL_lit.svg),url(/img/sdeco/treeR_lit.svg),url(/img/sdeco/dzBin_lit.svg);background-position:top,top left,top right,bottom,bottom left,bottom right,50% 35%;background-repeat:no-repeat;background-size:100vw,20vw,20vw,100vw,33vh,40vh,250px}@media(prefers-color-scheme: dark){.main-bg-deco{background-image:url(/img/sdeco/topBo_drk.svg),url(/img/sdeco/topL_drk.svg),url(/img/sdeco/topR_drk.svg),url(/img/sdeco/bottomBo_drk.svg),url(/img/sdeco/treeL_drk.svg),url(/img/sdeco/treeR_drk.svg),url(/img/sdeco/dzBin_drk.svg)}}.view{display:none}#main-view{display:block}.view-wrap{display:flex;flex-flow:column;justify-self:center;width:100%;max-width:50rem;padding:1rem;padding-top:.2rem;margin-bottom:2rem;background-color:var(--boxCont-bg);border-radius:24px;backdrop-filter:blur(5px)}#mainHead,#mainFoot{display:flex;flex-flow:column;flex-wrap:wrap;align-content:space-around;width:100%;background-color:var(--navbar-bg);color:var(--header-text);padding:.3rem;text-align:center}#mainHead h1,#mainFoot h1{margin:0;font-size:1.5rem}#mainHead h2,#mainFoot h2{margin:0;font-size:1.2rem}#mainHead nav,#mainFoot nav{display:flex;justify-content:center;gap:.25rem;margin-top:.25rem}#mainHead nav button,#mainFoot nav button{background:var(--btn-prime-color);color:var(--btn-prime-txt-color);border:none;margin:0;padding:.3rem .3rem;border-radius:5px;cursor:pointer}#mainHead .nav-wrap,#mainFoot .nav-wrap{width:100%;max-width:65rem}#mainFoot{background-color:var(--footer-bg)}.mainTitle{display:flex;justify-content:space-between;padding:.3rem}.dzHomeBtn{background-image:url("/img/dzTitle.svg");width:6.5rem;height:2rem;display:block;background-size:auto;background-repeat:no-repeat;overflow:hidden}.harpFaceBtn{width:2rem;height:2rem;display:block;background-size:auto;background-repeat:no-repeat;overflow:hidden}.harpFaceBtn path{fill:var(--header-text)}button{display:block;width:100%;padding:.8rem;border:none;background-color:var(--btn-prime-color);color:var(--btn-prime-txt-color);border-radius:5px;font-weight:600;cursor:pointer;margin-top:1rem}#main-view h1{margin:0}#main-view h2{margin:.3rem}.c5-wrap{display:flex;flex-flow:column;flex-wrap:wrap;align-content:space-around}#circle-of-fifths{--stroke-width: 0.15rem;width:100%;height:100%;max-width:30rem;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-focus-ring-color:rgba(0,0,0,0)}#circle-of-fifths .c5-major-slice:focus,#circle-of-fifths .c5-minor-slice:focus{outline:none;box-shadow:none}#circle-of-fifths .c5-major-slice{fill:#ffae00;stroke:#000;stroke-width:var(--stroke-width);pointer-events:auto;cursor:pointer;transition:fill .3s ease}#circle-of-fifths .c5-major-slice:hover,#circle-of-fifths .c5-major-slice:active{fill:#e97c00}#circle-of-fifths .c5-minor-slice{fill:#d5b6f1;stroke:#000;stroke-width:var(--stroke-width);cursor:pointer;transition:fill .3s ease}#circle-of-fifths .c5-minor-slice:hover,#circle-of-fifths .c5-minor-slice:active{fill:#b571ec}#circle-of-fifths .c5-major-text,#circle-of-fifths .c5-minor-text{font-weight:bolder;fill:#000;pointer-events:none;user-select:none}#circle-of-fifths .c5-major-text{font-size:2.8rem}#circle-of-fifths .c5-minor-text{font-size:2rem}#circle-of-fifths .c5-inner-circle{fill:var(--main-bg);stroke:#000;stroke-width:var(--stroke-width)}#circle-of-fifths .c5-infobox-text-top,#circle-of-fifths .c5-infobox-text-main{font-size:2rem;font-weight:bolder;fill:var(--prim-txt)}#circle-of-fifths .c5-infobox-text-main{font-size:3.5rem}#mainHarpRec{margin-top:1rem;margin-bottom:1rem}.harp-rec-wrap{display:flex;flex-flow:column;justify-content:center}.harp-rec-btn{padding:.5rem;margin:.25rem}#noteHarpSel{display:flex}.noteHarpInfoPos-wrap{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:1rem;margin:1rem;border:2px solid var(--border-color);border-radius:12px}.noteHarpInfoTxt-wrap,.noteHarpQuality-wrap{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:.5rem;margin-top:1rem;border:2px solid var(--border-color);border-radius:12px}.noteHarpInfoTxt-wrap h3,.noteHarpQuality-wrap h3{margin:0}.noteHarpSel-wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;margin-top:.25rem}.noteHarpSel-wrap button{width:var(--btn-min-size);height:var(--btn-min-size);margin:0;padding:.3rem .3rem;border-radius:5px;cursor:pointer}.notesVis-wrap{display:flex;justify-content:center;align-items:center}.harpNotesVis-wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}#notesVis{padding:.4rem;border:2px solid var(--border-color);border-radius:12px}.harpNotesVis{padding:.4rem;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(8, 1fr);gap:1px;width:min-content;height:min-content}.notesVis-combFill,.notesVis-default,.notesVis-bend{width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#fff;border-radius:3px}.notesVis-combFill{background-color:#1e2831;font-weight:bold}.notesVis-default{background-color:#cce0ee;color:#292929;font-weight:bold;border:2px solid var(--border-color)}.notesVis-bend{background-color:#db7f34}input[type=text],input[type=password],textarea{width:100%;padding:.8rem;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:5px;box-sizing:border-box}textarea{min-height:300px;resize:vertical}#db-list,#file-list,#set-cat-list,#set-author-list{overflow-y:auto;overflow-x:hidden;background:#fff;padding:.5rem;border-radius:5px;max-height:100px;margin-bottom:.5rem}#db-list li,#file-list li,#set-cat-list li,#set-author-list li{list-style:none;font-weight:bold}#sysNotes{display:block;height:2rem}.sysNote{background-color:#949494}.sysAlert{background-color:#c04949}.sysGood{background-color:#5db95d}@media(min-width: 70rem){body{font-size:120%}}