body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-center{justify-content:center}.flex-center,.flex-left{align-items:center;display:flex}.flex-left{justify-content:left}.flex-right{justify-content:right}.flex-between,.flex-right{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-row-around{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-around}.flex-row-between{justify-content:space-between}.flex-row-between,.flex-row-center{align-items:center;display:flex;flex-direction:row}.flex-row-center{justify-content:center}.flex-row-left{justify-content:left}.flex-row-left,.flex-row-right{align-items:center;display:flex;flex-direction:row}.flex-row-right{justify-content:right}.flex-col-around{justify-content:space-around}.flex-col-around,.flex-col-between{align-items:flex-start;display:flex;flex-direction:column}.flex-col-between{justify-content:space-between}.flex-col-center{justify-content:center}.flex-col-center,.flex-col-left{align-items:center;display:flex;flex-direction:column}.flex-col-left{justify-content:left}.flex-col-right{align-items:center;display:flex;flex-direction:column;justify-content:right}@font-face{font-family:TTLaundryGothicB;font-style:normal;font-weight:700;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2403-2@1.0/TTLaundryGothicB.woff2) format("woff2")}@font-face{font-family:NanumSquareRound;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff) format("woff")}@font-face{font-family:HakgyoansimWoojuR;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimWoojuR.woff2) format("woff2")}@font-face{font-family:NEXON Lv2 Gothic;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic.woff) format("woff")}.heading1{font-size:38px}.heading1,.heading2{font-family:TTLaundryGothicB,sans-serif}.heading2{font-size:25px}.heading3{font-family:TTLaundryGothicB,sans-serif;font-size:20px;line-height:24px}.body1{font-family:NEXON Lv2 Gothic,sans-serif;font-size:18px;font-weight:700;line-height:24px}.body2{font-size:16px}.body2,.body3{font-family:NEXON Lv2 Gothic,sans-serif;line-height:16px}.body3{font-size:14px}.button1{font-weight:700}.button1,.button2{font-size:12px}.button1,.button2,.button3{font-family:NEXON Lv2 Gothic,sans-serif;line-height:16px}.button3{font-size:10px}.header-wrapper{background-color:#b4eba2;min-height:140px;padding:25px 16px}.header-item{gap:8px}.logo-img{width:60px}.title-name{word-wrap:break-word;color:#6d8f5e;overflow-wrap:break-word;white-space:normal}.header-wrapper.groupDetail{background-color:#b4eba2;min-height:140px}.header-wrapper.groupDetail .title-name{word-wrap:break-word;color:#6d8f5e;font-size:30px;line-height:1.2;max-width:390px;overflow-wrap:break-word;text-align:center;white-space:normal;width:100%}.my-page-wrapper .header-wrapper{font-size:24px;min-height:80px}.searchbar{background-color:#b4eba2}.searchbar-wrapper{background-color:#fff;border-radius:50px 50px 0 0;box-shadow:0 -5px 5px #b3b3b333;padding:35px 0 0}.searchbar-wrapper .searchbar-icon{color:#9cc86c;cursor:pointer;height:22px;margin-right:3px;width:22px}.searchbar-wrapper .searchbar-container{background-color:#fff;border:1.5px solid #9cc86c;border-radius:20px;max-width:400px;padding:9px 17px;width:78%}.searchbar-wrapper input{background:#0000;border:none;color:#333;margin-left:.5rem;outline:none;width:100%}.searchbar-wrapper input::placeholder{color:#ccc}.filter-container{background-color:#fff;overflow:visible;padding:16px 0 30px;position:relative;width:100%}.dragging{cursor:grabbing!important}.filter{overflow-x:auto;overflow-y:visible;width:78%}.filter::-webkit-scrollbar{display:none}.filter.mask-both{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 5%,#000 90%,#0000)}.filter.mask-left{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 10%);mask-image:linear-gradient(90deg,#0000 0,#000 10%)}.filter.mask-right{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 10%);mask-image:linear-gradient(270deg,#0000 0,#000 10%)}.filter-button{background:#fdefbe;border:none;border-radius:50px;color:#333;cursor:pointer;margin-right:12px;padding:6px 12px;white-space:nowrap}.filter-button:hover{background-color:#fae9ac}.filter-button.dropdown:after{content:"▼";font-size:10px;margin-left:4px}.filter-button.active{background-color:#d9ef96}.count-container{gap:10px}.dropdown-menu{background:#fff;border:1px solid #a1cd92;border-radius:8px;margin-top:5px;max-height:300px;max-width:50%!important;min-width:120px!important;overflow-y:auto;padding:8px}.dropdown-menu::-webkit-scrollbar{display:none}.dropdown-item{background-color:#fff;border:1px solid #6d8f5e;border-radius:10px;margin:3px;padding:5px 8px}.dropdown-item:hover{background-color:#f4f8f1}.dropdown-item.selected{background-color:#9cc86c;border:1px solid #9cc86c;color:#fff}.days-menu button{flex:1 1}.days-menu .count-input-wrapper{gap:4px;margin:3px}.days-menu .count-input-wrapper .count-input{border:1px solid #679634;border-radius:10px;flex:1 1;height:27px;min-width:10px;text-align:center}.days-menu .comparison-selector button{flex:1 1}.login-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.login-modal-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;min-width:300px;padding:2rem;text-align:center}.login-modal-message{margin-bottom:1.5rem}.login-modal-buttons{display:flex;justify-content:space-around;width:220px}.login-modal-buttons button{border:none;border-radius:5px;cursor:pointer;padding:.5rem 1rem}.login-modal-buttons .confirm-button{background-color:#a2ca91;color:#fff}.login-modal-buttons .confirm-button:hover{background-color:#9cc86c}.login-modal-buttons .cancel-button{background-color:#ccc;color:#333}.login-modal-buttons .cancel-button:hover{background-color:#b6b6b6}.group-modal-backdrop{background-color:#0003;cursor:default;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1001}.group-modal-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000004d;max-width:320px;min-width:320px;padding:2rem;text-align:center}.group-meta-row-1,.group-meta-row-2{gap:1px;margin-bottom:.8rem}.modal-info-label{color:#626262;font-weight:500;white-space:nowrap}.category-type-item{align-items:baseline;max-width:90%}.category-type-item,.meta-item,.modal-info-label{font-size:12px}.group-name-info{margin-bottom:1.5rem;text-align:center}.group-modal-label{color:#555;font-weight:500}.group-modal-value{color:#222;font-weight:400}.group-modal-divider{background-color:#ddd;height:1px;margin:1rem 0}.group-modal-notice{background-color:#f3f3f3;border-radius:6px;color:#555;line-height:1.3;margin-bottom:1.5rem;max-height:100px;overflow-x:hidden;overflow-y:auto;padding:10px;text-align:left;white-space:pre-wrap;word-break:break-word}.group-modal-button{border-radius:8px;cursor:pointer;font-weight:500;font-weight:700;padding:.8rem 1.2rem;text-align:center;width:100%}.group-modal-button.join{background-color:#9cc86c;color:#fff}.group-modal-button.join:hover{background-color:#90c159}.list-container{margin:auto auto 200px;width:100%}.list{align-items:flex-start;align-self:flex-start}.list .first-col{width:100px}.list .second-col{width:200px}.list .second-col .second-col-category{align-items:flex-start}.list .second-col .button2{width:120px}.list .info-label{white-space:nowrap}.list-box{background-color:#fff;border:1.5px solid #a1cd92;border-radius:20px;margin:auto auto 8%;min-height:100px;padding-top:5%;width:78%}.list-box .list,.list-box .top-row{padding:0 6%}.list-box:hover{background-color:#f8fdf3;cursor:pointer}.list-box .top-row{height:16px;margin-bottom:4%}.list-box .top-row .meeting-type{color:#888}.list-box .info-label{margin-right:5px}.list-box .left-group{gap:8px}.list-box .group-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-virtual{border-color:#6f9e61}.edit-wrapper{border-top:1px solid #ddd;cursor:pointer;margin:5% 14px 0;padding:2px;text-align:center}.edit-button{background:none;border:none;color:#999;cursor:pointer;padding:6px;transition:color .2s;width:100%}.edit-button:hover{color:#555}.badge{border-radius:3px;display:inline-block;font-size:13px;font-weight:500;line-height:1;padding:4px 5px;white-space:nowrap}.badge.recruiting{background-color:#cce7c3;color:#1e4620}.badge.closed{background-color:#e0e0e0;color:#333}.nav-bar{background-color:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px #00000008;height:60px;justify-content:space-between;padding:0 60px;position:fixed;width:390px;z-index:1000}.nav-bar button{background:none;border:none;color:#000;cursor:pointer;outline:none}.nav-bar button:hover{color:#587f2e}.plus-button{background-color:#fff!important;border:2.5px solid #a1cd92!important;border-radius:50%;cursor:pointer;height:52px;position:relative;top:-15px;width:52px}.plus-button svg{color:#a1cd92;height:32px;width:32px}.study-group-form{display:flex;flex-direction:column;gap:1rem;width:100%}.study-group-form .title{margin-bottom:5px}.study-group-form .group-name{align-items:center;display:flex}.study-group-form .group-name .group-name-input{border:none;border-bottom:1px solid #a2ca91;outline:none;padding:.5rem 0;width:100%}.study-group-form .meeting-period{background:#0000;border:none;border-bottom:1px solid #a2ca91;outline:none;padding:5px 0;width:40px}.study-group-form .meeting-period-input{border:none;border-bottom:1px solid #a2ca91;margin:0 .5rem;outline:none;padding:5px 0;width:65px}.study-group-form .meeting-method{display:flex;gap:.5rem}.study-group-form .meeting-method .meeting-method-button{background-color:#fff;border:1px solid #a2ca91;border-radius:8px;color:#333;cursor:pointer;flex:1 1;padding:.4rem}.study-group-form .meeting-method .meeting-method-button.bg-green-300{background-color:#9cc86c;border:1px solid #9cc86c;color:#fff}.study-group-form .time-option{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.study-group-form .time-option .time-option-button{background-color:#fff;border:1px solid #a2ca91;border-radius:8px;cursor:pointer;padding:.4rem}.study-group-form .time-option .time-option-button.bg-green-300{background-color:#9cc86c;border:1px solid #9cc86c;color:#fff}.study-group-form .program-quota{background-color:#0000;padding:5px 0}.study-group-form .notice,.study-group-form .program-quota{border:none;border-bottom:1px solid #a2ca91;outline:none;width:100%}.study-group-form .notice{height:100px;padding:10px 3px;resize:none}.study-group-form .region-select{width:100%}.study-group-form .category-select,.study-group-form .region-select,.study-group-form .study-type-detail-input{border:none;border-bottom:1px solid #a2ca91;outline:none;padding:.5rem 0}.study-group-form .study-type-detail-input{width:68%}.study-group-form .member-count-input{border:none;border-bottom:1px solid #a2ca91;margin:0 .5rem;outline:none;padding:5px 0;width:65px}.study-group-form .create-button{background-color:#9cc86c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:.5rem;padding:.75rem;width:100%}.study-group-form .create-button:hover{background-color:#90c159}.study-group-form .notice-length{color:#909090}.study-group-form .start-date-section input[type=date]{border:none;border-bottom:1px solid #a2ca91;padding:3px;width:47%}.study-group-form .recruit-status-buttons{display:flex;gap:.5rem}.study-group-form .recruit-status-buttons .recruit-status-button{background-color:#fff;border:1px solid #a2ca91;border-radius:8px;color:#333;cursor:pointer;flex:1 1;padding:.4rem;text-align:center}.study-group-form .recruit-status-buttons .recruit-status-button.active{background-color:#9cc86c;border:1px solid #9cc86c;color:#fff}.login-container{margin:auto;padding:0 60px;width:100%}.login-title{margin-bottom:20px}.login-input{border:1.5px solid #a2ca91;border-radius:7px;margin:8px auto;padding:14px 12px;width:260px}.login-input:focus{outline:none}.login-button{background-color:#a2ca91;border:none;border-radius:7px;color:#fff;margin-bottom:8px;margin-top:8px;padding:14px 0;width:260px}.login-button:hover{background-color:#9cc86c;cursor:pointer}.signup-page-btn{color:#707070;cursor:pointer}.signup-page-btn:hover{color:#474747;text-decoration:underline}.login-error{color:red;margin-top:10px;min-height:20px;width:260px}.auto-login-radio{align-items:center;cursor:pointer;display:flex;gap:8px;margin-top:5px}.auto-login-radio .circle{border:1px solid #a2ca91;border-radius:50%;height:12px;position:relative;width:12px}.auto-login-radio .circle.selected:after{background-color:#a2ca91;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.form-container{margin:auto;padding:0 60px;width:100%}.form-title{margin-bottom:40px}.form-input{border:1.5px solid #a2ca91;border-radius:7px;margin:8px auto;padding:14px 8px;width:260px}.form-input:focus{outline:none}.signup-btn{background-color:#a2ca91;border:none;color:#fff;font-size:15px;margin-bottom:8px;margin-top:8px;padding:14px 0;width:260px}.signup-btn:hover{background-color:#9cc86c;cursor:pointer}.signup-error{color:red;font-size:12px;min-height:20px;padding-bottom:20px;width:260px}.logout-text{color:#888;cursor:pointer}.logout-text:hover{text-decoration:underline}.profile-page{background-color:#b4eba2}.profile-header{background-color:#fff;border-radius:50px 50px 0 0;box-shadow:0 -5px 5px #b3b3b333;padding:10% 0;width:100%}.profile-header .content{gap:15px;padding:0}.profile-header .avatar{background-color:#d9ef96;border-radius:50%;cursor:pointer;height:70px;object-fit:cover;width:70px}.profile-header .name-wrapper{align-items:flex-end;display:flex}.profile-header .name-wrapper .nickname-input{border:none;border-bottom:1px solid #a2ca91;color:#587f2e;font-size:23px;font-weight:600;outline:none;padding:3px;text-align:center}.profile-header .name-wrapper .editable{border-bottom:1px solid #000}.profile-header .name-wrapper .edit-box{align-self:flex-end;margin-bottom:-3px}.profile-header .name-wrapper .edit-button{background:none;border:none;color:#587f2e;cursor:pointer}.profile-header .name-wrapper .edit-button:hover{color:#679634}.image-modal-overlay{background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;padding:16px;position:relative;width:300px}.image-modal .modal-close-button{background:none;border:none;cursor:pointer;font-size:1.2rem;position:absolute;right:8px;top:8px}.image-modal .image-title{margin:10px 0}.image-modal .image-sub-title{color:#767676;margin-bottom:15px}.image-modal .image-options{display:flex;gap:12px;justify-content:center}.image-modal .image-options .image-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:60px;object-fit:cover;transition:border-color .2s;width:60px}.image-modal .image-options .image-option.selected,.image-modal .image-options .image-option:hover{border-color:#679634}.edit-group-modal-overlay{align-items:center;background-color:#0003;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.edit-group-modal-box{background-color:#fff;border-radius:16px;box-shadow:0 8px 20px #0003;max-height:85vh;max-width:300px;overflow:hidden;position:relative;width:100%}.edit-group-modal-scroll-area{max-height:80vh;overflow-y:auto;padding:32px}.edit-group-modal-scroll-area::-webkit-scrollbar{display:none}.edit-group-modal-scroll-area::-webkit-scrollbar-thumb{background-clip:content-box;background-color:rgba(0,0,0,.292);border-radius:10px;border-right:3px solid #0000}.edit-group-modal-scroll-area::-webkit-scrollbar-track{background-color:#0000}.edit-group-modal-close{background:none;border:none;color:#000;cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px}.edit-group-modal-close:hover{color:#999}.delete-group-button{color:#ff2424;margin-top:10px;text-align:center}.list-container,.tab-header{background-color:#fff}.tab-header{border-bottom:1px solid #eee;border-top:.5px solid hsla(0,0%,85%,.555);display:flex;margin-bottom:8%;padding-top:5px}.tab-header .tab{background-color:#fff;border:none;color:#999;cursor:pointer;flex:1 1;font-weight:500;padding:10px 0;text-align:center}.tab-header .tab.active{border-bottom:1.6px solid #5d7055;color:#222;font-weight:700}.empty-message{margin-bottom:300px;padding:32px}.group-menu-top{background-color:#b4eba2}.group-menu{background-color:#fff;border-radius:50px 50px 0 0;box-shadow:0 -5px 5px #b3b3b333;padding:10% 0}.group-menu .group-menu-item{width:76%}.menu-item{background-color:#a1cd92;border-radius:50%;color:#fff;padding:10px;width:auto}.menu-item:hover{background-color:#92c581;box-shadow:0 0 10px #0000001a;cursor:pointer}.menu-title{margin-top:10px}.menu-item-group.active .menu-item{background-color:#b7bab2;color:#fff}.attendance-container{background-color:#fff;padding:3px 16px 16px;width:100%}.attendance-container .calendar-nav{margin-bottom:20px;max-width:400px;width:91%}.attendance-container .calendar-nav button{background:none;border:none;cursor:pointer}.attendance-container .calendar-nav button.calendar-next,.attendance-container .calendar-nav button.calendar-prev{color:gray}.attendance-container .calendar{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(7,1fr);margin-bottom:17px;max-width:400px;width:95%}.attendance-container .calendar .calendar-header{color:#333;font-size:.875rem;font-weight:600;text-align:center}.attendance-container .calendar .calendar-cell{padding-top:100%;position:relative;width:100%}.attendance-container .calendar .calendar-cell.blank{visibility:hidden}.attendance-container .calendar .calendar-cell.present{color:#a1cd92;font-weight:700}.attendance-container .calendar .calendar-cell.today:after{border:1px solid #a1cd92;border-radius:7px;bottom:2px;content:"";left:2px;position:absolute;right:2px;top:2px}.attendance-container .calendar .calendar-cell span{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.attendance-container .attendance-button{background-color:#a2ca91;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;max-width:400px;padding:12px 0;transition:background-color .2s ease;width:95%}.attendance-container .attendance-button:hover:not(:disabled){background-color:#9cc86c}.attendance-container .attendance-button:disabled{background-color:#e0e0e0;color:#888;cursor:not-allowed}.group-info-container{background-color:#fff;display:flex;flex-direction:column;gap:12px;padding:3px 16px;width:100%}.group-meta-row-1,.group-meta-row-2{gap:4px;margin-bottom:8px}.meta-item{gap:5px;padding:2px 6px;white-space:nowrap}.notice-info-label{color:#626262;font-weight:500}.dot-divider{margin:0 4px}.category-type-item{gap:5px;padding:2px 6px;text-align:center;white-space:normal;word-break:break-word}.group-notice{margin-top:20px;position:relative;width:100%}.notice-label{background-color:#fff;left:50%;padding:0 8px;position:absolute;top:0;transform:translateX(-50%) translateY(-50%)}.notice-header{background-color:#fff;border:1px solid #ccc;border-radius:10px;min-height:120px;padding:30px;width:90%}.notice-content{line-height:1.5;text-align:left;white-space:pre-wrap;width:100%;word-break:break-word}.common-goal-section{gap:1rem}.goal-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;margin:3% 8% 0;padding:1rem}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.8rem}.goal-header .goal-main{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700}.goal-header .goal-main .toggle-icon{margin-right:.5rem}.goal-header .goal-main .add-button{background:none;border:none;color:#888;cursor:pointer;font-size:1.2rem;margin-left:.5rem}.goal-header .goal-main .add-button:hover{color:#333}.subgoal-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.subgoal-empty,.subgoal-item{margin-left:25px;padding:.3rem .2rem}.goal-form{border-radius:5px;gap:.5rem;margin:0 5%;padding:4%}.main-category-input,.subgoal-input{border:none;border-bottom:1px solid #ccc;font-size:14px;height:35px;line-height:1.4;outline:none;overflow-y:auto;padding:.5rem;resize:none;width:100%}.main-category-input:focus,.subgoal-input:focus{border-color:#888}.subgoal-input{font-size:12px}.main-category-wrapper{flex-wrap:wrap;gap:.5rem;position:relative}.main-category-wrapper .remove-main-button{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:18px;position:absolute;right:.8rem}.main-category-wrapper .remove-main-button:hover{opacity:.6}.main-category-wrapper .remove-main-button:disabled{color:#ccc;cursor:not-allowed}.subgoal-input-group{flex-wrap:wrap;gap:.5rem;margin-left:20px;position:relative}.subgoal-input-group .add-subgoal-button{background:none;border:none;color:#a4a4a4;cursor:pointer;font-size:18px;position:absolute;right:.8rem}.subgoal-input-group .add-subgoal-button:hover{opacity:.6}.subgoal-input-group .subgoal-plus-button{color:#3cb371}.subgoal-input-group .subgoal-minus-button{color:#ff4d4f}.add-subgoal-button,.remove-main-button{height:2rem;width:2rem}.goal-footer{display:flex;gap:25px;justify-content:center;margin:1rem auto}.goal-footer .goal-edit-button{background-color:#b6e7b6;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:700;padding:.5rem 1.5rem;transition:.3s}.goal-footer .goal-edit-button:hover{background-color:#a4d7a4}.goal-footer .goal-cancel-button{background-color:#dbdbdb;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:700;padding:.5rem 1.5rem;transition:.3s}.goal-footer .goal-cancel-button:hover{background-color:#c1c1c1}.empty-message{color:#999;margin:2rem 0;text-align:center}.add-main-button{background:none;border:none;color:#aaa;cursor:pointer;text-align:center;transition:.3s}.add-main-button:hover{color:#444}.toggle-icon-img{height:15px;margin-right:6px;vertical-align:middle;width:15px}.weekly-goal-modal-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.weekly-goal-modal-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;max-height:80vh;min-width:300px;padding:20px;text-align:center}.weekly-goal-modal-header{margin-bottom:30px;position:relative}.weekly-goal-modal-header .title{left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap}.weekly-goal-modal-header .close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:0;top:0}.weekly-goal-modal-header .close-btn:hover{color:#999}.weekly-goal-modal-content{-ms-overflow-style:none;flex:1 1;margin-bottom:1rem;margin-top:20px;overflow-y:auto;scrollbar-width:none}.weekly-goal-modal-content .goal-card{background-color:#fff;border-radius:10px;margin-bottom:1rem;text-align:left}.weekly-goal-modal-content .goal-card .main-category{border-bottom:1px solid #eaeaea;font-size:1rem;font-weight:700;margin-bottom:.7rem;padding-bottom:5px}.weekly-goal-modal-content .goal-card .subgoal-item{background-color:#fff;border-radius:.4rem;cursor:pointer;margin-bottom:5px;padding:.4rem .6rem;transition:background-color .2s}.weekly-goal-modal-content .goal-card .subgoal-item:hover{background-color:#f2f2f2}.weekly-goal-modal-content .goal-card .subgoal-item.selected{background-color:#eaeaea}.weekly-goal-modal-content .goal-card .no-sub{color:#888;font-size:.9rem;margin-left:1rem}.weekly-goal-modal-content::-webkit-scrollbar{display:none}.weekly-goal-modal-footer{display:flex;justify-content:center}.weekly-goal-modal-footer button{background-color:#a2ca91;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:.6rem 1.2rem;width:85%}.weekly-goal-modal-footer button:hover{background-color:#9cc86c}.goal-table-wrapper{border:1px solid #e0e0e0;border-radius:10px;margin:30px}.weekly-table{border:1px solid #ddd;border-collapse:collapse;border-radius:8px;overflow:hidden;table-layout:fixed;width:100%}.weekly-table tr{border-bottom:1px solid #eee}.weekly-table td{padding:1rem;vertical-align:top}.day-label{border-right:1px solid #eee;font-weight:700;text-align:center;white-space:nowrap;width:80px}.day-tasks{padding-left:.5rem}.day-tasks .task-date{color:#aaa;font-size:.75rem;margin-bottom:.5rem}.day-tasks .task-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem;word-break:break-word}.day-tasks .add-more,.day-tasks .empty-task{color:#888;cursor:pointer;font-size:12px;margin-top:.4rem}.day-tasks .add-more:hover,.day-tasks .empty-task:hover{text-decoration:underline}.confirm-btn{background-color:#b6e7b6;border:none;border-radius:8px;color:#333;cursor:pointer;display:block;font-weight:700;margin:30px auto;padding:.5rem 1.5rem;transition:.3s}.confirm-btn:hover{background-color:#a4d7a4}.goal-tab-header{background-color:#fff;border-bottom:1px solid #eee;display:flex;margin-bottom:5%;padding-top:5px}.goal-tab-header .tab{background-color:#fff;border:none;color:#999;cursor:pointer;flex:1 1;font-weight:500;padding:10px 0;text-align:center}.goal-tab-header .tab.active{border-bottom:1.6px solid #5d7055;color:#222;font-weight:700}.container{background:#fff;width:100%}.ranking-container{border-radius:8px;padding:0 45px}.top-three{align-items:flex-end;display:flex;gap:15px;padding-bottom:24px}.top-three .rank-card{align-items:center;border-radius:8px;color:#000;margin-bottom:4px;padding:5px;position:relative}.top-three .rank-card.rank-1{background:#fde68a;height:140px;width:70px}.top-three .rank-card.rank-1 .crown-icon{background:url(/static/media/crown.48d4a3a580f4b10154af.png) no-repeat 50%/contain;height:30px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:30px}.top-three .rank-card.rank-2{background:#e5e7eb;height:100px;width:70px}.top-three .rank-card.rank-3{background:#d9a066;height:80px;width:70px}.top-three .rank-card .avatar{background:#fff;border-radius:50%;height:40px;overflow:hidden;width:40px}.top-three .rank-card .avatar img{height:100%;object-fit:cover;width:100%}.top-container .nickname{max-width:65px;text-align:center}.rest-list .rest-item{background:#f0faf0;border-radius:4px;margin-bottom:8px;padding:8px 12px}.rest-list .rest-item .rank-num{margin-right:8px;text-align:right;width:24px}.rest-list .rest-item .avatar-small{border-radius:50%;height:32px;margin-right:8px;overflow:hidden;width:32px}.rest-list .rest-item .avatar-small img{height:100%;object-fit:cover;width:100%}.rest-list .rest-item .nickname{flex:1 1}.group-member{background-color:#fff;padding:0 13%}.group-member .group-member-title{margin-bottom:12px}.group-member .group-member-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));justify-items:center}.group-member .member-card{margin:0;padding:0;width:60px}.group-member .avatar{background-color:#ccc;border:1px solid #ccc;border-radius:8px;flex-shrink:0;height:60px;width:60px}.group-member .nickname{margin-top:4px;text-align:center;width:100%}.leave-group-button{background-color:#fff;border:none;color:#888;cursor:pointer;margin-bottom:1%;margin-top:60px}.leave-group-button:hover{text-decoration:underline}.startpage-container{background-color:#fafff5;height:100vh;overflow:hidden;position:relative;width:100%}.startpage-container .h1{gap:10px;margin:15% 0 4% 12%}.startpage-container .h1 .learn{color:#628557}.startpage-container .h2{gap:10px;margin-left:12%;width:auto}.startpage-container .h2 .h2-1{margin-bottom:5px}.dolearn{cursor:pointer;height:auto;left:-40%;position:relative;top:14%;transform:rotate(13deg);transition:transform .3s ease,filter .3s ease;width:137%}.dolearn:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transform:rotate(13deg) scale(1.02)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f4f4f4;height:100%;overflow-x:hidden;width:100%}.wrapper{background:#fff;box-shadow:0 0 10px #0000000d;margin:0 auto;max-width:390px;min-height:100vh}.content{flex:1 1;padding-bottom:20%}
/*# sourceMappingURL=main.5157356e.css.map*/