.progress[data-v-12f8dda4]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-12f8dda4]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-12f8dda4]{font-size:16px;color:#43266d}.progress .outside[data-v-12f8dda4]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-12f8dda4]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-12f8dda4]{height:100%}.progress .bar .left[data-v-12f8dda4]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-12f8dda4]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-12f8dda4]{width:100px}.tooltip[data-v-12f8dda4]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-12f8dda4]{flex:1;white-space:nowrap}.loading[data-v-12f8dda4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(10,10,10,.4);display:flex;align-items:center;z-index:200}.loading .sk-folding-cube[data-v-12f8dda4]{margin:20px auto;width:40px;height:40px;position:relative;transform:rotate(45deg)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]{float:left;width:50%;height:50%;position:relative;transform:scale(1.1)}.loading .sk-folding-cube .sk-cube[data-v-12f8dda4]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#43266d;animation:sk-foldCubeAngle-12f8dda4 2.4s linear infinite both;transform-origin:100% 100%}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]{transform:scale(1.1) rotate(90deg)}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]{transform:scale(1.1) rotate(180deg)}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]{transform:scale(1.1) rotate(270deg)}.loading .sk-folding-cube .sk-cube2[data-v-12f8dda4]:before{animation-delay:.3s}.loading .sk-folding-cube .sk-cube3[data-v-12f8dda4]:before{animation-delay:.6s}.loading .sk-folding-cube .sk-cube4[data-v-12f8dda4]:before{animation-delay:.9s}@keyframes sk-foldCubeAngle-12f8dda4{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,to{transform:perspective(140px) rotateY(180deg);opacity:0}}.progress[data-v-57a6adaa]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-57a6adaa]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-57a6adaa]{font-size:16px;color:#43266d}.progress .outside[data-v-57a6adaa]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-57a6adaa]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-57a6adaa]{height:100%}.progress .bar .left[data-v-57a6adaa]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-57a6adaa]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-57a6adaa]{width:100px}.tooltip[data-v-57a6adaa]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-57a6adaa]{flex:1;white-space:nowrap}.pn-list[data-v-57a6adaa]{display:flex;flex-direction:column;gap:14px}.pn-empty[data-v-57a6adaa]{text-align:center;padding:30px 16px;color:#888;font-size:14px}.pn-card[data-v-57a6adaa]{background:#fffdf6;border:1.5px solid #f5a623;border-radius:12px;padding:12px 14px}.pn-card .pn-card-head[data-v-57a6adaa]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pn-card .pn-card-head .pn-title-input[data-v-57a6adaa]{flex:1;border:none;outline:none;font-size:15px;font-weight:700;color:#1f2937;background:transparent}.pn-card .pn-card-head .pn-title-input[data-v-57a6adaa]::-moz-placeholder{color:#cbd5e1;font-weight:600}.pn-card .pn-card-head .pn-title-input[data-v-57a6adaa]::placeholder{color:#cbd5e1;font-weight:600}.pn-card .pn-card-head .pn-del[data-v-57a6adaa]{background:none;border:1px solid #e5e7eb;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:13px}.pn-card .pn-card-head .pn-del[data-v-57a6adaa]:hover{background:#fee2e2;border-color:#fca5a5}.pn-card .pn-md-toolbar[data-v-57a6adaa]{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.pn-card .pn-md-toolbar .pn-md-btn[data-v-57a6adaa]{background:#fff;border:1.5px solid #f5a623;color:#78350f;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:background .12s}.pn-card .pn-md-toolbar .pn-md-btn[data-v-57a6adaa]:hover{background:#fde68a}.pn-card .pn-md-toolbar .pn-md-btn[data-v-57a6adaa]:active{background:#f5a623;color:#fff}.pn-card .pn-content[data-v-57a6adaa]{width:100%;box-sizing:border-box;border:1px solid #f3e9c8;border-radius:8px;padding:10px 12px;background:#fff;font-family:JetBrains Mono,Menlo,monospace;font-size:14px;line-height:1.7;color:#1f2937;resize:vertical;outline:none}.pn-card .pn-content[data-v-57a6adaa]:focus{border-color:#f5a623}@media (max-width:480px){.pn-card .pn-content[data-v-57a6adaa]{font-size:16px}}.pn-card .pn-card-foot[data-v-57a6adaa]{margin-top:8px;display:flex;align-items:center;justify-content:space-between}.pn-card .pn-card-foot .pn-time[data-v-57a6adaa]{font-size:12px;color:#9ca3af}.pn-card .pn-card-foot .pn-save[data-v-57a6adaa]{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;padding:6px 18px;border-radius:14px;font-size:13px;font-weight:700;cursor:pointer}.pn-card .pn-card-foot .pn-save[data-v-57a6adaa]:disabled{opacity:.5;cursor:not-allowed}.pn-card .pn-card-foot .pn-save[data-v-57a6adaa]:hover:not(:disabled){transform:translateY(-1px)}.btn-cancel[data-v-57a6adaa]{background:#f3f4f6;color:#4b5563;border:none;padding:9px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.btn-cancel[data-v-57a6adaa]:hover{background:#e5e7eb}.btn-new-note[data-v-57a6adaa]{background:linear-gradient(135deg,#5b6abf,#7b8ad4);color:#fff;border:none;padding:9px 22px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px rgba(91,106,191,.3)}.btn-new-note[data-v-57a6adaa]:hover{transform:translateY(-1px)}.progress[data-v-dfbd434a]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-dfbd434a]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-dfbd434a]{font-size:16px;color:#43266d}.progress .outside[data-v-dfbd434a]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-dfbd434a]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-dfbd434a]{height:100%}.progress .bar .left[data-v-dfbd434a]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-dfbd434a]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-dfbd434a]{width:100px}.tooltip[data-v-dfbd434a]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-dfbd434a]{flex:1;white-space:nowrap}.uploadCode[data-v-dfbd434a]{background:#ffbf00;min-height:100vh;padding:80px 0 0;position:relative}.uploadCode>div[data-v-dfbd434a]:first-child{position:absolute;left:5%;top:105px}@media (max-width:768px){.uploadCode>div[data-v-dfbd434a]:first-child{position:static;padding:10px 15px}}.uploadCode>div:first-child button[data-v-dfbd434a]{padding:8px 20px}.uploadCode>div[data-v-dfbd434a]:nth-child(2){font-size:36px;font-weight:700;text-align:center;color:#43266d;margin-bottom:38px}@media (max-width:768px){.uploadCode>div[data-v-dfbd434a]:nth-child(2){font-size:24px;margin-bottom:20px}}.uploadCode>div[data-v-dfbd434a]:nth-child(3){padding:0 5%}.uploadCode>div:nth-child(3)>div[data-v-dfbd434a]{margin-bottom:12px}.uploadCode>div:nth-child(3)>div.qDesc[data-v-dfbd434a],.uploadCode>div:nth-child(3)>div.qTitle[data-v-dfbd434a]{width:100%;background:#fff;position:relative;font-size:24px}.uploadCode>div:nth-child(3)>div.qDesc .fieldTitle[data-v-dfbd434a],.uploadCode>div:nth-child(3)>div.qTitle .fieldTitle[data-v-dfbd434a]{color:#43266d;font-weight:700}.uploadCode>div:nth-child(3)>div.qTitle[data-v-dfbd434a]{height:60px;border-radius:100px}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.qTitle[data-v-dfbd434a]{height:auto;border-radius:15px;padding:10px 15px;font-size:16px}}.uploadCode>div:nth-child(3)>div.qTitle>span[data-v-dfbd434a]:first-child{position:absolute;top:17px;left:30px}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.qTitle>span[data-v-dfbd434a]:first-child{position:static;display:block;margin-bottom:4px}}.uploadCode>div:nth-child(3)>div.qTitle>span[data-v-dfbd434a]:nth-child(2){padding-left:150px;line-height:60px}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.qTitle>span[data-v-dfbd434a]:nth-child(2){padding-left:0;line-height:1.5}}.uploadCode>div:nth-child(3)>div.qDesc[data-v-dfbd434a]{height:216px;border-radius:15px;padding:17px 30px}.uploadCode>div:nth-child(3)>div.qDesc>div[data-v-dfbd434a]:nth-child(2){margin-top:8px}.uploadCode>div:nth-child(3)>div.importAndSelect[data-v-dfbd434a]{display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.importAndSelect[data-v-dfbd434a]{flex-direction:column;align-items:flex-start;gap:10px}}.uploadCode>div:nth-child(3)>div.importAndSelect>div[data-v-dfbd434a]:nth-child(2){display:flex;justify-content:space-between;align-items:center}.uploadCode>div:nth-child(3)>div.importAndSelect>div:nth-child(2)>div[data-v-dfbd434a]:first-child{margin-right:15px}.uploadCode>div:nth-child(3)>div.importAndSelect>div:nth-child(2)>div:first-child>label[data-v-dfbd434a]{margin-left:5px}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn[data-v-dfbd434a]{display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;height:40px;color:#43266d;font-weight:700}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn img[data-v-dfbd434a]{width:18px;height:auto;margin-right:5px}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn input[data-v-dfbd434a]{display:none}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .notes-btn[data-v-dfbd434a]{background:#ff6b35;color:#fff;border:2.5px solid #1f2937;padding:8px 18px;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:3px 3px 0 #1f2937;transition:transform .1s,box-shadow .1s}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .notes-btn[data-v-dfbd434a]:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #1f2937;background:#ff5722}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .notes-btn[data-v-dfbd434a]:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #1f2937}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .notes-btn .notes-badge[data-v-dfbd434a]{background:#fff;color:#c2410c;padding:1px 7px;border-radius:10px;font-size:12px;font-weight:800;margin-left:2px}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload[data-v-dfbd434a]{display:flex;align-items:center;font-size:20px;cursor:pointer;padding:5px 20px;border-radius:100px;border:3px solid #43266d;background-color:#ffdc76}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload[data-v-dfbd434a]:hover{background-color:#43266d;border:3px solid #43266d;color:#fff}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload:hover img[data-v-dfbd434a]:last-child{display:block}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload:hover img[data-v-dfbd434a]:nth-child(2),.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload img[data-v-dfbd434a]:last-child{display:none}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload img[data-v-dfbd434a]:last-child:hover{display:block}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload img[data-v-dfbd434a]:nth-child(2):hover{display:none}.uploadCode>div:nth-child(3)>div.notice[data-v-dfbd434a]{color:#43266d;font-weight:700}.uploadCode>div:nth-child(3)>div.code[data-v-dfbd434a]{border-radius:15px;overflow:hidden}.uploadCode>div:nth-child(3)>div.code .monaco-editor[data-v-dfbd434a]{height:calc(100vh - 380px);padding:5px 0}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.code .monaco-editor[data-v-dfbd434a]{height:calc(100vh - 280px)}}@media (max-width:480px){.uploadCode>div:nth-child(3)>div.code .monaco-editor[data-v-dfbd434a]{height:55vh}}.uploadCode>div:nth-child(3)>div.footer[data-v-dfbd434a]{display:flex;justify-content:space-between}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.footer[data-v-dfbd434a]{flex-direction:column;gap:12px}}.uploadCode>div:nth-child(3)>div.footer .arrow[data-v-dfbd434a]{margin-right:10px;width:0;height:0;border-style:solid}.uploadCode>div:nth-child(3)>div.footer .arrow.up[data-v-dfbd434a]{border-width:0 7px 13px 7px;border-color:transparent transparent #fff transparent}.uploadCode>div:nth-child(3)>div.footer .arrow.down[data-v-dfbd434a]{border-width:13px 7px 0 7px;border-color:#fff transparent transparent transparent}.uploadCode>div:nth-child(3)>div.footer img[data-v-dfbd434a]{width:18px;height:auto;margin-right:10px}.uploadCode>div:nth-child(3)>div.footer button[data-v-dfbd434a]{width:-moz-fit-content;width:fit-content;font-size:24px;padding:4px 20px;border-radius:100px;display:flex;align-items:center}@media (max-width:768px){.uploadCode>div:nth-child(3)>div.footer button[data-v-dfbd434a]{font-size:16px;padding:4px 14px}}.uploadCode>div:nth-child(3)>div.footer button.purple[data-v-dfbd434a]{border:3px solid #43266d;background-color:#43266d;color:#fff}.uploadCode>div:nth-child(3)>div.footer button.red[data-v-dfbd434a]{border:3px solid #e84964;background-color:#ffdc76;color:#e84964;margin-right:30px}.uploadCode>div:nth-child(3)>div.footer button.red img[data-v-dfbd434a]:nth-child(2){display:none}.uploadCode>div:nth-child(3)>div.footer button.red[data-v-dfbd434a]:hover{background-color:#e84964;color:#fff}.uploadCode>div:nth-child(3)>div.footer button.red:hover img[data-v-dfbd434a]:nth-child(2){display:block}.uploadCode>div:nth-child(3)>div.footer button.red:hover img[data-v-dfbd434a]:first-child{display:none}.uploadCode>div:nth-child(3)>div.footer>div[data-v-dfbd434a]:first-child{position:relative}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades[data-v-dfbd434a]{display:flex;align-items:center}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div[data-v-dfbd434a]{padding:5px;margin-left:15px;background:#f8f8f8}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.demo[data-v-dfbd434a]{background:#07f}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.excellent[data-v-dfbd434a]{background:#28c7ca}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.good[data-v-dfbd434a]{background:#2ca719}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.improve[data-v-dfbd434a]{background:#fe0}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.unsatisfied[data-v-dfbd434a]{background:red}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.waitForReview[data-v-dfbd434a]{background:#f8f8f8}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.debug[data-v-dfbd434a]{background:#0a5131}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.disobey[data-v-dfbd434a]{background:#43266d;animation:fade-dfbd434a 1.5s infinite}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect[data-v-dfbd434a]{position:absolute;bottom:50px}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect>div[data-v-dfbd434a]{width:120px;margin-top:10px;border-radius:100px;padding:4px 20px;border:3px solid #43266d;background:#fff;color:#43266d;text-align:center;font-size:24px;font-weight:500}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect>div.active[data-v-dfbd434a]{background:#43266d;color:#fff}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect>div[data-v-dfbd434a]:hover{background:#43266d;color:#fff;cursor:pointer}.uploadCode>div:nth-child(3)>div.footer>div[data-v-dfbd434a]:nth-child(2){display:flex}@keyframes fade-dfbd434a{0%{opacity:1}50%{opacity:0}to{opacity:1}}