#root{background:#000}.App{display:flex;flex-direction:column;min-height:100dvh;background:var(--cream-100)}@media (min-width: 800px){.App{height:100vh}}.Header{position:sticky;top:0;left:0;background:var(--cream-100);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--size-1);padding:var(--padding-outer);padding-bottom:0;flex:0 0 auto}@media (min-width: 800px){.Header{position:static;flex-direction:row;border-bottom:1px solid var(--green-900);padding:var(--padding-outer)}}.HeaderSide{display:flex;width:200px;align-items:center;justify-content:center}.Logo{display:none}@media (min-width: 800px){.Logo{display:block}}@media (min-width: 800px) and (max-width: 1100px){.Logo{width:150px}}.Logo img{width:100%;object-fit:contain;transform:translateY(3px)}.ViewSwitcher{display:flex;border:1px solid var(--green-900);border-radius:var(--size-1);overflow:hidden;width:100%}@media (min-width: 800px) and (max-width: 1100px){.ViewSwitcher{max-width:400px}}@media (min-width: 1101px){.ViewSwitcher{max-width:600px}}.ViewSwitcherItem{flex:1 1 0px;text-align:center;border-right:1px solid var(--green-900);padding:var(--size-2);cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:capitalize}.ViewSwitcherItem:last-of-type{border-right:none}.ViewSwitcherItem:hover{background-color:var(--cream-200)}.ViewSwitcherItem.active{background:var(--green-800);color:#fff}.ViewSwitcherItem.active:hover{background:var(--green-800)}.HeaderActions{display:none}@media (min-width: 800px){.HeaderActions{display:block}}.IconText{display:flex;gap:var(--size-2);justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.IconText.disabled{opacity:.3}.Body{width:100%;max-width:1200px;margin:0 auto;padding:var(--padding-outer);overflow:hidden;flex:1 1 100%;flex-direction:column;justify-content:center;align-items:center}.BodySplit{display:flex;flex-direction:column;gap:var(--size-1)}@media (min-width: 800px){.BodySplit{height:100%;justify-content:space-around;flex-direction:row;gap:var(--size-8)}}.BodySplit>div{display:flex;flex-direction:column;gap:var(--size-1);overflow-y:scroll}@media (min-width: 800px){.BodySplit>div{flex:0 1 600px;gap:var(--size-4)}}@media (min-width: 800px){.BodySplit>div{overflow-y:scroll;overflow-x:hidden;padding-right:var(--size-1)}}.BodySplit>div::-webkit-scrollbar{background-color:transparent;width:var(--size-1)}.BodySplit>div::-webkit-scrollbar-thumb{background-color:var(--cream-200);border-radius:var(--size-1)}.TopicCreate{display:flex;flex-direction:column;gap:var(--size-2);border:1px solid var(--cream-200);border-radius:var(--size-1);padding:var(--size-2)}@media (min-width: 800px){.TopicCreate{padding:var(--size-6)}}.TopicCreateInputWrapper{display:flex;gap:var(--size-1)}.TopicCreateSubmit{flex:0 0 var(--size-6)}.TopicList{display:flex;flex-direction:column;gap:var(--size-1)}.TopicListItem{align-items:center;background-color:var(--green-700);border-radius:var(--size-1);color:#fff;display:flex;height:var(--size-10);padding:var(--size-3);gap:var(--size-2);transition:margin-left .2s ease;-webkit-user-select:none;user-select:none}.TopicListItem:hover .TopicListItemActions{display:flex}@media (hover: hover){.TopicListItem:hover .TopicListItemHandle{display:block}}.TopicListItem.isDragging{opacity:.4}.TopicListItem:not(.isDragging).isOver{margin-left:var(--size-3)}.TopicListItemHandle{display:flex;cursor:grab;touch-action:none}@media (pointer: coarse){.TopicListItemHandle{padding:0 var(--size-1)}}@media (hover: hover){.TopicListItemHandle{display:none}}.TopicListItemHandle img{max-width:12px}.TopicListItemActions{display:flex;gap:var(--size-2);cursor:pointer;margin-left:auto}@media (hover: hover){.TopicListItemActions{display:none}}.TopicListItem img{object-fit:contain;opacity:var(--icon-trans);pointer-events:none;height:100%}.TopicListItem img:hover{opacity:1}.TopicListEmpty{width:100%;align-items:center;border-radius:var(--size-2);border:2px dashed var(--cream-200);display:flex;height:var(--size-20);justify-content:center;padding:var(--size-4)}.ScheduleStart{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--size-2);border:1px solid var(--cream-200);border-radius:var(--size-1);padding:var(--padding-inner)}@media (min-width: 800px) and (max-width: 1024px){.ScheduleStart{flex-direction:column;align-items:flex-start}}.ScheduleStartInputWrapper{display:flex;gap:var(--size-1)}@media (min-width: 800px) and (max-width: 1024px){.ScheduleStartInputWrapper{width:100%}}.SchedulePreview{display:flex;flex-direction:column;gap:var(--size-4)}.Calendar{display:flex}.Calendar{width:100%;border:1px solid var(--green-900);border-radius:6px;overflow:hidden;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.CalendarDayName,.CalendarDay{border-left:1px solid var(--green-900-t);border-bottom:1px solid var(--green-900-t);padding:var(--size-1)}.CalendarDayName:nth-of-type(7n+1),.CalendarDay:nth-of-type(7n+1){border-left:none}.CalendarDayName:nth-last-of-type(-n+7),.CalendarDay:nth-last-of-type(-n+7){border-bottom:none}.CalendarDayName{background-color:var(--green-100)}.CalendarDay{position:relative;background-color:#fff3;padding:var(--size-1);overflow:hidden;padding-top:var(--size-5);display:flex;flex-direction:column;gap:var(--size-1)}.CalendarDayNumber{position:absolute;top:var(--size-1);left:var(--size-1);font-size:var(--size-2);opacity:.3}.CalendarStartOfMonth .CalendarDayNumber{opacity:.8}.CalendarDayEvent{background:var(--blue-500);border-radius:var(--size-1);padding:var(--size-1);font-size:var(--size-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff}.CalendarDayRepetition{opacity:.5}.CalendarDayEventTruncation{background:var(--cream-200);display:flex;justify-content:center;align-items:center;border-radius:var(--size-1)}.CalendarEmpty,.CalendarNoTopicsPerDay{width:100%;align-items:center;border-radius:var(--size-2);border:2px dashed var(--cream-200);display:flex;height:var(--size-20);justify-content:center;padding:var(--size-4)}.CalendarErrors{display:flex}.ScheduleTopicsPerDay{border:1px solid var(--cream-200);border-radius:var(--size-1)}.ScheduleTopicsPerDayHeader{display:flex;flex-direction:row;padding:var(--size-2);justify-content:space-between;align-items:center;padding:var(--padding-inner)}.ScheduleTopicsPerDayList{border-top:1px solid var(--cream-200);display:flex;flex-direction:column}@media (min-width: 1150px){.ScheduleTopicsPerDayList{flex-direction:row}}.ScheduleTopicsPerDayListItem{flex-direction:row;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1 1 100%}@media (min-width: 1150px){.ScheduleTopicsPerDayListItem{display:flex;flex-direction:column;border-right:1px solid var(--cream-200)}.ScheduleTopicsPerDayListItem:nth-of-type(7){border-right:none}}.ScheduleTopicsPerDayToggle{padding:var(--size-2)}.ScheduleTopicsPerDayNumber{display:flex;padding:var(--size-2);flex-direction:row;align-items:center}@media (min-width: 1150px){.ScheduleTopicsPerDayNumber{flex-direction:column}}.ScheduleTopicsPerDayName{width:var(--size-8)}.ScheduleRepetitions{display:flex;flex-direction:column;border:1px solid var(--cream-200);border-radius:var(--size-1)}.ScheduleRepetitionsHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--padding-inner)}.ScheduleRepetitionsList{border-top:1px solid var(--cream-200);display:flex;flex-direction:column}@media (min-width: 1024px){.ScheduleRepetitionsList{flex-direction:row}}.ScheduleRepetitionsList>div:not(:last-child){border-right:1px solid var(--cream-200)}.ScheduleRepetitionsListItem{border-right:1px solid var(--cream-200);padding:var(--size-2);flex:1 1 100%}.ScheduleRepetitionsListButtons{display:flex;justify-content:center;gap:var(--size-2);padding:var(--size-2)}.ScheduleRepetitionsListButton{align-content:center;flex:0 0 auto}.ScheduleRepetitionsListButton button{width:var(--size-6);height:var(--size-6)}.BodyShare{display:flex;flex-direction:column;justify-content:center;max-width:500px;margin:0 auto}@media (min-width: 800px){.BodyShare{height:100%}}.BodyShareActions{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:var(--size-4);gap:var(--size-2)}.BodyShareActions h1{text-align:center;font-size:var(--size-5)}@media (min-width: 800px){.BodyShareActions{margin-top:0;gap:var(--size-3)}.BodyShareActions h1{font-size:var(--size-6);margin-bottom:var(--size-3)}}.ShareButton{display:flex;align-items:center;justify-content:center;gap:var(--size-2);width:100%;font-size:var(--size-4);padding:var(--size-4);border:2px solid var(--cream-200);border-radius:var(--size-2);cursor:pointer}.ShareButton:hover{border-color:var(--green-900)}.Modals{display:flex;position:fixed;background:var(--black-t);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100vw;height:100vh;overflow:hidden;justify-content:center;align-items:center}.Modal{background-color:var(--cream-100);margin:var(--size-2);padding:var(--size-2);border-radius:var(--size-1);width:100%}@media (min-width: 800px){.Modal{padding:var(--size-4)}}.Modal h2{font-size:var(--size-4)}.EditTopicModal{max-width:400px}*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}input{width:100%}p{margin:0}img{display:block}:root{--white: #fefefe;--black: #202020;--black-t: rgba(20, 20, 20, .3);--grey-600: #444;--cream-100: #f5eded;--cream-200: #e2dad6;--blue-100: #7fa1c3;--blue-200: #6482ad;--blue-500: #206bd4;--green-100: #e7f0dc;--green-200: #729762;--green-300: #658147;--green-400: #597445;--green-700: #46a746;--green-800: #1a951a;--green-900: green;--green-900-t: rgb(0, 128, 0, .4);--brand-gradient: linear-gradient( 25deg, hsl(210deg 36% 63%) 0%, hsl(255deg 23% 76%) 29%, hsl(325deg 24% 84%) 59%, hsl(0deg 29% 95%) 100% );--system-fonts: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--brand: "brand", var(--system-fonts);--size-1: 6px;--size-2: 12px;--size-3: 18px;--size-4: 24px;--size-5: 30px;--size-6: 36px;--size-7: 42px;--size-8: 48px;--size-9: 54px;--size-10: 60px;--size-11: 66px;--size-12: 72px;--size-13: 78px;--size-14: 84px;--size-15: 90px;--size-16: 96px;--size-17: 102px;--size-18: 108px;--size-19: 114px;--size-20: 120px;--padding-outer: var(--size-2);--padding-inner: var(--size-2);--heading-1: var(--size-6);--heading-2: var(--size-3);--mobile-tiny: 600px;--mobile-medium: 800px;--mobile-large: 1000px;--icon-trans: .7}@media (min-width: 800px){:root{--padding-outer: var(--size-3);--padding-inner: var(--size-6);--heading-2: var(--size-4)}}@font-face{font-family:brand;src:local("Livvic-Bold"),url(/assets/Livvic-Bold-BdXWYL94.ttf) format("truetype")}:root{background-color:var(--black);color:var(--black)}body{background-color:var(--white)}h1,h2,h3,h4,h5,h6{font-family:var(--brand)}h2{font-size:var(--heading-2)}.logo{text-align:center;font-weight:700;font-size:18px;padding:12px 20px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:none;background:var(--cream-100);color:var(--black);text-decoration:none}.section{padding:40px;display:flex;flex-direction:column}.section.dark{background-color:var(--cream-100)}.section h2{font-size:36px}.section h3{font-size:24px}.section p{font-size:21px;line-height:1.6}@media (max-width: 999px){.section h2{font-size:28px}}@media (min-width: 1000px){.section{padding:100px}}.section-inner{max-width:630px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.masthead{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--brand-gradient);padding:0 60px 40px}.masthead:has(h1) h1{padding:0}.masthead:has(h1) h1 h1{padding:40px 60px}@media (min-width: 1000px){.header{gap:60px}}.footer{padding:40px;background:var(--black);color:#fff}.footer ul{display:flex;flex-direction:column;justify-content:center;list-style:none;padding:0;margin:0;gap:40px;text-align:center}@media (min-width: 1000px){.footer ul{flex-direction:row;text-align:left}}.split{display:flex;gap:30px}.split>div{flex:0 1 50%}input{padding:var(--size-1);font-size:var(--size-3);color:var(--grey-600)}input[type=checkbox]{cursor:pointer}label:has(input,textarea){display:flex;flex-direction:column;gap:var(--size-2);cursor:pointer}a,.link{color:var(--green-800);text-decoration:underline;cursor:pointer}button,.button{background-color:var(--green-700);border-radius:var(--size-1);color:#fff;cursor:pointer;border:none}button:hover,.button:hover{background-color:var(--green-800)}button:disabled,.button:disabled{opacity:.3;cursor:not-allowed}.disabled{pointer-events:none}.big-checkbox{width:var(--size-4);height:var(--size-4)}form{display:flex;flex-direction:column;gap:var(--size-2)}form button[type=submit]{width:100%;padding:var(--size-2)}textarea{font-family:var(--system-fonts);font-size:var(--size-3);padding:var(--size-1)}