@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400..700&family=Noto+Sans+SC:wght@400..700&display=swap";@font-face{font-family:Plus Jakarta Sans;src:local("Plus Jakarta Sans"),url("./assets/PlusJakartaSans.VE2QRGBL.ttf") format("truetype")}@font-face{font-family:Manrope;src:local("Manrope"),url("./assets/Manrope.G6D5TKD4.ttf") format("truetype")}:root{overscroll-behavior:none;color:#1c1c1c;font-family:Plus Jakarta Sans,Manrope,Noto Sans,Noto Sans SC;font-variation-settings:"wght" 500;line-height:1.5;--light: #f2f2f2;--dark: #1c1c1c;--yellow: #ffcb15;--orange: #ff862e;--purple: #e27dc9;--cyan: #33cad5;--red: #f96039;--blue: #4fb3ee;--green: #77d556;padding-top:env(safe-area-inset-top,0)}*{margin:unset;padding:unset}body>svg{display:none}svg:not([fill]){fill:currentColor}a{color:unset;text-decoration:unset;overflow:clip}input,button{border:unset;font-family:unset;font-size:unset;font-variation-settings:unset;line-height:unset}button{cursor:pointer;background:unset;color:unset;text-align:unset}button svg,a svg{display:block}label input[type=text]{background-color:#f2f2f2;border-radius:10px;padding:20px}label input[type=file]{display:none}img{max-width:100%}:focus-visible{z-index:1}.checkbox{width:16px;height:16px;padding:8px;border-radius:10px;box-shadow:inset 0 0 0 2px var(--light)}.checkbox:has(input:checked){background:var(--yellow) url("data:image/svg+xml;utf8,<svg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M13.3334 4L6.00008 11.3333L2.66675 8' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center no-repeat;box-shadow:unset}.checkbox input{display:none}#app{display:grid;grid-template:auto 1fr / 1fr minmax(auto,40rem) 1fr}#app>header,#app>main{grid-column:2 / 3}#app>footer{grid-column:1 / -1}#app>header{display:flex;align-items:center;min-height:80px;padding-inline:10px;position:relative;z-index:1}#app>main{padding-inline:20px}#app>footer{position:sticky;bottom:0}nav{color:#bdbdbd;background-color:var(--dark);display:flex;justify-content:center}nav div{display:grid;grid-template-columns:repeat(2,1fr)}nav a{padding:15px 50px 35px;display:flex;flex-direction:column;align-items:center}nav .active{fill:var(--yellow);color:var(--yellow)}ol,ul{list-style-position:outside;padding-inline-start:2ch}.fs10{font-size:.625rem}.fs12{font-size:.75rem}.fs18{font-size:1.125rem}.fs24{font-size:1.5rem;line-height:1.25}.fs32{font-size:2rem;line-height:1.25}.fs36{font-size:2.25rem;line-height:1.25}.fs48{font-size:3rem;line-height:1.25}.fs78{font-size:4.875rem;line-height:1.25}.fw400{font-variation-settings:"wght" 400}.fw600{font-variation-settings:"wght" 600}.fw700{font-variation-settings:"wght" 700}.lh2{line-height:2}.tx_center{text-align:center;text-wrap:balance}.tx_right{text-align:right}.tx_cap{text-transform:capitalize}.tx_upperc{text-transform:uppercase}.word_break{word-break:break-all}.pre_wrap{white-space:pre-wrap}.icon svg{display:block}.invis{visibility:hidden}.col,.col_mid{display:flex;flex-direction:column}.row,.row_mid{display:flex}.col_mid,.row_mid{align-items:center}.row_base{display:flex;align-items:baseline}.row_wrap{display:flex;flex-wrap:wrap}.row_line{display:inline-flex}.fill{flex:1}.fauto{flex:auto}.gap2{gap:2px}.gap5{gap:5px}.gap10{gap:10px}.gap15{gap:15px}.gap20{gap:20px}.gap30{gap:30px}.gap40{gap:40px}.gap60{gap:60px}.row.x0,.col.y0,.row_wrap.x0{justify-content:center}.col.x0,.row.y0,.row_wrap.y0{align-items:center}.col.y1,.row.x1{justify-content:end}.col>.self_x0{align-self:center}.grid{display:grid}.grid.x1{align-items:end}.grid>.self_x0{justify-self:center}.content_center{align-content:center}.word_ph{display:inline-block;margin-inline:5px;padding-inline:15px;min-width:2ch;border-radius:10px;background-color:var(--light)}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p30{padding:30px}.py2{padding-block:2px}.py5{padding-block:5px}.py10{padding-block:10px}.py15{padding-block:15px}.py20{padding-block:20px}.py28{padding-block:28px}.py30{padding-block:30px}.py40{padding-block:40px}.py50{padding-block:50px}.py60{padding-block:60px}.py120{padding-block:120px}.px6{padding-inline:6px}.px15{padding-inline:15px}.px20{padding-inline:20px}.px30{padding-inline:30px}.px40{padding-inline:40px}.px5_end{padding-inline-end:5px}.px20_end{padding-inline-end:20px}.py10_end{padding-block-end:10px}.py20_end{padding-block-end:20px}.py40_end{padding-block-end:40px}.py50_end{padding-block-end:50px}.m5{margin-block:5px}.m10{margin-block:10px}.m20{margin-block:20px}.m30{margin-block:30px}.m70{margin-block:70px}.m80{margin-block:80px}.m_end{margin-block-end:0}.m5_end{margin-block-end:5px}.m8_end{margin-block-end:8px}.m10_end{margin-block-end:10px}.m15_end{margin-block-end:15px}.m20_end{margin-block-end:20px}.m30_end{margin-block-end:30px}.m40_end{margin-block-end:40px}.m50_end{margin-block-end:50px}.m60_end{margin-block-end:60px}.m80_end{margin-block-end:80px}.m120_end{margin-block-end:120px}.br10{border-radius:10px}.br15{border-radius:15px}.br20{border-radius:20px}.br30{border-radius:30px}.br40{border-radius:40px}.sp1{min-width:1px;min-height:1px}.wh20{min-width:20px;min-height:20px}.wh32{min-width:32px;min-height:32px}.wch2{min-width:2ch}.br20_top{border-radius:20px 20px 0 0}.fg_white{color:#fff}.fg_dim{color:#828282}.fg_red{color:var(--red)}.fg_dark{color:var(--dark)}.bg_pink{background-color:#ffaca6}.bg_canv{background-color:canvas}.bg_light{background-color:var(--light)}.bg_dark{background-color:var(--dark);color:#fff}.bg_yellow{background-color:var(--yellow)}.bg_orange{background-color:var(--orange)}.bg_purple{background-color:var(--purple)}.bg_cyan{background-color:var(--cyan)}.bg_red{background-color:var(--red);color:#fff}.bg_blue{background-color:var(--blue)}.bg_green{background-color:var(--green)}.bg_fade{background:linear-gradient(.5turn,#fff0,#fff)}.bg_yellow_25{background-color:#ffcb1540}.bg_yellow_50{background-color:#ffcb1580}.bg_yellow_75{background-color:#ffcb15bf}.bg_dark_5{background-color:#1c1c1c0d}.bg_light_30{background-color:#ffffff4d}.hv_light:hover{background-color:var(--light)}.dot{width:.5rem;height:.5rem;border-radius:100%}.btn{border-radius:20px;padding:20px 40px;text-align:center}.btn>svg{margin-inline-start:-10px}.btn_stroke{border:2px solid var(--dark);background-color:#fff}[disabled]{pointer-events:none}.bg_dark[disabled]{background-color:#828282}.btn_stroke[disabled]{border-color:#828282;color:#828282}.uline{border-bottom:1px solid var(--light)}.ulink{text-decoration:underline;text-underline-position:under}.edge{border:2px solid transparent}.edge_light{border:2px solid var(--light)}.edge_light_dotted{border:2px dotted #e0e0e0}.edge_dark{border:2px solid var(--dark)}.rim_dark{outline:2px solid var(--dark);outline-offset:-2px}.anim100,.anim300{transition:all .3s ease-out}.overflow_hid{overflow:hidden}.backdrop{position:fixed;inset:0;background-color:var(--dark);opacity:.2;z-index:-1}.menu{display:flex;flex-direction:column;align-items:flex-end;position:relative}.menu_items{position:absolute;top:100%;min-width:12rem}.stack{display:grid}.stack.x0{justify-items:center}.stack.y0{align-items:center}.stack.y1{align-items:end}.stack>*{grid-area:1 / 1}.avatar_s{width:36px;height:36px}.avatar_l{width:196px;height:196px}.avatar_s img,.avatar_l img,.avatar_s svg,.avatar_l svg{width:100%;height:100%}.avatar_s img,.avatar_l img{border-radius:100%;aspect-ratio:1;object-fit:cover}#progress_chart{display:grid;grid-auto-flow:column;grid-template:100px auto / repeat(6,auto);padding-block:70px 15px;justify-content:center;justify-items:center;gap:5px 2px}.progress_hint{rotate:-145deg;transform-origin:80% 100%;writing-mode:vertical-lr;text-align:right;padding-inline-end:8px}.progress_chip{min-width:2ch;border:1px dotted transparent;border-radius:3px;padding:2px 10px;text-align:center}.progress_chip_border{border-color:#4f4f4f}.awards{display:flex;gap:10px}.awards>*{border-radius:30px;flex:1;padding:27px 0;text-align:center}.award_progress{height:5px;display:flex;gap:1px}.award_progress>*{border-radius:3px;flex:1}.editable{outline:2px dotted var(--dark);min-width:2ch;width:fit-content;margin-inline:auto}@keyframes blink_input_opacity_to_prevent_scrolling_when_focus{0%{opacity:0}to{opacity:1}}input[type=text]:focus,[contenteditable]:focus{animation:blink_input_opacity_to_prevent_scrolling_when_focus 1ms}#add_entry .clues{display:grid;grid-template-columns:1fr auto 1fr}#add_entry .clues .hidden{grid-column:2 / 3;visibility:hidden;height:0}#add_entry .clues>*:not(.hidden){grid-column:2 / 4}#calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}#calendar>:not(:empty){border-radius:40%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}