@font-face{font-family:NotoSansJP-Bold;font-display:swap;src:url(/assets/NotoSansJP-Bold-8568fb00.woff) format("woff")}@font-face{font-family:NotoSansJP-Regular;font-display:swap;src:url(/assets/NotoSansJP-Regular-9e81f9cd.woff) format("woff")}@font-face{font-family:Lexend;font-display:swap;src:url(/assets/lexend-1329e6b9.woff) format("woff")}.hide{transform:translateY(200%)}.bottomNavigationBar{position:fixed;bottom:16px;margin-left:calc(50dvw - 85px);transition:transform var(--default-transition-duration) ease-in-out .5s}.bottomNavigationBar .background{background-color:var(--navigation-bar-background-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9;border:1px solid var(--navigation-bar-border-color);margin:auto;padding:4px 0;border-radius:16px;height:48px}.bottomNavigationBar .background .row{height:48px}.bottomNavigationBar .background .gap{width:4px}.bottomNavigationBar .background .item{height:48px;width:48px;justify-content:center;align-items:center;display:flex}.bottomNavigationBar .background .item .icon{fill:var(--navigation-bar-icon-color);height:32px;width:32px}.bottomNavigationBar .background .selected{border-radius:0;background-color:var(--navigation-bar-selected-background-color)}.bottomNavigationBar .background .selected .icon{fill:var(--navigation-bar-selected-icon-color)}.bottomNavigationBar .background .unselected{cursor:pointer}.bottomNavigationBar .background .borderLeft{border-radius:12px 0 0 12px}.bottomNavigationBar .background .borderRight{border-radius:0 12px 12px 0}.bottomNavigationBar .background .borderBoth{border-radius:12px}.bottomNavigationBar .background .borderNone{border-radius:0}.bottomNavigationBar h2{width:36px;text-align:center;cursor:pointer}.container-a{flex:1;margin:0 8px;overflow-y:scroll;overflow-x:hidden;padding-bottom:100px;justify-self:stretch;align-self:stretch}.menuPage-header{background-image:linear-gradient(to bottom,var(--default-background-color),var(--default-background-color),transparent);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px;position:sticky;top:0;z-index:10}.menuPage-header .logo-icon{height:32px;width:32px}.menuPage-header .icon{fill:var(--button-icon-color);height:32px;width:32px;cursor:pointer}.menuPage-header .userMenuButton{cursor:pointer}.outlined{border:1px solid var(--button-secondary-border-color);color:var(--button-secondary-text-color);width:100%;border-radius:16px}.menuCard{padding:0;direction:ltr;font-weight:100;text-wrap:nowrap;display:flex;flex:auto;cursor:pointer}.menuCard .content{margin:8px 0 8px 16px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.menuCard .content .left{display:flex;flex-direction:row;gap:8px;align-items:center}.menuCard .content p{padding:0 2px;margin:0;width:24px}.menuCard .content .menu-button{cursor:pointer;padding:0 2px;background-color:transparent;border:none}.menuCard .content .menu-button .icon{fill:var(--menu-card-icon-color);padding:auto 8px;height:24px;width:36px}.menuCard .expand .icon{height:16px;width:16px;transform:rotate(90deg)}.menuCard .hide .icon{height:16px;width:16px}.menuCard .selected{width:100%;border-radius:16px;padding:8px 0;margin:auto 0;background-color:var(--menu-card-selected-background-color);color:var(--menu-card-sub-selected-text-color);fill:var(--menu-card-sub-selected-icon-color)}.menuCard .selected h4{font-weight:100}.menuCard .selected-group{width:100%;border-radius:16px;padding:8px 0;margin:auto 0;background-color:var(--menu-card-selected-background-color);color:var(--menu-card-selected-text-color);fill:var(--menu-card-selected-icon-color)}.menuCard .selected-group h4{font-weight:100}.menuCard .unselected-group{width:100%;border-radius:16px;font-weight:100;transition:background-color .3s;margin:auto 0;padding:8px 0;fill:var(--menu-card-icon-color);color:var(--menu-card-text-color)}.menuCard .unselected-group:hover{background-color:var(--menu-card-hover-background-color)}.menuCard .unselected{transition:background-color .3s;width:100%;border-radius:16px;margin:auto 0;padding:8px 0;color:var(--menu-card-sub-text-color);font-weight:lighter;fill:var(--menu-card-sub-icon-color)}.menuCard .unselected:hover{background-color:var(--menu-card-hover-background-color)}.menuCard .unselected h4{font-weight:100}@font-face{font-family:NotoSansJP-Bold;font-display:swap;src:url(/assets/NotoSansJP-Bold-8568fb00.woff) format("woff")}@font-face{font-family:NotoSansJP-Regular;font-display:swap;src:url(/assets/NotoSansJP-Regular-9e81f9cd.woff) format("woff")}@font-face{font-family:Lexend;font-display:swap;src:url(/assets/lexend-1329e6b9.woff) format("woff")}.menuButton-container{display:grid;grid-template-columns:repeat(2,1fr);flex-direction:row;padding:8px 0;gap:8px;margin-bottom:32px}.menuButton-container .space{height:8px}.menuButton{padding:8px;border-radius:16px;display:flex;justify-content:center;flex-direction:column;flex:1;align-items:center;cursor:pointer;color:var(--menu-card-text-color);fill:var(--menu-card-icon-color)}.menuButton .icon{height:24px;width:24px}.menuButton-filled{padding:8px;border-radius:16px;display:flex;justify-content:center;flex-direction:column;flex:1;align-items:center;cursor:pointer;color:var(--menu-card-text-color);fill:var(--menu-card-icon-color);background-color:var(--menu-card-background-color)}.menuButton-filled .icon{height:24px;width:24px}.menuButton-outlined{padding:8px;border-radius:16px;display:flex;justify-content:center;flex-direction:column;flex:1;align-items:center;cursor:pointer;color:var(--menu-card-text-color);fill:var(--menu-card-icon-color);border:1px solid var(--menu-card-border-color)}.menuButton-outlined .icon{height:24px;width:24px}.menuButton-selected{padding:8px;border-radius:16px;display:flex;justify-content:center;flex-direction:column;flex:1;align-items:center;cursor:pointer;background-color:var(--menu-card-selected-background-color);color:var(--menu-card-selected-text-color);fill:var(--menu-card-selected-icon-color)}.menuButton-selected .icon{height:24px;width:24px}@font-face{font-family:NotoSansJP-Bold;font-display:swap;src:url(/assets/NotoSansJP-Bold-8568fb00.woff) format("woff")}@font-face{font-family:NotoSansJP-Regular;font-display:swap;src:url(/assets/NotoSansJP-Regular-9e81f9cd.woff) format("woff")}@font-face{font-family:Lexend;font-display:swap;src:url(/assets/lexend-1329e6b9.woff) format("woff")}.logo-mark{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;font-family:Lexend;font-size:12px;color:var(--logo-text-color)}.logo-mark .logo-icon{height:42px;width:42px}.logo-mark .logo-icon .accent{fill:var(--logo-icon-accent-color)}.logo-mark .logo-icon .base{fill:var(--logo-icon-base-color)}.userIcon{border-radius:30%;background-image:url(/image/undefinedUserIcon.png);background-repeat:no-repeat;background-position:center center;background-size:cover;box-shadow:var(--user-icon-box-shadow)}.undefinedIcon{color:var(--default-text-main-color);font-weight:800;border-radius:30%;display:flex;justify-content:center;align-items:center;font-size:100%}.tagButton{cursor:pointer;display:flex;flex-direction:row;padding:0;color:var(--tag-text-color);text-wrap:nowrap;gap:4px;align-items:center;justify-content:center}.tagButton .icon{height:18px;width:18px;fill:var(--tag-icon-color)}.tagButton input{display:inline-block;width:fit-content;block-size:fit-content;flex:0;height:18px}.tagButton .tagButton-input{height:18px;font-size:14px}.tagButton-container{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.selected{background-color:var(--question-card-selected-background-color);color:var(--question-card-selected-text-color);border-radius:16px}.questionCard{height:36px;padding:8px 16px;position:relative;display:flex;flex:1;justify-content:space-between;align-items:center;font-family:NotoSansJP-Bold}.questionCard .complete{color:var(--question-card-finished-text-color);transition:color .3s;font-weight:100;-webkit-text-decoration:line-through var(--question-card-finished-text-color) 2px;text-decoration:line-through var(--question-card-finished-text-color) 2px;fill:var(--question-card-finished-icon-color)}.questionCard .complete .preIncomplete{transition-property:text-decoration,color,fill;transition-delay:1s;color:var(--question-card-text-color);text-decoration:none;fill:var(--question-card-icon-color)}.questionCard .complete-animation .icon{animation:.6s rotate;transform-origin:center}@keyframes rotate{0%{fill:var(--question-card-icon-color);transform:rotate(-180deg) translateY(0) scale(.5);opacity:0}to{fill:var(--question-card-finished-icon-color);transform:rotate(-360deg) scale(1);opacity:1}}.questionCard .incomplete{color:var(--question-card-text-color);font-weight:700;text-decoration:none;transition:color .3s;fill:var(--question-card-icon-color)}.questionCard .icon-container{cursor:pointer;width:36px}.questionCard .icon-container .icon{width:24px;margin:auto;border-radius:8px;background-color:var(--question-card-hover-color)}.questionCard .edit{display:flex;flex-direction:row;gap:8px;align-items:center;flex:1}.questionCard .add-button{background-color:transparent;border:none;cursor:pointer;width:36px}.questionCard .add-button .icon{fill:var(--question-edit-card-add-icon-color);width:24px;margin:auto}.questionCard .finishedCount{flex:none 1;cursor:pointer;text-align:center;display:flex;flex-direction:row;gap:2px}.questionCard .questionCard-input{flex:1;display:flex;flex-direction:row;width:100%}.questionCard .handle-icon{fill:var(--question-edit-card-handle-icon-color);width:24px;cursor:grab}.questionCard .delete-button{background-color:transparent;border:none;cursor:pointer;width:36px}.questionCard .delete-button .icon{fill:var(--question-edit-card-delete-icon-color);width:24px;margin:auto}.timeline-wrapper{display:flex;flex-direction:column;flex:1;gap:8px;padding-bottom:100px;color:var(--default-text-color);animation:fade .3s}.timeline-wrapper .empty{margin:auto}.timeline-wrapper .timeline-card{display:flex;flex-direction:row;padding:8px;border-radius:16px;gap:8px;background-color:var(--card-background-color)}.timeline-wrapper .timeline-card .content{display:flex;flex-direction:column;gap:8px}.timeline-wrapper .timeline-card .content .header{display:flex;flex-direction:row;gap:16px;align-items:center}.timeline-wrapper .timeline-card .content .header .username{font-size:16px;font-weight:500}.timeline-wrapper .timeline-card .content .header .date{font-size:small;font-weight:100;color:var(--card-text-sub-color)}.timeline-wrapper .timeline-card .content .body{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:100}.timeline-wrapper .timeline-card .content .body .icon{fill:var(--question-card-icon-color);height:24px;width:24px}.timeline-wrapper .timeline-card .content .body .path{display:flex;flex-direction:row;gap:8px}.timeline-wrapper .timeline-card .content .body .path .task,.timeline-wrapper .timeline-card .content .body .path .question{cursor:pointer}.primary-button{padding:16px 32px;border-radius:12px;cursor:pointer;color:var(--button-primary-text-color);background-color:var(--button-primary-background-color);border:1px solid var(--button-primary-border-color);fill:var(--button-primary-icon-color);font-size:large;font-weight:700}.primary-button:disabled{background-color:var(--button-primary-disabled-background-color);border:1px solid var(--button-primary-disabled-border-color);fill:var(--button-primary-disabled-icon-color);color:var(--button-primary-disabled-text-color)}.secondary-button{padding:16px 32px;border-radius:16px;cursor:pointer;color:var(--button-secondary-text-color);background-color:var(--button-secondary-background-color);border:1px solid var(--button-secondary-border-color);fill:var(--button-secondary-icon-color);transition:border fill color background-color var(--default-transition-duration);font-size:large;font-weight:700}.secondary-button:disabled{border:1px solid var(--button-secondary-disabled-border-color);fill:var(--button-secondary-disabled-icon-color);color:var(--button-secondary-disabled-text-color)}.tertiary-button{padding:16px 32px;border-radius:16px;cursor:pointer;color:var(--button-tertiary-text-color);fill:var(--button-tertiary-icon-color);background-color:transparent;border:none;transition:fill color var(--default-transition-duration);text-decoration:underline var(--button-tertiary-text-color) 1px;font-size:large;font-weight:700}.tertiary-button:disabled{text-decoration:underline var(--button-tertiary-disabled-text-color) 1px;fill:var(--button-tertiary-disabled-icon-color);color:var(--button-tertiary-disabled-text-color)}.rankingCard{display:flex;flex-direction:row;padding:8px;gap:8px;border-radius:16px;cursor:pointer;align-items:center}.rankingCard .rank{width:1rem}.rankingCard .content{display:flex;flex-direction:column;flex:1;width:100%;overflow:hidden}.rankingCard .content .data{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}.rankingCard .content .data .username{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankingCard .content .right-data{display:flex;flex-direction:row;gap:8px;align-items:center;margin-left:auto}.rankingCard .content .right-data .recently{color:var(--default-text-sub-color);font-weight:100;font-size:small}.rankingCard .content .chart-container{height:4px;flex:0 1;display:flex;flex-direction:row;align-items:start;justify-content:start;background-color:var(--ranking-card-chart-background-color);border-radius:2px}.rankingCard .content .chart-container .chart{height:4px;background-color:var(--ranking-card-chart-color);border-radius:2px}.rankingCard .content .chart-container .chart-accent{height:4px;background-color:var(--ranking-card-chart-accent-color);border-radius:2px}.rankingCard-accent{color:var(--ranking-card-selected-text-color);background-color:var(--ranking-card-selected-background-color);font-weight:700;cursor:pointer}.dataPanel{padding-right:16px}.dataPanel .column{display:flex;flex-direction:column;padding-bottom:100px}.dataPanel .column h3{position:sticky;top:0;padding:24px 0 8px;color:var(--default-text-color)}.dataPanel .message{padding:16px 0;color:var(--default-text-sub-color)}.question-wrapper{display:flex;flex-direction:column;overflow-y:scroll;overflow-x:visible;padding-top:8px;animation:fade .3s}.open{height:64px;opacity:1;transition:height .3s ease-out,opacity .2s ease-out}.close{height:0;opacity:0;transition:height .3s ease-out,opacity .2s ease-out}.close .taskCard{padding:0}.open-padding{transition:padding .3s ease-out;padding-top:16px}.close-padding{padding:0;transition:padding .3s ease-out}.close-padding .taskCard{padding:0}.taskCard-wrapper{flex-direction:column;overflow-x:visible;display:grid;transition:height .3s ease-out}.taskCard-wrapper .deadline,.taskCard-wrapper .form-deadline{margin:4px 8px 0;font-size:small;overflow-x:visible}.taskCard-wrapper .today{color:var(--card-today-color)}.taskCard-wrapper .past{color:var(--card-past-color)}.taskCard-wrapper .future{color:var(--card-future-color)}.taskCard{overflow:visible;color:var(--card-text-color);background-color:var(--card-background-color);z-index:10;border-radius:16px;padding:12px 8px 8px;position:sticky;top:56px;border:var(--card-border);box-shadow:var(--card-shadow);cursor:pointer}.taskCard .status{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration)}.taskCard .status-past{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration);fill:var(--card-past-color);background-color:var(--card-past-color)}.taskCard .status-today{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration);fill:var(--card-today-color);background-color:var(--card-today-color)}.taskCard .status-future{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration)}.taskCard .tagsContainer{display:flex;flex-direction:row;gap:8px;overflow-y:scroll;color:var(--card-text-sub-color)}.taskCard .row{display:flex;flex-direction:row;gap:8px}.taskCard .row .column{display:flex;flex-direction:column;gap:8px;overflow:visible}.taskCard .row .column h3{font-family:NotoSansJP-Regular;font-weight:100;flex:1;margin:auto 0;white-space:nowrap;text-overflow:ellipsis}.taskCard .display{display:flex;height:64px;width:64px}.taskCard .display .chart{height:100%;width:100%}.taskEditCard{overflow:visible;color:var(--card-text-color);background-color:var(--card-background-color);z-index:10;border-radius:16px;padding:12px 8px 8px;position:sticky;top:56px;border:var(--card-border);box-shadow:var(--card-shadow);cursor:pointer;cursor:default}.taskEditCard .status{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration)}.taskEditCard .status-past{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration);fill:var(--card-past-color);background-color:var(--card-past-color)}.taskEditCard .status-today{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration);fill:var(--card-today-color);background-color:var(--card-today-color)}.taskEditCard .status-future{width:10px;margin:0 8px 0 0;border-radius:8px;transition:background-color var(--default-transition-duration)}.taskEditCard .tagsContainer{display:flex;flex-direction:row;gap:8px;overflow-y:scroll;color:var(--card-text-sub-color)}.taskEditCard .row{display:flex;flex-direction:row;gap:8px}.taskEditCard .row .column{display:flex;flex-direction:column;gap:8px;overflow:visible}.taskEditCard .row .column h3{font-family:NotoSansJP-Regular;font-weight:100;flex:1;margin:auto 0;white-space:nowrap;text-overflow:ellipsis}.taskEditCard .display{display:flex;height:64px;width:64px}.taskEditCard .display .chart{height:100%;width:100%}.completedCard{cursor:pointer;background-color:var(--completed-card-background-color);color:var(--completed-card-text-color);fill:var(--completed-card-text-color);margin:16px 8px;padding:8px 16px;border-radius:16px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;border:1px solid}.completedCard .icon{fill:var(--completed-card-text-color);height:24px;width:24px}.completedCard:hover{animation:rainbow 1s linear infinite;background-image:linear-gradient(to right,red,yellow,green,blue) 1}@keyframes rainbow{to{background-image:linear-gradient(to right,red,yellow,green,blue)}0%{background-image:linear-gradient(to right,red,yellow,green,blue)}25%{background-image:linear-gradient(to right,yellow,green,blue,red)}50%{background-image:linear-gradient(to right,green,blue,red,yellow)}75%{background-image:linear-gradient(to right,blue,red,yellow,green)}}.donut{transition:background-image .3s ease-out;width:100%;height:100%;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}.donut:after{content:"";position:absolute;width:85%;height:85%;border-radius:50%;background-color:var(--default-background-color)}.donut:before{z-index:-10;content:"";position:absolute;width:100%;height:100%;border-radius:50%;background-color:var(--default-background-color)}.donut .donut-inner-text{z-index:10}.taskPage-wrapper{height:100dvh;display:flex;flex-direction:column;overflow-x:visible}.taskPage{animation:fade .3s;position:sticky;top:8px;flex:1 0;display:flex;flex-direction:column;padding-bottom:100px}@keyframes fade{0%{opacity:0}to{opacity:1}}.taskPage .empty{flex:1;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.taskPage .heatmap-container{padding:16px 8px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:end;justify-content:center;overflow-x:hidden;overflow-y:visible;transition:padding .3s ease-out,height .1s ease-out}.taskPage .heatmap-container.open{height:186px}.taskPage .heatmap-container.close{padding:0 8px;height:0}.taskPage .tasks-container{display:flex;flex-direction:column}.taskPage-userCard{display:flex;flex-direction:row;padding:8px;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;border:4px solid var(--card-border-color)}.taskPage-userCard .content{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center}.taskPage-userCard .content .title{font-family:NotoSansJP-Regular;font-weight:100}.taskPage-userCard .close-button{cursor:pointer;margin:0 0 0 auto;padding:8px;background-color:transparent;outline:none;border:none;fill:var(--button-icon-color);border-radius:8px;display:flex;flex-direction:row;gap:4px}.taskPage-userCard .close-button svg{height:24px;width:24px}.head-card{position:sticky;top:0;padding:8px 0 8px 8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:90;background:linear-gradient(to bottom,var(--default-background-color),var(--default-background-color),var(--default-background-color),transparent)}.head-card .head-button-container{display:flex;flex-direction:row;gap:8px}.head-card .icon-button-active{cursor:pointer;margin:auto 0;padding:8px;border-radius:8px;background-color:var(--button-active-background-color);fill:var(--button-active-icon-color);color:var(--button-active-text-color);display:flex;flex-direction:row;gap:4px;box-shadow:var(--card-shadow);border:var(--card-border)}.head-card .icon-button-disabled{cursor:not-allowed;margin:auto 0;padding:8px;border-radius:8px;background-color:var(--button-active-background-color);opacity:.4;fill:var(--button-icon-color);color:var(--button-text-color);display:flex;flex-direction:row;gap:4px}.head-card .icon-button{cursor:pointer;margin:auto 0;padding:8px;background-color:var(--button-background-color);fill:var(--button-icon-color);border-radius:8px;display:flex;flex-direction:row;gap:4px}.head-card .icon{height:24px;width:24px}.taskPage-contentCard{display:flex;flex-direction:row;padding:8px;border-radius:16px;border:4px solid var(--card-border-color);gap:8px}@media (max-width: 1080px){.taskPage-contentCard{flex-direction:column-reverse;flex-wrap:wrap}}.taskPage-contentCard .contentCard{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;border-radius:16px;gap:8px}.taskPage-contentCard .contentCard .content{flex:1;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;gap:8px}.taskPage-contentCard .contentCard .content .title{min-width:256px}.taskPage-contentCard .contentCard .buttons{gap:8px;display:flex;flex-direction:row;justify-content:center}.taskPage-contentCard .close-button{cursor:pointer;margin:0 0 0 auto;padding:8px;background-color:transparent;outline:none;border:none;fill:var(--button-icon-color);border-radius:8px;display:flex;flex-direction:row;gap:4px}.taskPage-contentCard .close-button svg{height:24px;width:24px}.pathContainer{padding:8px 16px 8px 0;display:flex;overflow-y:auto;overflow-x:auto;flex-direction:row;gap:8px;align-items:center}.pathContainer .slash{padding:2px 0}.pathCard{cursor:pointer;text-wrap:nowrap;white-space:nowrap;border-radius:8px;padding:8px;display:flex;font-weight:500;box-shadow:var(--path-card-shadow)}.pathCard:hover{background-color:var(--path-card-hover-background-color)}.pathCard .pathCard-title{color:var(--path-card-text-color)}.pathCard-selected{cursor:pointer;white-space:nowrap;text-wrap:nowrap;background-color:var(--path-card-selected-background-color);border-radius:8px;padding:8px 12px;box-shadow:var(--path-card-selected-shadow)}.pathCard-selected .pathCard-title{color:var(--path-card-selected-text-color)}.heatMap{overflow:hidden}.heatMap .year{display:flex;flex-direction:row-reverse;gap:8px}.heatMap .week{display:flex;flex-direction:column;gap:8px}.heatMap .day{height:16px;min-width:16px;border-radius:4px;color:var(--heatmap-text-color);display:flex;flex-direction:column;justify-content:center;align-items:end;font-size:12px;font-weight:100;cursor:default}.heatMap .day span{display:none}.heatMap .data[about]:hover:after{content:attr(about);position:absolute;color:var(--heatmap-text-color);margin-bottom:42px;padding:2px 8px;border-radius:4px;outline:1px solid var(--default-background-color);backdrop-filter:blur(8px);--webkit-backdrop-filter: blur(8px);text-align:center;z-index:10}.heatMap .data:hover{outline:1px solid var(--heatmap-text-color)}.heatMap .level-0{background-color:var(--heatmap-level-0-color)}.heatMap .level-1{background-color:var(--heatmap-level-1-color)}.heatMap .level-2{background-color:var(--heatmap-level-2-color)}.heatMap .level-3{background-color:var(--heatmap-level-3-color)}.heatMap .level-4{background-color:var(--heatmap-level-4-color)}.heatMap .future{color:transparent;background-color:transparent}#main{display:flex;flex-direction:row;overflow-x:hidden;overflow-y:hidden;scroll-snap-type:mandatory;height:100dvh;scrollbar-width:none;scroll-behavior:auto}#main .single{width:280dvw;position:relative}#main .single .c-menuPage{height:100dvh;width:90dvw;position:absolute;overflow-y:scroll;top:0;left:0}#main .single .c-mainPage{height:100dvh;width:calc(100dvw - 16px);position:absolute;overflow-y:scroll;top:0;left:90dvw;padding:0 8px;overflow-x:visible}#main .single .disable{pointer-events:none;opacity:.2;transition-duration:.3s}#main .single .c-sidePage{height:100dvh;position:absolute;overflow-y:scroll;width:90dvw;left:190dvw;padding:0 8px}#main .dual{width:130dvw;position:relative}#main .dual .c-menuPage{height:100dvh;width:30dvw;position:absolute;overflow-y:scroll;left:0}#main .dual .c-mainPage{height:100dvh;width:calc(70dvw - 16px);padding:0 8px;position:absolute;overflow-y:scroll;overflow-x:visible;left:30dvw;overscroll-behavior-y:auto}#main .dual .c-sidePage{height:100dvh;position:absolute;width:30dvw;left:100dvw;padding:0 8px;overflow-y:scroll;overscroll-behavior-y:auto}#main .triple{overflow:visible;width:100dvw;position:relative}#main .triple .c-menuPage{height:100dvh;position:absolute;overflow-y:scroll;width:25dvw;left:0}#main .triple .c-mainPage{height:100dvh;position:absolute;overflow-y:scroll;width:calc(50dvw - 16px);overflow-x:visible;padding:0 8px;left:25dvw}#main .triple .c-sidePage{height:100dvh;position:absolute;overflow-y:scroll;width:25dvw;left:75vw;padding:0 8px}.floatingActionButton{position:fixed;margin-top:8px;margin-left:auto;bottom:16px;right:16px;z-index:90;display:flex;border-radius:16px;align-items:center;justify-content:center;padding:12px;gap:8px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:var(--floating-action-button-background-color);color:var(--floating-action-button-icon-color);border:1px solid var(--floating-action-button-border-color)}.floatingActionButton .icon{fill:var(--floating-action-button-icon-color);height:32px;width:32px}.floatingActionButton .page-1{width:calc(100dvw - 80px)}.floatingActionButton .page-2{width:60dvw}.floatingActionButton .page-3{width:45dvw}@font-face{font-family:NotoSansJP-Bold;font-display:swap;src:url(/assets/NotoSansJP-Bold-8568fb00.woff) format("woff")}@font-face{font-family:NotoSansJP-Regular;font-display:swap;src:url(/assets/NotoSansJP-Regular-9e81f9cd.woff) format("woff")}@font-face{font-family:Lexend;font-display:swap;src:url(/assets/lexend-1329e6b9.woff) format("woff")}body{color:var(--default-text-color);background-color:var(--default-background-color);font-family:NotoSansJP-Bold,NotoSansJP-Regular,Lexend,sans-serif;-webkit-text-size-adjust:100%;padding:0;margin:0;overflow-x:hidden;width:100dvw;height:100dvh;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}body ::-webkit-scrollbar{width:2px;height:2px}body ::-webkit-scrollbar-thumb{background-color:--;border-radius:10px}::-webkit-scrollbar{width:2px;height:0px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px}html{color:var(--default-text-color);background-color:var(--default-background-color);height:100dvh;width:100dvw;overflow-x:hidden;overflow-y:hidden;margin:0;padding:0}.logo{font-family:Lexend}.row{display:flex;flex-direction:row}.gap{gap:8px}.column{display:flex;flex-direction:column}.error{color:var(--default-error-color)}h4{margin:0;font-family:NotoSansJP-Regular;font-weight:300}h3{margin:0;font-family:NotoSansJP-Bold}h2,h1{font-family:NotoSansJP-Bold;margin:0}p{font-family:NotoSansJP-Regular;font-weight:500;font-size:16px;margin:0}a{text-decoration:none;color:var(--default-accent-color);margin:0 .5rem}a:hover{text-decoration:underline}.form{background-color:var(--form-background-color);outline-color:var(--form-border-color);padding:4px 8px;border-radius:12px;font-size:x-large;color:var(--form-text-color);border:1px solid var(--form-border-color);box-shadow:var(--form-shadow);margin:4px 0}.content-card{padding:16px;gap:8px;width:min(600px,95%);margin:auto;display:flex;align-items:stretch;flex-direction:column;border-radius:16px}.loading{display:flex;gap:8px;flex-direction:column;align-items:center;justify-content:center;height:100dvh}.loading .card-container{display:flex;flex-direction:column;gap:8px;align-items:start}.loading .questionCard{height:36px;padding:8px 16px;display:flex;flex:1;justify-content:space-between;align-items:center}.loading .questionCard .complete{color:var(--question-card-finished-text-color);text-decoration:line-through var(--question-card-finished-text-color) 2px;font-weight:100;fill:var(--question-card-finished-icon-color)}.loading .questionCard .incomplete{color:var(--question-card-text-color);font-weight:100;text-decoration:none;fill:var(--question-card-icon-color)}.loading .questionCard .icon-container{cursor:pointer;width:36px}.loading .questionCard .icon-container .icon{width:24px;margin:auto}.loading .questionCard .finishedCount{width:36px;flex:none 1;cursor:pointer;text-align:center}.loading-spinner{margin:3rem;width:1rem;height:1rem;border-radius:4px;background-color:var(--default-text-color);animation:loading-spinner 1s ease-in-out infinite}@keyframes loading-spinner{0%{transform:translate(-3rem)}50%{transform:translate(3rem)}to{transform:translate(-3rem)}}.menu-listTile{display:flex;flex-direction:row;gap:8px;align-items:center;padding:16px;border-radius:8px;cursor:pointer;transition:background-color var(--default-transition-duration)}.menu-listTile:hover{background-color:var(--button-hover-background-color)}.menu-listTile .icon{height:24px;width:24px;fill:var(--button-icon-color)}.menu-listTile span{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:4px}.menu-listTile span .description{color:var(--default-text-sub-color)}.menu-listTile svg{height:24px;width:24px;fill:var(--button-icon-color)}.menu-group{display:flex;flex-direction:column;padding:16px 0 0}.menu-group h4{padding-left:16px;padding-bottom:4px;font-family:NotoSansJP-Regular;font-weight:100;color:var(--default-text-sub-color)}.modalMenu-container{position:fixed;top:0;left:0;width:100%;transition:background-color var(--default-transition-duration);height:100%;z-index:100;display:flex;flex-direction:column}.modalMenu-container .spacer{height:30dvh}.modalMenu-container-open{align-items:center;background-color:#00000080;display:flex;flex-direction:column;overflow-y:scroll}.modalMenu-container-close{background-color:#0000;z-index:-1}.modalMenu{width:min(600px,95dvw);display:flex;flex-direction:column;margin:auto auto 0;border-radius:16px 16px 0 0;transition:transform .3s;background-color:var(--card-background-color);flex:0 0;padding:8px 8px 36px}.modalMenu .menu-title{margin:0 0 0 8px;display:none}.modalMenu .menu-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.modalMenu-close{width:min(600px,95dvw);display:flex;flex-direction:column;margin:auto auto 0;border-radius:16px 16px 0 0;background-color:var(--card-background-color);flex:0 0;padding:8px 8px 36px;transition:transform .3s;transform:translateY(100dvh)}.modalMenu-close .menu-title{margin:0 0 0 8px;display:none}.modalMenu-close .menu-list{display:flex;flex-direction:column;gap:0;padding:8px 0}.modalMenu-open{width:min(600px,95dvw);display:flex;flex-direction:column;margin:auto auto 0;border-radius:16px 16px 0 0;background-color:var(--card-background-color);flex:0 0;padding:8px 8px 36px;transition:transform .3s;transform:translateY(0)}.modalMenu-open .menu-title{margin:0 0 0 8px;display:none}.modalMenu-open .menu-list{display:flex;flex-direction:column;gap:0;padding:8px 0}