*{box-sizing:border-box}p{color:#2f2f31;margin:0;padding:0}button{all:unset;cursor:pointer}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;letter-spacing:-.08px}.logo-header{display:grid;justify-content:center;align-items:center;height:48px;padding:8px 0}.logo-header img.header-logo{height:32px;object-fit:contain}.student-name-header{display:flex;align-items:center;height:40px}.student-name-header .student-name{font-size:27px;font-weight:700}.best-study{border-radius:10px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.best-study .header-container{display:flex;justify-content:space-between;align-items:center;height:30px}.best-study .header-container .header-text{font-size:20px;font-weight:700}.best-study .header-container .report-button{font-size:12px;display:flex;align-items:center;gap:4px}.best-study .content-container{margin-top:10px;display:flex;flex-direction:column;gap:12px}.best-study .content-container .item-container{display:flex;height:24px}.best-study .content-container .item-container .item-title{width:88px;font-size:16px;font-weight:700;color:#85898a}.best-study .content-container .item-container .item-content-container{display:flex;gap:4px}.best-study .content-container .item-container .item-content{font-size:16px}.best-study .content-container .item-container .sub-content{font-size:16px;color:#85898a}.comparison-score{border-radius:10px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.comparison-score .header-container{height:30px}.comparison-score .header-container .header-text{font-size:20px;font-weight:700}.comparison-score .body-container{margin-top:10px;display:flex;flex-direction:column;gap:12px}.comparison-score .body-container .item-container{position:relative;height:176px}.comparison-score .body-container .item-container .standard-score-item{position:absolute;width:100%;display:flex;flex-direction:column}.comparison-score .body-container .item-container .standard-score-item p span{font-size:16px;font-weight:700}.comparison-score .body-container .item-container .standard-score-item .subtitle-text{font-size:12px;font-weight:400;color:#85898a}.comparison-score .body-container .item-container .standard-score-item .graph-line{width:100%;border-radius:8px;height:4px}.comparison-score .body-container .item-container .standard-score-item .graph-line.violet{background-color:#918aff}.comparison-score .body-container .item-container .standard-score-item .graph-line.pink{background-color:#ff6971}.comparison-score .body-container .item-container .my-score-item{position:absolute;right:0;align-items:center;width:52px;display:flex;flex-direction:column}.comparison-score .body-container .item-container .my-score-item p{font-size:12px;font-weight:700}.comparison-score .body-container .item-container .my-score-item .my-score-line{height:100px;width:8px;border-radius:8px;background-color:#d5dde0}.comparison-score .body-container hr{border:1px solid #e5e5e5;width:100%}.sns-share{display:flex;flex-direction:column;gap:16px;border-radius:10px;background:#fff;padding:24px}.sns-share .header-container{display:flex;align-items:center;gap:8px;height:24px}.sns-share .header-container img{width:24px;height:24px}.sns-share .header-container p{font-size:16px;font-weight:700}.sns-share .item-container{display:flex;flex-direction:column;gap:8px;background-color:#f9f9f9;border-radius:6px;padding:0 12px}.sns-share .item-container .sns-item{width:100%;display:flex;align-items:center;gap:8px;height:56px}.sns-share .item-container .sns-item img{width:24px;height:24px}.sns-share .item-container .sns-item .content-box{width:100%;display:flex;justify-content:space-between;align-items:center;gap:4px}.sns-share .item-container .sns-item .password-text{display:flex;align-items:center;height:20px;padding:0 8px;font-size:12px;border-radius:6px;background-color:#ffedee;color:#e0505c}.student-grade{border-radius:12px;border:1px solid #34c759;background-color:#e0ffe2;padding:0 12px}.student-grade .content-container{display:flex;align-items:center;gap:24px;height:48px}.student-grade .content-container .left-container{display:flex;align-items:center;gap:4px}.student-grade .content-container .left-container img{width:24px;height:24px}.student-grade .content-container .left-container .title-text{font-size:16px;font-weight:700;color:#ca8c0c}.student-grade .content-container .content-text{font-size:16px}.study-record{border-radius:10px;background:#fff;padding:24px;display:flex;flex-direction:column;gap:10px}.study-record .header-container{height:30px}.study-record .header-container .header-text{font-size:20px;font-weight:700}.study-record .item-container{display:flex;flex-direction:column}.study-record .item-container .item{display:flex;flex-direction:column;padding:20px 0;gap:12px}.study-record .item-container .item .item-header{display:flex;gap:12px}.study-record .item-container .item .item-header .tmp-img{width:60px;height:80px;border:1px solid #e5e5e5}.study-record .item-container .item .item-header .header-content-container .top-content{display:flex;gap:8px;align-items:center;margin-bottom:8px}.study-record .item-container .item .item-header .header-content-container .top-content .progress-info{display:flex;align-items:center;justify-content:center;border-radius:4px;height:24px;width:48px;background-color:#34c759;color:#fff;font-size:12px;font-weight:400}.study-record .item-container .item .item-header .header-content-container .top-content p{font-size:16px;font-weight:700}.study-record .item-container .item .item-header .header-content-container .header-content-item{display:flex;align-items:center;height:20px}.study-record .item-container .item .item-header .header-content-container .header-content-item .title-text{width:64px;font-size:12px;font-weight:700;color:#85898a}.study-record .item-container .item .item-header .header-content-container .header-content-item .content-text{font-size:12px;font-weight:400;color:#85898a}.study-record .item-container .item .item-wrapper{display:flex;flex-direction:column;gap:12px}.study-record .item-container .item .item-wrapper .item-content{display:flex;gap:12px;height:20px;align-items:center}.study-record .item-container .item .item-wrapper .item-content .label-text{width:84px;font-size:12px;font-weight:700}.study-record .item-container .item .item-wrapper .item-content .progress-bar-container{width:200px;height:8px;background-color:#ebebeb;border-radius:8px;overflow:hidden;position:relative}.study-record .item-container .item .item-wrapper .item-content .progress-bar-container .progress-bar-fill{height:100%;background-color:#ffcdd0;border-radius:8px;transition:width .3s ease}.study-record .item-container .item .item-wrapper .item-content .percentage-text{font-size:12px;font-weight:400}.progress-report-page{display:flex;flex-direction:column;padding:24px 16px 72px;gap:24px;background-color:#f9f9f9}