:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:inherit;color:var(--foreground-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #242424;--foreground-color: white;--soft-outline: rgb(65, 65, 65);--bright-outline: rgb(255, 255, 255);--invert: none;--tooltip-background: none;--OBR-font: white;--OBR-font-transparent: rgba(255, 255, 255, .493);--OBR-offset-foreground: rgb(230, 230, 238);--OBR-offset-background: rgb(49, 49, 65);--OBR-light-blue: rgb(60, 62, 75);--OBR-light-blue-transparent: rgb(60, 62, 75, .5);--OBR-dark-blue: rgb(30, 34, 49);--OBR-dark-blue-transparent: rgba(30, 34, 49, .5);--OBR-dark-purple-transparent: rgba(58, 30, 38, .5);--OBR-Purple-Select: rgb(187, 153, 255);--OBR-Purple-Select-transparent: rgb(187, 153, 255, .5);--OBR-Day-Select: rgb(187, 153, 255, .9);--OBR-Day-Back: rgb(60, 62, 75)}@media (prefers-color-scheme: light){:root{--invert: brightness(75%);--background-color: #e9e9e9;--foreground-color: rgb(49, 49, 49);--soft-outline: rgb(196, 196, 196);--invert: invert(.65);--invert-click: none;--OBR-offset-fore: rgb(44, 44, 46);--OBR-offset-back: rgb(210, 210, 223);--OBR-dark-blue: rgb(209, 210, 217);--OBR-light-blue: rgb(231, 233, 238);--OBR-dark-blue-trans: rgba(255, 255, 255, .507)}}html{height:100%;padding:0 4px}#app{text-align:center;display:flex;flex-direction:column;width:100%;height:100%}body{display:flex;margin:8px 0;height:calc(100% - 16px);width:100%;font-family:Arial,sans-serif}#tabControls{width:100%;display:flex;height:32px}.view-button{width:50%;font-weight:700;cursor:pointer;background-color:var(--OBR-dark-blue-transparent);border-radius:6px;border:1px solid var(--OBR-font);color:var(--OBR-font);margin-left:6px;margin-right:6px}.panel{width:100%;height:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden}#calendarHeader{padding-top:6px;flex:0 0 auto;place-content:center;display:flex}#calendarSpellContainer,#calendarProfContainer{width:25%;justify-content:space-between;margin-left:2px;margin-right:4px}#calendarTitleContainer{width:50%}.title-line{font-weight:bolder;background-color:transparent;border-color:var(--OBR-Purple-Select);border-width:2px;border-style:solid;width:100%}#calendarMoonContainer{display:flex;justify-content:space-between;place-content:center;flex:0 0 auto;overflow-y:hidden;scrollbar-color:var(--OBR-font) var(--OBR-Purple-Select);scrollbar-width:thin}#importPanel{margin-top:16px}#importTextInput{width:80%!important;height:80%;resize:none;border-radius:6px;background:#d3d3d3}#configPanel{margin-top:6px;overflow-y:scroll;scrollbar-color:var(--OBR-font) var(--OBR-Purple-Select);scrollbar-width:thin;justify-items:center}#configMoonsInputContainer,#configDayNameContainer,#configMonthInputContainer{width:calc(100% - 15px);margin-bottom:8px}.form-group{width:96%;margin-bottom:.5em;display:flex;justify-content:space-between}.form-group label{align-content:center}.day-input-container{display:flex;justify-content:space-between;width:96%;margin-bottom:6px}.day-header{cursor:default}.month-input-container{display:flex;justify-content:space-between}#generateCalendar{width:75%;height:32px;border:1px solid grey;margin:6px}button:hover{background-color:var(--OBR-Purple-Select)}#calendarTimeContainer{flex:0 0 auto;margin-top:6px;display:flex;justify-content:space-evenly}#calendarContainer{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--OBR-font) var(--OBR-Purple-Select);scrollbar-width:thin}.time-bontrol-button{border:1px solid var(--OBR-Purple-Select);border-radius:6px;padding:4px 6px}#timeContainer{width:70px;font-weight:bolder;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--OBR-font);text-shadow:0 0 1px var(--OBR-Purple-Select),0 0 2px var(--OBR-Purple-Select),0 0 8px var(--OBR-Purple-Select)}table{border-collapse:collapse;width:100%;height:100%;border-radius:6px;overflow:hidden}#calendar{height:98%}.calendar-system td,.calendar-system th{overflow:hidden;text-align:center;white-space:nowrap;padding-left:8px;padding-right:8px}.calendar-system-container{height:96%;width:100%}.calendar-system{width:100%;box-sizing:border-box;table-layout:fixed}.calendar-system thead{position:sticky;top:0;z-index:2}.calendar-system thead tr th,.calendar-system thead tr td{background-color:var(--OBR-dark-blue)}.calendar-system thead .month-header-cell{background-color:var(--OBR-Purple-Select-transparent)}.month-table-body{overflow-y:scroll}#spellInput,#spellLevelContainer{float:left;display:flex;justify-content:space-around}#profInput,#profLevelContainer{float:right;display:flex}.mon-forward-button,.day-forward-button{float:right;width:24px;height:24px;filter:var(--invert)}.clickable:active{filter:var(--invert-click);transform:scale(1.5)}.month-row{height:16px}.month-flex-name-container{display:flex}.month-name-flex{width:calc(100% - 48px);text-overflow:ellipsis;overflow-x:hidden;padding-left:6px;padding-right:6px}.current-month-name-flex{width:calc(100% - 96px);text-overflow:ellipsis;overflow-x:hidden;padding-left:6px;padding-right:6px}.month-header-cell{cursor:default;padding:5px;background-color:var(--OBR-Purple-Select-transparent)}.moon-image{width:calc(74px * var(--moon-scale, 1));height:calc(74px * var(--moon-scale, 1))}.moon-dc-label{position:relative;display:block;top:-20px}.moon-icon{content:"";position:relative;cursor:default;display:flex;mix-blend-mode:color-burn;z-index:100;width:calc(72px * var(--moon-scale, 1));height:calc(72px * var(--moon-scale, 1))}.moon-name-label{font-weight:bolder;position:relative;bottom:0;left:0;z-index:1;overflow-x:hidden;display:block;width:86px;text-overflow:clip;margin-left:2px;margin-right:2px;font-size:11px;text-align:center}.moon-container{width:90px;min-height:120px;text-align:center;text-align:-webkit-center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.moon-phase-label{position:relative;display:block;height:20px;width:100%;font-size:11px;font-weight:100;text-align:center}.moon-icon:after{content:"";position:absolute;border-radius:50%;inset:0;margin:auto;width:69.5%;height:70%;background-color:var(--moon-color);opacity:.5;z-index:1}.day-cell{padding:6px;cursor:default;border:1px solid #ffffff1c;border-radius:4px;position:relative}#floating-header{position:fixed;top:0;left:0;width:100%;background-color:var(--OBR-dark-blue);padding-top:6px;padding-bottom:6px;display:flex;justify-content:space-around;align-items:center}button{background-color:var(--OBR-light-blue);border-radius:6px;color:var(--foreground-color);border:none;cursor:pointer}.button-selected{background-color:var(--OBR-Purple-Select)}.content{margin-top:20px;padding-top:10px}@keyframes glow{0%{box-shadow:0 0 10px var(--OBR-Day-Select) inset;border-color:var(--OBR-Day-Select);border-width:1px;background-color:var(--OBR-Day-Back)}50%{box-shadow:0 0 20px var(--OBR-Day-Select) inset;border-color:var(--OBR-Day-Select);border-width:1px;background-color:var(--OBR-Day-Back)}to{box-shadow:0 0 10px var(--OBR-Day-Select) inset;border-color:var(--OBR-Day-Select);border-width:1px;background-color:var(--OBR-Day-Back)}}#titleLine{display:flex}#titleName{width:100%}.current-date{animation:glow 2s infinite;font-weight:bolder}input{background-color:var(--OBR-dark-blue-transparent);border-radius:6px;border:1px solid var(--OBR-font);color:var(--OBR-font);height:100%;padding:6px}.moon-input{width:25%;padding:3px}.input-mini{width:56px;min-width:56px;padding:3px 6px;margin:0 4px;text-align:center}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.moon-mage-stuff{margin-top:4px;width:24px;height:12px;margin-left:2px;padding:2px}@keyframes battle-system-glow{0%{box-shadow:0 0 2px red}50%{box-shadow:0 0 8px 4px red}to{box-shadow:0 0 2px red}}.config-card{background:var(--OBR-offset-background);border:1px solid var(--soft-outline);border-radius:8px;padding:12px 14px;margin-bottom:10px;width:80%}.config-card-header{font-weight:700;font-size:14px;text-align:center;letter-spacing:.04em;margin-bottom:8px}.config-card-divider{border:none;border-top:1px solid var(--soft-outline);margin:0 0 10px}.config-section{margin-bottom:6px}.config-section-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--OBR-Purple-Select);margin-bottom:4px;margin-top:4px}.config-text-input{background-color:var(--OBR-light-blue);border:1px solid var(--soft-outline);border-radius:4px;color:var(--foreground-color);padding:2px 6px;margin:0 4px;font-size:13px;width:100%;box-sizing:border-box}.input-mini-color{background-color:var(--OBR-light-blue);border:1px solid var(--soft-outline);border-radius:4px;color:var(--foreground-color);padding:2px 4px;font-size:13px;width:80px}.moon-input-container{border:1px solid var(--soft-outline);border-radius:6px;padding:6px 8px;margin-bottom:6px}.moon-input-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.moon-scale-row{gap:8px}.moon-scale-slider{flex:1;min-width:80px;accent-color:var(--OBR-Purple-Select)}.moon-scale-display{font-size:12px;min-width:28px;text-align:right;color:var(--OBR-font-transparent)}.note-indicator{position:absolute;top:-4px;right:-4px;width:24px;height:24px;color:var(--OBR-Purple-Select);pointer-events:none;display:flex;align-items:center;justify-content:center}.note-indicator svg{width:24px;height:24px;display:block}.gm-clickable{cursor:pointer}.gm-clickable:hover{background-color:var(--OBR-light-blue)}.auth-connect-button{display:block;width:100%;background-color:var(--OBR-Purple-Select);border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:8px}.auth-connect-button.auth-connected{background-color:var(--OBR-light-blue);color:var(--foreground-color);border:1px solid var(--OBR-Purple-Select)}.auth-status-text{font-size:12px;text-align:center}.auth-status-connected{color:var(--OBR-Purple-Select)}.auth-status-disconnected{color:#ff9f43}.generate-button{display:block;width:100%;margin-top:4px;padding:8px;background-color:var(--OBR-Purple-Select);color:#000;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-size:13px}.note-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px)}.note-modal-content{background:var(--OBR-offset-background);border:1px solid var(--soft-outline);border-radius:10px;width:90%;max-width:360px;display:flex;flex-direction:column;overflow:hidden}.note-modal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--OBR-dark-blue)}.note-modal-title-label{font-weight:600;font-size:13px}.note-modal-close{background:transparent;border:none;color:var(--foreground-color);font-size:16px;cursor:pointer;padding:0 4px;line-height:1}.note-modal-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.note-modal-readonly{background:var(--OBR-dark-purple-transparent);border-radius:4px;padding:6px 8px;font-size:11px;color:var(--OBR-Purple-Select)}.note-modal-input{background:var(--OBR-light-blue);border:1px solid var(--soft-outline);border-radius:4px;color:var(--foreground-color);padding:4px 8px;font-size:13px;width:100%;box-sizing:border-box}.note-modal-textarea{background:var(--OBR-light-blue);border:1px solid var(--soft-outline);border-radius:4px;color:var(--foreground-color);padding:4px 8px;font-size:13px;width:100%;box-sizing:border-box;resize:vertical;font-family:inherit}.note-modal-author{font-size:10px;color:var(--OBR-font-transparent)}.note-modal-status{font-size:11px;color:var(--OBR-Purple-Select);min-height:16px}.note-modal-footer{display:flex;gap:8px;padding:10px 14px;background:var(--OBR-dark-blue)}.note-modal-save{background:var(--OBR-Purple-Select);border:1px solid var(--bright-outline);color:var(--font-color);border-radius:6px;padding:6px 16px;font-weight:600;cursor:pointer;font-size:13px}.note-modal-delete{background:transparent;color:#ff6b6b;border:1px solid #ff6b6b;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px}@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}.patreon-clickable{filter:var(--invert);background-color:transparent!important;border-style:none!important;height:20px;width:20px}.information{position:relative;display:inline-block;cursor:help}.information:hover:after{content:attr(data-information);display:block;position:absolute;top:100%;left:50%;transform:translate(-75%);padding:5px;background-color:var(--OBR-offset-background);color:var(--OBR-font);border:2px solid grey;border-radius:4px;white-space:pre-line;z-index:1}.imageIcon{width:20px;height:20px;margin-left:6px}.clickable{filter:var(--invert);background-color:transparent!important;border-style:none!important;vertical-align:text-bottom;height:25px;width:25px}hr{width:75%;margin:1.25em auto;border:none;border-top:1px solid #ccc}#importConfirmButton{width:75%;height:32px;font-weight:700;border:1px solid grey}#weatherPanel{height:40px;width:100%;display:flex}#weatherPanel button{margin:2px;width:100%;height:32px;font-weight:700;border:1px solid grey}