.lp-shell{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#d8d8d8;padding:32px 0}.lp-phone{position:relative;width:390px;height:844px;overflow:hidden;background:var(--white);flex-shrink:0}.lp-hero-bg{position:absolute;left:0;top:0;width:390px;height:370px;background:var(--green)}.lp-decor-tr{position:absolute;left:270px;top:-60px;width:220px;height:220px;border-radius:50%;background:rgba(4,133,92,.5);z-index:1}.lp-decor-bl{position:absolute;left:-60px;top:220px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08);z-index:1}.lp-logo-img{position:absolute;left:169px;top:108px;width:52px;height:52px;border-radius:13px;object-fit:contain;z-index:2}.lp-logo-placeholder{position:absolute;left:169px;top:108px;width:52px;height:52px;border-radius:13px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;z-index:2;font-size:20px;font-weight:900;color:var(--white)}.lp-brand-name{position:absolute;left:0;top:162px;width:390px;font-size:30px;font-weight:800;color:var(--white);text-align:center;margin:0;line-height:1;z-index:2}.lp-brand-tagline{position:absolute;left:0;top:204px;width:390px;font-size:13px;font-weight:400;color:#d9fff0;text-align:center;margin:0;line-height:1.54;z-index:2}.lp-card-bg{position:absolute;left:0;top:356px;width:390px;height:488px;background:var(--white);border-radius:28px 28px 0 0;z-index:3}.lp-greeting{position:absolute;left:106px;top:382px;font-size:22px;font-weight:700;color:var(--text);margin:0;z-index:4}.lp-sub{position:absolute;left:24px;top:416px;width:342px;font-size:14px;font-weight:400;color:var(--text-soft);text-align:center;margin:0;z-index:4}.lp-btn-email{position:absolute;left:92px;top:451px;width:206px;height:42px;background:var(--green);border-radius:12px;color:var(--white);font-size:14px;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:4}.lp-div-left{position:absolute;left:24px;top:518px;width:149px;height:1px;background:var(--border);z-index:4}.lp-div-text{position:absolute;left:181px;top:512px;font-size:12px;font-weight:400;color:var(--text-muted);z-index:4}.lp-div-right{position:absolute;left:217px;top:518px;width:149px;height:1px;background:var(--border);z-index:4}.lp-btn-google{position:absolute;left:79px;top:538px;width:221px;height:52px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;z-index:4}.lp-google-g{flex-shrink:0}.lp-signup{position:absolute;left:0;top:604px;width:390px;font-size:14px;font-weight:500;color:var(--green);text-align:center;margin:0;z-index:4}.lp-terms-hr{position:absolute;left:24px;top:646px;width:342px;height:1px;background:var(--border);z-index:4}.lp-terms{position:absolute;left:0;top:656px;width:390px;font-size:11px;font-weight:400;color:var(--text-muted);text-align:center;margin:0;line-height:1.5;z-index:4}.lp-nav-img{position:absolute;left:0;top:776px;width:390px;height:68px;display:block;z-index:5}.ml-page{display:flex;flex-direction:column}.ml-greeting{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);display:flex;align-items:stretch;overflow:hidden;margin-bottom:16px;box-shadow:none;height:78px}.ml-avatar-wrap{width:78px;background:var(--green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ml-avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center}.ml-avatar-inner{width:20px;height:20px;border-radius:6px;background:var(--white)}.ml-greeting-text{padding:14px 0 0 14px;display:flex;flex-direction:column;gap:0}.ml-greeting-name{margin:0;font-size:15px;font-weight:600;color:var(--text);line-height:1.2}.ml-greeting-sub{margin:3px 0 0;font-size:12px;font-weight:400;color:var(--text-soft)}.ml-streak-badge{display:inline-flex;align-items:center;margin-top:5px;padding:3px 8px;background:var(--green-light);border-radius:11px;font-size:10px;font-weight:600;color:var(--green);width:fit-content}.ml-section-title{margin:0 0 2px;font-size:20px;font-weight:700;color:var(--text)}.ml-section-sub{margin:0 0 10px;font-size:12px;font-weight:400;color:var(--text-soft)}.ml-search{height:44px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;align-items:center;gap:8px;padding:0 16px;margin-bottom:12px;width:199px}.ml-search-icon{width:14px;height:14px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.ml-search-placeholder{font-size:13px;color:var(--text-muted)}.ml-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:nowrap;overflow-x:auto}.ml-chip{height:28px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);font-size:12px;font-weight:400;color:var(--text-soft);cursor:pointer;white-space:nowrap;flex-shrink:0}.ml-chip-active{background:var(--green);border-color:var(--green);color:var(--white);font-weight:600}.ml-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow);display:flex;align-items:center;text-decoration:none;margin-bottom:10px;overflow:hidden;height:76px}.ml-card-icon{width:76px;height:76px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ml-card-icon-circle{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}.ml-card-icon-square{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.ml-book-icon{width:20px;height:20px}.ml-card-blue .ml-card-icon-circle{background:var(--blue-light)}.ml-card-blue .ml-card-icon-square{background:var(--blue)}.ml-card-blue .ml-card-category{color:var(--blue)}.ml-card-blue .ml-card-badge{background:var(--blue-light);color:var(--blue)}.ml-card-gray .ml-card-icon-circle{background:var(--bg)}.ml-card-gray .ml-card-icon-square{background:var(--text-muted)}.ml-card-gray .ml-card-category{color:var(--text-muted)}.ml-card-gray .ml-card-badge{background:var(--bg);color:var(--text-muted)}.ml-card-green .ml-card-icon-circle{background:var(--green-accent)}.ml-card-green .ml-card-icon-square{background:var(--green)}.ml-card-green .ml-card-category{color:var(--green)}.ml-card-green .ml-card-badge{background:var(--green-accent);color:var(--green)}.ml-card-body{display:flex;flex-direction:column;gap:4px;padding:12px 0}.ml-card-category{font-size:10px;font-weight:500;line-height:1}.ml-card-title{margin:0;font-size:13px;font-weight:600;color:var(--text);line-height:1.2}.ml-card-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:11px;font-size:10px;font-weight:600;width:fit-content}.ml-mission{background:var(--green);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:66px;margin-top:6px}.ml-mission-title{margin:0;font-size:14px;font-weight:600;color:var(--white)}.ml-mission-sub{margin:3px 0 0;font-size:12px;color:var(--green-dim, #D9FFED)}.ml-mission-sub{color:#d9ffed}.ml-mission-btn{min-width:74px;height:34px;background:var(--green-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--white);text-decoration:none;flex-shrink:0;padding:0 12px}.md-page{display:flex;flex-direction:column;gap:12px}.md-header-card{background:var(--green-light);border:1px solid var(--green-accent);border-radius:var(--radius-md);padding:16px;position:relative;overflow:hidden}.md-header-decor{position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--green-accent)}.md-pill{display:inline-flex;align-items:center;padding:3px 10px;background:var(--white);border-radius:12px;font-size:10px;font-weight:600;color:var(--green);margin-bottom:8px;position:relative}.md-level{font-size:12px;font-weight:400;color:var(--text-soft);margin:0 0 4px}.md-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 12px;line-height:1.3}.md-progress-track{height:6px;background:var(--white);border-radius:4px;overflow:hidden;margin-bottom:4px}.md-progress-fill{height:100%;background:var(--green);border-radius:4px}.md-progress-text{font-size:11px;color:var(--text-soft)}.md-video{background:#1A1A2E;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;min-height:120px;justify-content:center}.md-video-label{font-size:11px;font-weight:600;color:var(--green);background:rgba(16,184,129,.15);padding:3px 10px;border-radius:10px}.md-video-play{width:52px;height:52px;border-radius:50%;background:var(--white);border:2px solid var(--green-accent);display:flex;align-items:center;justify-content:center;font-size:20px}.md-video-caption{font-size:12px;color:#aaa;text-align:center}.md-article{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:8px}.md-article-heading{font-size:14px;font-weight:700;color:var(--text);margin:0}.md-article-body{font-size:12px;font-weight:400;color:var(--text-soft);margin:0;line-height:1.6}.md-example-card{background:var(--green-light);border:1px solid var(--green-accent);border-radius:12px;padding:12px}.md-example-title{font-size:12px;font-weight:600;color:var(--green);margin:0 0 6px}.md-example-item{font-size:12px;margin:2px 0}.md-note{background:var(--yellow-light);border:1px solid var(--yellow-border);border-radius:var(--radius-md);padding:14px}.md-note-title{font-size:14px;font-weight:700;color:var(--text);margin:0 0 10px}.md-note-avatar{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.md-note-avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--green);flex-shrink:0}.md-note-text{font-size:12px;color:var(--text);line-height:1.5}.md-figma-page{gap:16px;padding-bottom:68px}.md-header-card{min-height:128px;padding:14px 16px}.md-header-meta{display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:11px;position:relative}.md-header-meta .md-pill{margin:0}.md-figma-page .md-title{font-size:20px;line-height:1.15;margin:8px 0 4px;max-width:320px}.md-figma-page .md-progress-text{margin:4px 0 0}.md-figma-page .md-video{height:166px;min-height:166px;background:var(--surface-soft);align-items:flex-start;justify-content:flex-start;padding:14px 16px;overflow:hidden}.md-figma-page .md-video:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:var(--green-light);right:-58px;top:-58px}.md-figma-page .md-video-label{background:transparent;padding:0;z-index:1}.md-figma-page .md-video-play{position:absolute;left:50%;top:49px;transform:translate(-50%);width:60px;height:60px;z-index:2}.md-figma-page .md-video-caption{position:absolute;left:16px;bottom:13px;margin:0;color:var(--text-soft);z-index:2}.md-figma-page .md-article{min-height:202px;padding:16px}.md-figma-page .md-article-heading{font-size:16px}.md-figma-page .md-article-body{line-height:1.45}.md-example-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-soft)}.md-example-row strong{color:var(--text)}.md-figma-page .md-note{min-height:92px;padding:9px 16px}.md-figma-page .md-note-title{margin-bottom:2px}.md-figma-page .md-note-avatar{margin:0;gap:10px}.md-figma-page .md-note-avatar-circle{width:28px;height:28px;font-size:11px}.md-figma-page .md-note-text{margin:0;display:flex;flex-direction:column;line-height:1.2}.md-figma-page .md-note-text span{color:var(--text-soft);font-size:11px}.md-next{height:42px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:14px;padding:0 16px;font-size:11px}.md-next span{color:var(--text-soft);flex:1}.md-next em{font-style:normal;border-radius:999px;padding:5px 12px;background:var(--green-light);color:var(--green);font-size:10px;font-weight:700}.md-sticky-action{position:absolute;left:0;right:0;bottom:0;height:68px;padding:12px 16px;border-top:1px solid var(--border);background:white;z-index:5}.md-sticky-action a{height:44px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:#fff;font-weight:700}.qz-screen{min-height:788px;display:flex;flex-direction:column}.qz-header{background:var(--green-light);padding:14px 16px;flex-shrink:0;position:relative;overflow:hidden}.qz-header-decor{position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--green-accent)}.qz-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.qz-heading{flex:1}.qz-back{width:28px;display:flex;align-items:center;text-decoration:none}.qz-brand{font-size:18px;font-weight:800;color:var(--text)}.qz-subtitle{font-size:12px;color:var(--text-soft)}.qz-timer{display:flex;align-items:center;gap:5px;padding:4px 12px;background:var(--white);border:1px solid var(--green-accent);border-radius:18px;font-size:13px;font-weight:600;color:var(--green)}.qz-page{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:16px;padding-bottom:16px}.qz-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.qz-progress-title{font-size:14px;font-weight:600;color:var(--text)}.qz-progress-pct{font-size:11px;font-weight:600;color:var(--green)}.qz-progress-track{height:6px;background:var(--surface-soft);border-radius:4px;overflow:hidden}.qz-progress-fill{height:100%;background:var(--green);border-radius:4px}.qz-question-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:8px}.qz-accent-bar{width:4px;height:100%;background:var(--green);border-radius:3px;position:absolute;left:0;top:0}.qz-question-title{font-size:15px;font-weight:700;color:var(--text);margin:0}.qz-question-body{font-size:12px;color:var(--text-soft);margin:0}.qz-prompt{background:var(--green-light);border:1px solid var(--green-accent);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--text);text-align:center}.qz-image-placeholder{height:92px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:30px}.qz-options{display:flex;flex-direction:column;gap:8px}.qz-option{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:12px;cursor:pointer}.qz-option-active{background:var(--green-light);border-color:var(--green-accent)}.qz-option-letter{width:32px;height:32px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-soft);flex-shrink:0}.qz-option-active .qz-option-letter{background:var(--green);border:none;color:var(--white)}.qz-option-text{font-size:14px;font-weight:500;color:var(--text)}.qz-option-active .qz-option-text{color:var(--green);font-weight:600}.qz-option-state{margin-left:auto;font-size:12px;font-weight:600;color:var(--green)}.qz-explanation{background:var(--green-light);border:1px solid var(--green-accent);border-radius:12px;padding:12px 14px;display:flex;gap:8px}.qz-explanation-icon{font-size:16px;color:var(--green);flex-shrink:0}.qz-explanation-text{font-size:12px;color:var(--text);line-height:1.5}.qz-footer{padding:12px 16px 8px;background:var(--white);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;flex-shrink:0}.qz-number-row,.qz-action-row{width:100%;display:flex;align-items:center;gap:8px}.qz-number-row{justify-content:space-between}.qz-action-row .qz-next-btn{flex:1;justify-content:center}.qz-q-num{width:36px;height:36px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-soft);flex-shrink:0}.qz-q-num-active{background:var(--green);border:none;color:var(--white)}.qz-flag-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--yellow-light);border-radius:10px;font-size:12px;font-weight:600;color:var(--orange);border:none;cursor:pointer}.qz-next-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--green);border-radius:10px;font-size:13px;font-weight:600;color:var(--white);border:none;cursor:pointer;text-decoration:none}.qz-screen{width:390px;height:844px;min-height:844px;position:relative;overflow:hidden;background:#fff}.qz-header{position:absolute;inset:0 0 auto;width:390px;height:72px;padding:0}.qz-header-decor{left:305px;right:auto;top:-52px;width:150px;height:150px}.qz-header-row{position:relative;width:100%;height:100%;display:block}.qz-back{position:absolute;left:16px;top:13px;width:21px;height:30px;line-height:30px}.qz-heading{position:absolute;left:56px;top:11px}.qz-brand{font-size:18px;line-height:22px}.qz-subtitle{margin:1px 0 0;font-size:11px;line-height:13px}.qz-timer{position:absolute;left:267px;top:16px;width:107px;height:36px;padding:0;justify-content:center}.qz-page{position:static;padding:0;display:block}.qz-progress{position:absolute;left:16px;top:92px;width:358px;height:34px}.qz-progress-row{margin-bottom:8px}.qz-progress-title{font-size:14px;line-height:17px}.qz-progress-track{height:7px}.qz-question-card{position:absolute;left:16px;top:144px;width:358px;height:146px;padding:20px 22px;gap:4px;overflow:hidden}.qz-question-card:before{content:"";position:absolute;left:0;top:0;width:6px;height:146px;background:var(--green)}.qz-question-title{font-size:20px;line-height:26px}.qz-question-body{line-height:18px}.qz-prompt{height:42px;padding:11px 14px}.qz-image-placeholder{position:absolute;left:16px;top:304px;width:358px;height:92px;padding:12px 14px;font-size:0;overflow:hidden;background:#fff}.qz-image-placeholder:before{content:"";position:absolute;left:14px;top:12px;width:330px;height:68px;border-radius:10px;background:var(--green-light)}.qz-image-placeholder:after{content:"";position:absolute;right:-14px;top:-36px;width:120px;height:120px;border-radius:50%;background:var(--green-accent)}.qz-image-placeholder span{position:relative;z-index:2;width:60px;height:50px;border-radius:9px;background:#fff;display:grid;place-items:center;color:var(--green);font-size:27px}.qz-options{position:absolute;left:16px;top:412px;width:358px;gap:10px}.qz-option{width:358px;height:52px;padding:0 14px}.qz-option-letter{width:24px;height:24px;border-radius:8px;font-size:12px}.qz-explanation{position:absolute;left:16px;top:670px;width:358px;height:52px;padding:0 16px;align-items:center}.qz-footer{position:absolute;left:0;top:736px;width:390px;height:108px;padding:0;display:block}.qz-number-row{position:absolute;left:16px;top:12px;width:354px;display:flex;align-items:flex-start;justify-content:space-between}.qz-q-num{width:36px;height:36px}.qz-q-num-active{width:42px;height:42px;border-radius:21px;transform:translateY(-3px)}.qz-action-row{position:absolute;left:16px;top:66px;width:358px;height:34px;display:flex;gap:12px}.qz-flag-btn{width:112px;height:34px;padding:0;justify-content:center}.qz-next-btn{height:34px;padding:0 16px;flex:1;justify-content:center}.ms-page{display:flex;flex-direction:column;gap:12px}.ms-streak-card{background:var(--green-light);border:1px solid var(--green-accent);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px}.ms-streak-icon{width:40px;height:40px;border-radius:8px;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.ms-streak-title{font-size:13px;font-weight:600;color:var(--green-dark);margin:0}.ms-streak-sub{font-size:11px;color:var(--text-soft);margin:2px 0 0}.ms-filter-tabs{display:flex;gap:8px}.ms-filter-btn{height:30px;padding:0 16px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--text-soft)}.ms-filter-btn-active{background:var(--green);border-color:var(--green);color:var(--white)}.ms-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:12px 14px;position:relative;overflow:hidden}.ms-card-decor{position:absolute;left:0;top:0;width:60px;height:60px;border-radius:50%;transform:translate(-20px,-20px);opacity:.4}.ms-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ms-card-body{flex:1;min-width:0}.ms-card-title{font-size:13px;font-weight:600;color:var(--text);margin:0}.ms-card-reward{font-size:11px;color:var(--text-muted);margin:2px 0 0}.ms-card-badge{padding:3px 10px;border-radius:11px;font-size:10px;font-weight:600;flex-shrink:0}.ms-card-green .ms-card-badge{background:var(--green-accent);color:var(--green)}.ms-card-green .ms-card-decor{background:var(--green-accent)}.ms-card-green .ms-card-icon{background:var(--green)}.ms-card-blue .ms-card-icon{background:var(--blue)}.ms-card-blue .ms-card-decor{background:var(--blue-light)}.ms-card-purple .ms-card-icon{background:var(--purple)}.ms-card-purple .ms-card-decor{background:var(--purple-light)}.ms-card-progress{margin-top:6px}.ms-card-progress-track{height:4px;background:var(--bg);border-radius:3px;overflow:hidden}.ms-card-progress-fill{height:100%;border-radius:3px}.ms-card-progress-text{font-size:10px;color:var(--text-muted);margin-top:2px}.ms-daily-banner{background:var(--green);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.ms-daily-title{font-size:14px;font-weight:600;color:var(--white);margin:0}.ms-daily-sub{font-size:12px;color:#d9ffed;margin:0}.ms-daily-progress-track{height:6px;background:rgba(255,255,255,.3);border-radius:4px;overflow:hidden}.ms-daily-progress-fill{height:100%;background:var(--white);border-radius:4px}.msd-page{display:flex;flex-direction:column;gap:12px}.msd-hero{background:var(--green);border-radius:var(--radius-md);padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;overflow:hidden}.msd-hero-decor{position:absolute;right:-20px;bottom:-20px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.1)}.msd-hero-icon{font-size:36px}.msd-hero-title{font-size:18px;font-weight:700;color:var(--white);margin:0;text-align:center}.msd-hero-reward{font-size:13px;color:#d9ffed}.msd-stat-row{display:flex;gap:10px}.msd-stat-card{flex:1;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.msd-stat-num{font-size:22px;font-weight:700;color:var(--green)}.msd-stat-label{font-size:11px;color:var(--text-muted)}.msd-steps-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.msd-step{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.msd-step-circle{width:36px;height:36px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.msd-step-title{font-size:13px;font-weight:600;color:var(--text);margin:0}.msd-step-sub{font-size:11px;color:var(--text-muted);margin:2px 0 0}.msd-step-check{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--white)}.msd-cta-btn{display:block;width:100%;padding:14px;background:var(--green);border-radius:var(--radius);text-align:center;font-size:15px;font-weight:600;color:var(--white);text-decoration:none;border:none;cursor:pointer;margin-top:4px}.mission-detail-page{display:flex;flex-direction:column;gap:12px;padding-bottom:112px}.mission-detail-hero{min-height:132px;padding:16px;border:1px solid #b7f1d9;border-radius:14px;background:var(--green-light);position:relative;overflow:hidden}.mission-detail-hero span{display:inline-block;border-radius:999px;background:white;color:var(--green);font-size:10px;font-weight:700;padding:5px 10px}.mission-detail-hero h2{margin:8px 0 2px;font-size:22px}.mission-detail-hero p{margin:0;font-size:12px;color:var(--text-soft)}.mission-detail-hero b{position:absolute;right:22px;bottom:25px;padding:5px 18px;border-radius:999px;background:white;color:var(--green);font-size:11px}.mission-detail-page>h3{margin:2px 0 -2px;font-size:15px}.mission-question{min-height:76px;border:1px solid var(--border);border-radius:13px;padding:14px;display:flex;align-items:center;gap:14px;position:relative}.mission-question>i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green-light);color:var(--green);font-style:normal;font-weight:700;flex:none}.mission-question>div{display:flex;flex-direction:column}.mission-question strong{font-size:14px}.mission-question small{font-size:12px;color:var(--text-soft)}.mission-question>span{margin-left:auto;border-radius:999px;padding:5px 12px;background:var(--green-light);color:var(--green);font-size:10px}.mission-question.active{min-height:236px;border-color:#a6efcf;align-items:flex-start}.mission-question.active>i{background:var(--green);color:#fff}.mission-options{position:absolute;left:25px;right:25px;bottom:16px;gap:8px}.mission-options button{height:42px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);text-align:left;padding:0 14px}.mission-options .correct{background:var(--green-light);border-color:#b7f1d9;color:var(--green)}.mission-options .correct b{float:right}.mission-question.locked>i{background:var(--surface-soft);color:var(--text-soft)}.mission-progress-footer{position:absolute;left:0;right:0;bottom:0;z-index:8;padding:12px 16px 0;height:112px;background:white;border-top:1px solid var(--border)}.mission-progress-footer small{font-size:9px;color:var(--text-soft);font-weight:700}.mission-progress-label{display:flex;justify-content:space-between;font-size:13px}.mission-progress-label b{color:var(--green)}.mission-progress-track{height:6px;border-radius:6px;background:var(--surface-soft);margin:6px 0 12px}.mission-progress-track span{display:block;width:40%;height:100%;background:var(--green);border-radius:inherit}.mission-progress-footer button{width:100%;height:38px;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:700}.mission-detail-page{width:390px;height:788px;position:relative;display:block;padding:0;overflow:hidden;background:#fff}.mission-detail-hero{position:absolute;left:16px;top:16px;width:358px;height:128px;min-height:0;padding:14px 16px}.mission-detail-hero span{padding:5px 11px;font-size:10px}.mission-detail-hero h2{margin:8px 0 2px;font-size:22px;line-height:26px}.mission-detail-hero p{font-size:12px;line-height:15px}.mission-detail-hero b{right:22px;bottom:25px;padding:5px 18px}.mission-detail-page>h3{position:absolute;left:16px;top:160px;margin:0;font-size:15px;line-height:18px}.mission-question{position:absolute;left:16px;width:358px;min-height:0;padding:14px;gap:14px}.mission-question.done{top:184px;height:76px}.mission-question.active{top:272px;height:236px;min-height:0}.mission-question.question-three{top:520px;height:66px}.mission-question.question-four{top:598px;height:66px}.mission-question>i{width:40px;height:40px}.mission-question strong{font-size:14px;line-height:17px}.mission-question small{font-size:12px;line-height:15px}.mission-options{left:25px;right:25px;bottom:16px;gap:8px}.mission-options button{height:42px}.mission-progress-footer{left:0;top:660px;right:auto;bottom:auto;width:390px;height:112px;padding:12px 16px 8px}.mission-progress-footer button{height:38px}.grp-page{display:flex;flex-direction:column;gap:12px}.grp-invite-card{background:var(--orange-light);border:1px solid #F49C0A;border-radius:var(--radius);padding:14px 16px 14px 22px;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px}.grp-invite-bar{position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}.grp-invite-body{flex:1;min-width:0}.grp-invite-label{font-size:11px;font-weight:600;color:var(--orange);margin:0 0 3px}.grp-invite-text{font-size:13px;font-weight:500;color:var(--text);margin:0}.grp-invite-actions{display:flex;gap:6px}.grp-invite-btn{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;font-size:14px}.grp-invite-btn-reject{background:#FEE4E4;color:#ec4141}.grp-invite-btn-accept{background:var(--green-light);color:var(--green)}.grp-section-label{font-size:14px;font-weight:600;color:var(--text);margin:0}.grp-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;position:relative;overflow:hidden}.grp-card-decor{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--green);transform:translate(-8px,-8px);opacity:.5}.grp-card-avatar{width:36px;height:36px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--white);flex-shrink:0}.grp-card-body{flex:1;min-width:0}.grp-card-name{font-size:13px;font-weight:600;color:var(--text);margin:0}.grp-card-meta{font-size:11px;color:var(--text-soft);margin:2px 0 0}.grp-card-badge{padding:3px 10px;border-radius:11px;font-size:10px;font-weight:600;background:var(--green-accent);color:var(--green);flex-shrink:0}.grp-explore-card{background:var(--green-light);border:1px solid var(--green-accent);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.grp-explore-text{font-size:12px;color:var(--text-soft);flex:1;margin-right:12px;line-height:1.4}.grp-explore-btn{padding:8px 16px;background:var(--green);border-radius:8px;box-shadow:var(--shadow);font-size:13px;font-weight:600;color:var(--white);text-decoration:none;flex-shrink:0;border:none;cursor:pointer}.grp-fab{position:fixed;bottom:80px;right:calc(50% - 179px);width:58px;height:58px;border-radius:26px;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--white);text-decoration:none;box-shadow:var(--shadow);z-index:10;border:0;cursor:pointer}.grp-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:rgba(19,22,26,.55);display:flex;align-items:center;justify-content:center;padding:16px}.grp-modal{width:358px;min-height:312px;background:var(--white);border-radius:18px;padding:66px 20px 20px;position:relative;box-shadow:var(--shadow-lg)}.grp-modal:before{content:"";position:absolute;left:0;right:0;top:0;height:64px;border-radius:18px 18px 0 0;background:var(--green-light)}.grp-modal h3{position:absolute;left:0;top:20px;width:100%;margin:0;text-align:center;font-size:20px;z-index:1}.grp-modal>p{position:absolute;left:0;top:43px;width:100%;margin:0;text-align:center;color:var(--text-soft);font-size:12px;z-index:1}.grp-modal-close{position:absolute;right:12px;top:12px;width:28px;height:28px;border:0;border-radius:50%;background:var(--surface-soft);font-size:18px;z-index:2;cursor:pointer}.grp-modal-option{height:80px;border:0;border-radius:14px;display:flex;align-items:center;gap:14px;padding:12px 16px;margin-top:12px;box-shadow:var(--shadow)}.grp-modal-option:first-of-type{background:var(--purple-light)}.grp-modal-option:last-of-type{background:var(--green-accent)}.grp-modal-option>span:nth-child(2){flex:1;display:flex;flex-direction:column}.grp-modal-option strong{font-size:15px}.grp-modal-option small{font-size:11px;color:var(--text-soft);margin-top:3px}.grp-modal-option>img{flex-shrink:0}.grp-modal-icon{width:44px;height:44px;border-radius:12px;background:transparent;color:var(--text);display:grid;place-items:center;font-size:36px;font-weight:800}.grp-modal-icon svg{width:26px;height:26px}.grp-figma-page{position:relative;display:block;width:358px;height:696px}.grp-figma-page>.section-title{position:absolute;left:0;top:0;margin:0;font-size:22px;line-height:27px}.grp-figma-page>.section-sub{position:absolute;left:0;top:26px;margin:0;font-size:12px;line-height:15px}.grp-figma-page .grp-invite-card{position:absolute;left:0;top:50px;width:358px;height:58px;padding:0 16px 0 24px;border-radius:12px;gap:10px}.grp-figma-page .grp-invite-label{font-size:11px;line-height:13px;margin:0 0 5px}.grp-figma-page .grp-invite-text{width:228px;font-size:11px;line-height:14px}.grp-figma-page .grp-invite-actions{gap:15px}.grp-figma-page .grp-invite-btn{width:27px;height:26px;padding:0;font-size:20px;font-weight:300}.grp-yours-label{position:absolute;left:0;top:122px}.grp-card-list{position:absolute;left:0;top:146px;width:358px;display:flex;flex-direction:column;gap:12px}.grp-figma-page .grp-card{width:358px;height:80px;padding:0 14px;gap:14px;margin:0!important;overflow:visible}.grp-figma-page .grp-card-avatar{width:40px;height:40px;color:#fff}.grp-figma-page .grp-card-avatar svg{width:24px;height:24px}.grp-figma-page .grp-card-body{height:64px;padding-top:12px;position:relative}.grp-figma-page .grp-card-name{font-size:13px;line-height:16px}.grp-figma-page .grp-card-meta{font-size:11px;line-height:13px;margin-top:4px}.grp-figma-page .grp-card-badge{position:absolute;left:0;top:44px;height:22px;padding:4px 8px;line-height:12px}.grp-explore-label{position:absolute;left:0;top:342px}.grp-figma-page .grp-section-label{margin:0;font-size:14px;line-height:17px}.grp-figma-page .grp-explore-card{position:absolute;left:0;top:366px;width:358px;height:74px;padding:0 15px}.grp-figma-page .grp-explore-text{width:206px;flex:none;font-size:11px;line-height:13px;margin:0}.grp-figma-page .grp-explore-btn{width:90px;height:28px;padding:0;display:grid;place-items:center;font-size:13px}.grp-figma-page .grp-fab{position:absolute;left:285px;top:627px;right:auto;bottom:auto;width:58px;height:58px;border-radius:29px;font-size:40px;line-height:58px}.grp-figma-page .grp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.gdm-page{display:flex;flex-direction:column;min-height:100%}.gdm-cover{background:var(--green);display:flex;flex-direction:column;align-items:center;padding:16px 16px 20px;gap:6px}.gdm-cover-icon{width:64px;height:64px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.gdm-cover-name{font-size:16px;font-weight:700;color:var(--white);margin:0;text-align:center}.gdm-cover-badge{background:var(--white);color:var(--green);font-size:10px;font-weight:600;padding:2px 12px;border-radius:10px}.gdm-body{display:flex;flex-direction:column;gap:14px;padding:14px 16px 24px}.gdm-stats{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;padding:12px 0}.gdm-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.gdm-stat-sep{width:1px;height:32px;background:var(--border)}.gdm-stat-num{font-size:18px;font-weight:700;color:var(--green)}.gdm-stat-accent{color:var(--green)}.gdm-stat-label{font-size:10px;color:var(--text-muted)}.gdm-section{font-size:14px;font-weight:700;color:var(--text);margin:0}.gdm-task-list{display:flex;flex-direction:column;gap:10px}.gdm-task-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:12px;padding:12px 14px;text-decoration:none}.gdm-task-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gdm-icon-green{background:var(--green);box-shadow:0 0 0 6px var(--green-accent)}.gdm-icon-orange{background:var(--orange);box-shadow:0 0 0 6px #fff0cc}.gdm-task-body{display:flex;flex-direction:column;gap:3px}.gdm-task-name{font-size:13px;font-weight:600;color:var(--text)}.gdm-task-deadline{font-size:11px;color:var(--text-soft)}.gdm-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 10px;border-radius:10px;width:fit-content}.gdm-badge-green{background:var(--green-accent);color:var(--green)}.gdm-badge-orange{background:#FFF0CC;color:var(--orange)}.gdm-material-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;text-decoration:none;gap:12px;padding:12px 14px}.gdm-material-icon{width:42px;height:42px;border-radius:10px;background:#3B6FE8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.gdm-material-body{display:flex;flex-direction:column;gap:3px}.gdm-material-name{font-size:13px;font-weight:600;color:var(--text)}.gdm-material-meta{font-size:11px;color:var(--text-soft)}.gdm-members-header{display:flex;align-items:center;justify-content:space-between}.gdm-members-count{font-size:11px;color:var(--text-muted)}.gdm-avatars{display:flex}.gdm-avatar{width:34px;height:34px;border-radius:50%;border:2px solid var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--white);margin-right:-8px;flex-shrink:0}.gdm-avatar-more{background:#D1D5DB;color:var(--text)}.gdm-btn-outline-green{height:48px;background:var(--green-light);border:1.5px solid var(--green);border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--green);display:flex;align-items:center;justify-content:center;text-decoration:none}.gdm-btn-outline-red{height:48px;background:#FFF1F2;border:1.5px solid #EC4141;border-radius:var(--radius);font-size:14px;font-weight:600;color:#ec4141;display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%;cursor:pointer}.gdm-add-member-btn{height:44px;width:100%;background:var(--green-light);border:1.5px solid var(--green);border-radius:var(--radius);color:var(--green);font-size:13px;font-weight:600;text-align:left;padding-left:16px;cursor:pointer}.gdm-admin-tabs{display:flex;gap:8px}.gdm-tab{flex:1;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);font-size:13px;cursor:pointer}.gdm-tab.active{background:var(--green);color:var(--white);border-color:var(--green)}.gdm-member-list{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:0 14px}.gdm-member-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.gdm-member-row:last-child{border-bottom:none}.gdm-member-avatar{width:36px;height:36px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.gdm-member-info{flex:1;display:flex;flex-direction:column;gap:2px}.gdm-member-name{font-size:12px;font-weight:600;color:var(--text)}.gdm-member-role{font-size:10px;color:var(--text-muted)}.gdm-member-score{font-size:11px;font-weight:600;color:var(--green)}.gdm-admin-actions{display:flex;gap:10px}.gdm-action-primary,.gdm-action-secondary{flex:1;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;text-decoration:none}.gdm-action-primary{background:var(--green);color:var(--white)}.gdm-action-secondary{background:var(--green-light);color:var(--green);border:1px solid var(--green)}.gdm-dissolve-btn{height:44px;width:100%;background:#FFF1F2;border:1.5px solid #EC4141;border-radius:var(--radius);color:#ec4141;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.gn-page{display:flex;flex-direction:column;gap:14px}.gn-topic-select{align-self:flex-start;min-width:205px;height:46px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text);display:inline-flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px;font-weight:500;cursor:pointer}.gn-material{display:flex;flex-direction:column;gap:8px}.gn-title{font-size:22px;line-height:1.2;font-weight:800;color:var(--text);margin:0;padding-bottom:10px;border-bottom:1px solid var(--border)}.gn-body-text{font-size:13px;line-height:1.45;color:var(--text-soft);margin:0}.gn-comparison-section,.gn-note-section{display:flex;flex-direction:column;gap:8px}.gn-section-title{font-size:14px;font-weight:800;color:var(--text);margin:0}.gn-comparison-list{display:flex;flex-direction:column;gap:10px}.gn-word-row{height:50px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;padding:0 14px}.gn-word-side{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.gn-word-wrong{color:#d65a68}.gn-word-right{color:var(--green)}.gn-word-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0}.gn-word-wrong .gn-word-dot{background:#FDE2E4}.gn-word-right .gn-word-dot{background:var(--green-accent)}.gn-arrow{color:var(--text-muted);font-size:18px;text-align:center}.gn-personal-note{width:100%;height:72px;border:1px solid var(--green-accent);border-radius:11px;background:var(--green-light);padding:14px;resize:none;font-size:13px;color:var(--text);font-family:var(--font)}.gn-personal-note::placeholder{color:var(--text-muted)}.gn-personal-note:focus{outline:none;border-color:var(--green)}.gn-save-btn{align-self:flex-end;width:190px;height:48px;border-radius:10px;background:var(--green);color:var(--white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-decoration:none;margin-top:14px}.gj-page{display:flex;flex-direction:column;gap:20px}.gj-icon-wrap{display:flex;justify-content:center}.gj-icon-circle{width:88px;height:88px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center}.gj-code-section{display:flex;flex-direction:column;align-items:center;gap:8px}.gj-code-title{font-size:18px;font-weight:700;color:var(--text);margin:0;text-align:center}.gj-code-sub{font-size:13px;color:var(--text-soft);margin:0;text-align:center}.gj-code-input{width:100%;height:64px;border:2px solid var(--green);border-radius:16px;font-size:26px;font-weight:600;text-align:center;letter-spacing:.35em;color:var(--text-muted);background:var(--white);font-family:var(--font);outline:none;margin-top:4px}.gj-code-input::placeholder{color:var(--text-muted);letter-spacing:.35em}.gj-code-input:focus{border-color:var(--green);color:var(--text)}.gj-code-hint{font-size:11px;color:var(--text-muted);margin:0;text-align:center}.gj-divider{display:flex;align-items:center;gap:10px}.gj-divider-line{flex:1;height:1px;background:var(--border)}.gj-divider-text{font-size:12px;color:var(--text-muted);white-space:nowrap}.gj-explore-btn{height:50px;background:var(--green-light);border:1.5px solid var(--green-accent);border-radius:var(--radius);font-size:14px;font-weight:700;color:var(--green);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .15s}.gj-explore-btn:hover{background:var(--green-accent)}.group-form-figma{display:flex;flex-direction:column;gap:14px}.group-form-figma h2{font-size:22px;font-weight:700;color:var(--text);margin:0}.group-form-figma>p{font-size:12px;color:var(--text-soft);margin:-8px 0 0}.group-photo{width:72px;height:72px;border-radius:50%;background:var(--green-light);border:2px dashed var(--green-accent);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--green);cursor:pointer;align-self:center;margin-top:4px}.group-form-figma small{font-size:11px;color:var(--text-soft);text-align:center;margin-top:-8px}.group-form-figma label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.group-form-figma input,.group-form-figma textarea,.group-form-figma select{height:46px;border:1px solid var(--border);border-radius:var(--radius);padding:0 14px;font-size:14px;background:var(--white);color:var(--text);width:100%;font-family:inherit}.group-form-figma textarea{height:80px;padding:12px 14px;resize:none}.group-form-figma input:focus,.group-form-figma textarea:focus,.group-form-figma select:focus{outline:none;border-color:var(--green)}.group-form-actions{display:flex;flex-direction:row;gap:10px;margin-top:4px}.group-form-primary{flex:1;height:50px;background:var(--green);border-radius:var(--radius);font-size:15px;font-weight:600;color:var(--white);text-decoration:none;text-align:center;line-height:50px}.group-form-cancel{flex:1;height:50px;background:#EC4141;border-radius:var(--radius);font-size:15px;font-weight:600;color:var(--white);text-decoration:none;text-align:center;line-height:50px}.asgd-page{display:flex;flex-direction:column;gap:14px}.asgd-title{font-size:22px;font-weight:700;color:var(--text);margin:0}.asgd-subtitle{font-size:12px;color:var(--text-soft);margin:2px 0 0}.asgd-summary-banner{height:72px;border-radius:14px;background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:space-around}.asgd-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.asgd-stat b{font-size:22px;font-weight:700;line-height:1}.asgd-stat span{font-size:10px;opacity:.85}.asgd-section-title{font-size:14px;font-weight:700;color:var(--text);margin:0}.asgd-task-list{display:flex;flex-direction:column;gap:10px}.asgd-task-card{background:var(--white);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;color:inherit;min-height:72px}.asgd-task-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.asgd-icon-green{background:var(--green);box-shadow:0 0 0 7px var(--green-accent)}.asgd-icon-orange{background:var(--orange);box-shadow:0 0 0 7px #fff0cc}.asgd-icon-red{background:#fb4d5d;box-shadow:0 0 0 7px #ffe0e3}.asgd-task-body{flex:1;display:flex;flex-direction:column;gap:2px}.asgd-task-name{font-size:13px;font-weight:600;color:var(--text)}.asgd-task-meta,.asgd-task-due{font-size:10px;color:var(--text-muted)}.asgd-badge{font-size:10px;font-weight:600;padding:5px 10px;border-radius:999px;flex-shrink:0}.asgd-badge-green{background:var(--green-accent);color:var(--green)}.asgd-badge-orange{background:#FFF3DD;color:var(--orange)}.asgd-badge-red{background:#FFE4E6;color:#ef3340}.asgd-see-all-btn{align-self:flex-end;width:170px;height:42px;border-radius:12px;background:var(--green-light);color:var(--green);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer;box-shadow:var(--shadow)}.asgd-fabs{display:flex;flex-direction:column;align-items:flex-end;gap:14px;margin-top:8px}.asgd-fab{width:148px;height:44px;border-radius:22px;background:var(--green);color:var(--white);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:var(--shadow)}.asg-page{display:flex;flex-direction:column;gap:12px}.asg-hero{background:var(--green-light);border:1px solid var(--green-accent);border-radius:var(--radius-md);padding:16px}.asg-hero-label{font-size:10px;font-weight:600;color:var(--green);margin:0 0 4px}.asg-hero-title{font-size:17px;font-weight:700;color:var(--text);margin:0 0 6px}.asg-hero-due{font-size:12px;color:var(--text-soft)}.asg-stat-row{display:flex;gap:10px}.asg-stat-card{flex:1;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:10px;text-align:center}.asg-stat-num{font-size:18px;font-weight:700;color:var(--green)}.asg-stat-label{font-size:10px;color:var(--text-muted)}.asg-action-row{display:flex;gap:8px}.asg-action-btn{flex:1;height:44px;border-radius:var(--radius);font-size:13px;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;text-decoration:none;border:none;cursor:pointer}.asg-btn-primary{background:var(--green);color:var(--white)}.asg-btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border)}.asg-btn-ghost{background:var(--bg);color:var(--text-soft)}.asf-page{display:flex;flex-direction:column;gap:14px}.asf-section-label{font-size:13px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;margin:0}.asf-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.asf-input-row{display:flex;align-items:center;gap:0;padding:0 14px;height:46px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.asf-input-label{font-size:12px;color:var(--text-muted);min-width:80px;flex-shrink:0}.asf-input{flex:1;border:none;outline:none;font-size:14px;color:var(--text);background:transparent;text-align:right;font-family:var(--font)}.asf-sep{height:1px;background:var(--border);margin:0}.asf-submit-btn{height:50px;background:var(--green);border-radius:var(--radius);font-size:15px;font-weight:600;color:var(--white);text-decoration:none;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.pp-page{display:flex;flex-direction:column;padding-bottom:24px}.pp-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 2px}.pp-subtitle{font-size:12px;color:var(--text-soft);margin:0 0 20px}.pp-stats-card{display:flex;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius);height:58px;margin-bottom:12px}.pp-stat{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 16px}.pp-stat-label{font-size:11px;font-weight:500;color:var(--text-muted)}.pp-stat-value{font-size:16px;font-weight:700;color:var(--text);margin-top:2px}.pp-stat-value-green{color:var(--green)}.pp-progress-track{height:6px;background:var(--surface-soft);border-radius:3px;position:relative;overflow:hidden;margin-bottom:6px}.pp-progress-fill{position:absolute;left:0;top:0;height:100%;background:var(--green);border-radius:3px}.pp-progress-label{font-size:10px;color:var(--text-muted);margin:0 0 22px}.pp-section-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.pp-list{display:flex;flex-direction:column;margin-bottom:20px}.pp-row{display:flex;align-items:center;padding:10px 4px}.pp-divider{height:1px;background:var(--border)}.pp-avatar{width:36px;height:36px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:16px}.pp-info{flex:1}.pp-name{font-size:12px;font-weight:600;color:var(--text);margin:0}.pp-status{font-size:10px;margin:2px 0 0}.pp-status-bold{font-weight:600}.pp-status-green{color:var(--green)}.pp-status-blue{color:var(--blue)}.pp-status-orange{color:var(--orange)}.pp-score-group{display:flex;align-items:baseline;gap:8px}.pp-score-num{font-size:16px;font-weight:700}.pp-score-denom{font-size:10px;color:var(--text-muted)}.pp-score-green{color:var(--green)}.pp-score-blue{color:var(--blue)}.pp-score-orange{color:var(--orange)}.pp-score-muted{color:var(--text-muted)}.pp-action-row{display:flex;justify-content:flex-end;margin-bottom:20px}.pp-edit-btn{width:177px;height:41px;background:var(--green);border-radius:var(--radius);font-size:14px;font-weight:600;color:var(--white);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 4px #00000040}.pp-manual-title{font-size:13px;font-weight:600;color:var(--green-dark);margin:0 0 8px}.pp-manual-card{background:var(--border);border:1.5px solid var(--green-dark);border-radius:var(--radius);position:relative;display:flex;align-items:center;padding:12px 8px 12px 58px;min-height:90px}.pp-manual-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-dark);position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.pp-manual-body{flex:1}.pp-manual-heading{font-size:13px;font-weight:600;color:var(--text);margin:0 0 4px}.pp-manual-desc{font-size:12px;color:var(--text-soft);margin:0 0 8px}.pp-grade-btn{display:flex;align-items:center;justify-content:center;width:100%;height:28px;background:var(--green-dark);border-radius:var(--radius-sm);font-size:13px;font-weight:700;color:var(--white);text-decoration:none;box-shadow:0 4px 4px #00000040}.qb-page{position:relative;min-height:690px;display:flex;flex-direction:column;gap:12px}.qb-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.qb-total-badge{margin-top:2px;padding:8px 16px;border-radius:999px;background:var(--green-light);color:var(--green);font-size:13px;font-weight:700;white-space:nowrap}.qb-search{height:50px;border:1px solid var(--border);border-radius:25px;background:var(--surface-soft);display:flex;align-items:center;gap:12px;padding:0 18px}.qb-search-icon{width:18px;height:18px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.qb-search input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:14px}.qb-search input::placeholder{color:var(--text-muted)}.qb-filter-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:2px}.qb-filter-row button{height:34px;padding:0 16px;border:1px solid var(--border);border-radius:17px;background:var(--white);color:var(--text-soft);font-size:13px;white-space:nowrap;cursor:pointer}.qb-bank-list{display:flex;flex-direction:column;gap:10px}.qb-bank-card{min-height:76px;border:1px solid var(--border);border-radius:var(--radius);background:var(--white);display:flex;align-items:center;gap:12px;padding:12px}.qb-bank-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.qb-bank-icon span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--white);font-size:20px;font-weight:800;border:2px solid rgba(255,255,255,.8)}.qb-bank-icon-blue{background:var(--blue-light)}.qb-bank-icon-blue span{background:var(--blue)}.qb-bank-icon-purple{background:var(--purple-light)}.qb-bank-icon-purple span{background:var(--purple)}.qb-bank-icon-green{background:var(--green-light)}.qb-bank-icon-green span{background:var(--green)}.qb-bank-body{min-width:0;display:flex;flex-direction:column;gap:6px}.qb-bank-body h3{font-size:13px;line-height:1.35;font-weight:800;color:var(--text);margin:0}.qb-bank-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.qb-bank-tag,.qb-bank-type{padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700}.qb-bank-tag-blue{background:var(--blue-light);color:var(--blue)}.qb-bank-tag-purple{background:var(--purple-light);color:var(--purple)}.qb-bank-tag-green{background:var(--green-accent);color:var(--green)}.qb-bank-type{background:var(--surface-soft);color:var(--text-muted)}.qb-fab{position:absolute;right:18px;bottom:24px;width:58px;height:58px;border-radius:50%;background:var(--green);color:var(--white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:300;line-height:1;text-decoration:none}.qb-tabs{display:flex;gap:0;background:var(--bg);border-radius:10px;padding:4px}.qb-tab{flex:1;height:36px;border-radius:8px;border:none;background:none;font-size:13px;font-weight:600;color:var(--text-soft);cursor:pointer}.qb-tab-active{background:var(--white);color:var(--text);box-shadow:var(--shadow)}.qb-action-row{display:flex;gap:8px}.qb-action-btn{flex:1;height:44px}.qb-question{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.qb-question-selectable{cursor:pointer}.qb-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid var(--border);background:var(--white);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.qb-checkbox-checked{border-color:var(--green);background:var(--green);color:var(--white);font-size:11px}.qb-question-text{font-size:13px;color:var(--text);flex:1;line-height:1.5}.qb-question-tag{font-size:10px;font-weight:600;color:var(--green-dark);background:var(--green-light);border-radius:8px;padding:2px 8px;margin-left:auto;flex-shrink:0}.qsel-page{position:relative;min-height:690px;display:flex;flex-direction:column;gap:10px}.qsel-title{font-size:20px;font-weight:800;color:var(--text);margin:0}.qsel-count{font-size:13px;font-weight:700;color:var(--orange);margin:2px 0 0}.qsel-search{height:38px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);display:flex;align-items:center;gap:10px;padding:0 14px}.qsel-search-icon{width:14px;height:14px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.qsel-search input{border:0;outline:none;flex:1;background:transparent;font-size:12px;color:var(--text)}.qsel-search input::placeholder{color:var(--text-muted)}.qsel-filter-row{display:flex;gap:10px}.qsel-filter-row button{height:28px;padding:0 16px;border:1px solid var(--border);border-radius:14px;background:var(--white);color:var(--text-soft);font-size:12px;cursor:pointer}.qsel-list{border:1px solid var(--border);border-bottom:0}.qsel-row{width:100%;min-height:58px;border:0;border-bottom:1px solid var(--border);background:var(--white);display:flex;align-items:center;gap:14px;padding:10px 16px;text-align:left;cursor:pointer}.qsel-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--green);background:var(--green-light);flex-shrink:0}.qsel-checkbox-active{background:var(--green-accent)}.qsel-body{min-width:0;display:flex;flex-direction:column;gap:6px}.qsel-body strong{font-size:12px;line-height:1.25;color:var(--text)}.qsel-tags{display:flex;gap:8px;flex-wrap:wrap}.qsel-tag,.qsel-type{padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700}.qsel-tag-blue{background:var(--blue-light);color:var(--blue)}.qsel-tag-purple{background:var(--purple-light);color:var(--purple)}.qsel-tag-green{background:var(--green-accent);color:var(--green)}.qsel-type{background:var(--surface-soft);color:var(--text-muted)}.qsel-add-btn{height:34px;margin:6px 10px 0;border-radius:4px;background:var(--green);color:var(--white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-decoration:none}.qsel-save-btn{position:absolute;right:0;bottom:22px;width:164px;height:46px;border-radius:10px;background:var(--green);color:var(--white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-decoration:none}.qcreate-page{min-height:690px;margin:-12px -16px -24px;padding:0 16px 24px;background:var(--surface-soft);display:flex;flex-direction:column;gap:16px;position:relative}.qcreate-title-bar{height:54px;margin:0 -16px 6px;padding:0 16px;background:var(--green-light);display:flex;align-items:center}.qcreate-title-bar h2{font-size:18px;font-weight:800;color:var(--green-dark);margin:0}.qcreate-field,.qcreate-section{display:flex;flex-direction:column;gap:8px}.qcreate-field>span,.qcreate-section h3{font-size:14px;font-weight:700;color:var(--text-soft);margin:0}.qcreate-question-input{width:216px;height:50px;border:1px solid var(--border);border-radius:11px;background:var(--white);padding:0 14px;font-size:14px;color:var(--text);outline:none}.qcreate-question-input::placeholder{color:var(--text-muted)}.qcreate-type-row{display:flex;gap:10px}.qcreate-type-row button{height:44px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--white);color:var(--text-soft);font-size:13px;font-weight:600;cursor:pointer}.qcreate-type-row .qcreate-type-active{background:var(--green);border-color:var(--green);color:var(--white)}.qcreate-options{display:flex;flex-direction:column;gap:18px}.qcreate-option{width:128px;height:48px;border:1px solid var(--border);border-radius:11px;background:var(--white);display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--text-muted);box-shadow:var(--shadow-sm);cursor:pointer}.qcreate-option-active{width:162px;border:2px solid var(--green);color:var(--text);box-shadow:none}.qcreate-option-letter{width:26px;height:26px;border-radius:50%;background:var(--green-light);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.qcreate-option-active .qcreate-option-letter{background:var(--green);color:var(--white)}.qcreate-option-placeholder{font-size:14px;white-space:nowrap}.qcreate-option-check{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--green)}.qcreate-hint{font-size:12px;color:var(--text-muted);margin:2px 0 0}.qcreate-score-stepper{width:180px;height:48px;border:1px solid var(--border);border-radius:11px;background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.qcreate-score-stepper button{width:36px;height:36px;border:0;border-radius:9px;background:var(--green-accent);color:var(--green);font-size:20px;font-weight:800;cursor:pointer}.qcreate-score-stepper strong{font-size:18px;color:var(--text)}.qcreate-save-btn{align-self:flex-end;width:178px;height:48px;border-radius:10px;background:var(--green);color:var(--white);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;text-decoration:none;margin-top:36px}.assignment-form-figma{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.assignment-form-figma h2{margin:0;font-size:21px}.assignment-form-figma>p{margin:-8px 0 2px;color:var(--text-soft);font-size:12px}.assignment-form-figma label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-soft);width:100%}.assignment-form-figma input,.assignment-form-figma textarea{width:203px;min-height:46px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);padding:12px;resize:none;color:var(--text)}.assignment-form-figma textarea{height:46px}.assignment-question-btn{width:171px;height:47px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--shadow)}.assignment-form-figma .assignment-score-input{width:97px}.assignment-form-btns{display:flex;flex-direction:row;gap:10px;width:100%}.assignment-save-btn{flex:1;height:44px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-weight:700;box-shadow:var(--shadow);text-decoration:none}.assignment-delete-btn{flex:1;height:44px;border:none;border-radius:11px;background:#EC4141;color:#fff;font-size:inherit;font-weight:700;cursor:pointer;display:grid;place-items:center;text-decoration:none}.assignment-detail-figma{display:flex;flex-direction:column;gap:16px}.assignment-detail-hero{min-height:130px;border:1px solid #cce8df;border-radius:15px;background:var(--green-light);padding:18px 16px;position:relative;overflow:hidden}.assignment-detail-hero:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#d1fae5;right:-40px;top:-40px}.assignment-detail-hero h2{margin:0;font-size:20px}.assignment-detail-hero p{margin:0 0 12px;color:var(--text-soft);font-size:13px}.assignment-detail-hero div{display:flex;gap:8px}.assignment-detail-hero span,.assignment-detail-hero b{padding:5px 10px;border-radius:8px;font-size:11px;font-weight:500}.assignment-detail-hero span{background:#fff7e6;color:var(--orange)}.assignment-detail-hero b{background:#d1fae5;color:var(--green-dark)}.assignment-detail-stats{width:280px;min-height:72px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:space-around}.assignment-detail-stats div{display:flex;flex-direction:column;text-align:center}.assignment-detail-stats b{color:var(--green);font-size:18px}.assignment-detail-stats span{color:var(--text-muted);font-size:11px}.assignment-instructions{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0}.assignment-instructions h3,.assignment-preview h3{margin:0 0 5px;font-size:15px}.assignment-instructions p{margin:0;color:var(--text-soft);font-size:12px;line-height:1.35}.assignment-preview{display:flex;flex-direction:column;gap:10px}.assignment-preview>div{height:56px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 12px}.assignment-preview div span{color:var(--text-muted);font-size:11px}.assignment-preview div p{flex:1;font-size:12px}.assignment-preview div i{width:16px;height:16px;border-radius:50%;background:var(--green-accent)}.assignment-start-btn{align-self:flex-end;width:169px;height:47px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-weight:700;box-shadow:var(--shadow);margin-top:26px}.manual-grading-figma{display:flex;flex-direction:column;gap:12px;margin:-12px -16px -24px;padding:16px;background:var(--bg);min-height:788px}.manual-grading-figma h2{margin:0 10px 6px;font-size:19px}.manual-grading-figma h3{margin:2px 0 -5px;font-size:14px}.grading-task-card{height:72px;border:2px solid var(--green-dark);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;background:#e7edf0}.grading-task-card>span{width:40px;height:40px;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:23px}.grading-task-card div,.grading-student div{display:flex;flex-direction:column}.grading-task-card strong,.grading-student strong{font-size:14px}.grading-task-card small,.grading-student small{font-size:10px;color:var(--text-soft)}.grading-queue{align-self:flex-start;padding:5px 8px;background:var(--green-light);color:var(--green);font-size:11px;border-radius:7px}.grading-student{height:56px;background:white;border-radius:12px;box-shadow:var(--shadow);padding:10px;display:flex;align-items:center;gap:10px}.grading-student i{width:36px;height:36px;border-radius:50%;background:var(--green-accent);color:var(--green);display:grid;place-items:center;font-style:normal}.grading-student div{flex:1}.grading-student>span{border-radius:999px;padding:5px 10px;background:#fff2d9;color:var(--orange);font-size:9px}.grading-long-answer{height:180px;border:1px solid var(--border);border-radius:12px;background:white;box-shadow:var(--shadow);padding:12px;font-size:12px;line-height:1.25;display:flex;flex-direction:column}.grading-long-answer small{margin-top:auto;color:var(--text-muted)}.grading-score-card{height:72px;background:white;border-radius:12px;padding:10px 12px}.grading-score-card label{display:block;font-size:11px;color:var(--text-soft)}.grading-score-card div{display:flex;gap:8px}.grading-score-card button{min-width:44px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text-soft);font-weight:700;box-shadow:var(--shadow-sm)}.grading-score-card button.selected{width:80px;border:2px solid var(--green-dark);color:var(--text);font-size:18px}.grading-score-card button:nth-child(2){border-color:var(--green);color:var(--green);background:var(--green-light)}.grading-feedback{height:80px;border:1px solid var(--border);border-radius:12px;padding:12px;resize:none;box-shadow:var(--shadow)}.grading-submit{height:46px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:var(--shadow)}.ctm-page{display:flex;flex-direction:column;background:var(--bg);min-height:100%}.ctm-hero{background:var(--green-dark);padding:20px 16px 24px;position:relative;overflow:hidden;flex-shrink:0}.ctm-hero-decor-1{position:absolute;right:-24px;top:-24px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.12)}.ctm-hero-decor-2{position:absolute;right:40px;top:-10px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.07)}.ctm-hero-title{font-size:26px;font-weight:700;color:var(--white);margin:0 0 16px;position:relative}.ctm-filter-row{display:flex;background:rgba(0,0,0,.22);border-radius:10px;padding:4px;width:fit-content;position:relative}.ctm-filter-btn{height:34px;padding:0 20px;border:none;background:none;border-radius:7px;font-size:13px;font-weight:500;color:#ffffffa6;cursor:pointer;white-space:nowrap}.ctm-filter-active{background:rgba(0,0,0,.28);color:var(--white);font-weight:700}.ctm-list{display:flex;flex-direction:column;gap:14px;padding:28px 16px 8px}.ctm-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 3px 10px #00000017;padding:14px;position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;min-height:110px}.ctm-card-decor{position:absolute;right:-24px;top:-24px;width:100px;height:100px;border-radius:50%;opacity:.85}.ctm-card-decor-green{background:var(--green-accent)}.ctm-card-decor-blue{background:var(--blue-light)}.ctm-card-decor-purple{background:var(--purple-light)}.ctm-badge{position:absolute;top:14px;left:14px;padding:3px 10px;border-radius:7px;font-size:11px;font-weight:700;color:var(--white)}.ctm-badge-green{background:var(--green)}.ctm-badge-blue{background:var(--blue)}.ctm-badge-purple{background:var(--purple)}.ctm-card-body{flex:1;margin-top:26px;min-width:0;padding-right:8px}.ctm-card-name{font-size:16px;font-weight:700;color:var(--text);margin:0 0 3px}.ctm-card-meta{font-size:12px;color:var(--text-soft);margin:0 0 2px}.ctm-card-level{font-size:11px;color:var(--text-muted)}.ctm-join-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:8px 18px;border-radius:9px;background:var(--green);color:var(--white);font-size:13px;font-weight:700;text-decoration:none;z-index:2;white-space:nowrap}.ctm-fab-wrap{position:sticky;bottom:24px;display:flex;justify-content:flex-end;padding:0 16px;margin-top:20px;pointer-events:none}.ctm-code-fab{pointer-events:all;height:46px;padding:0 22px;border-radius:23px;border:none;outline:none;background:var(--green);color:var(--white);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:var(--shadow-md);cursor:pointer}.ctm-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:rgba(19,22,26,.55);display:flex;align-items:center;justify-content:center;padding:24px 16px}.ctm-modal{background:var(--white);border-radius:20px;padding:28px 20px 20px;width:100%;max-width:360px;position:relative;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:12px}.ctm-modal-accent{position:absolute;left:0;right:0;top:0;height:6px;border-radius:20px 20px 0 0;background:var(--green)}.ctm-modal-accent:after{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:48px;height:24px;background:var(--green-light);border-radius:0 0 24px 24px}.ctm-modal-title{font-size:20px;font-weight:700;color:var(--text);margin:0;text-align:center}.ctm-modal-sub{font-size:12px;color:var(--text-soft);text-align:center;line-height:1.5;margin:0}.ctm-modal-label{align-self:flex-start;font-size:12px;font-weight:600;color:var(--text)}.ctm-code-boxes{display:flex;gap:8px;width:100%;justify-content:center}.ctm-code-box{width:46px;height:58px;border:1.5px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--text);background:var(--white)}.ctm-paste-btn{display:flex;align-items:center;gap:8px;border:none;background:none;font-size:13px;font-weight:600;color:var(--green);cursor:pointer;align-self:flex-start}.ctm-paste-icon{width:18px;height:18px;border-radius:4px;background:var(--green);flex-shrink:0}.ctm-gabung-btn{width:100%;height:44px;background:var(--green);border:none;border-radius:var(--radius);font-size:15px;font-weight:700;color:var(--white);cursor:pointer}.ctm-modal-divider{display:flex;align-items:center;gap:12px;width:100%;color:var(--text-muted);font-size:12px}.ctm-modal-divider:before,.ctm-modal-divider:after{content:"";flex:1;height:1px;background:var(--border)}.ctm-modal-qr-label{font-size:12px;color:var(--text-soft);margin:0;text-align:center}.ctm-modal-bottom{display:flex;gap:10px;width:100%}.ctm-scan-btn{flex:1;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--green-light);color:var(--green);font-size:13px;font-weight:600;cursor:pointer}.ctm-cancel-btn{flex:1;height:36px;border:none;border-radius:var(--radius);background:#EC4141;color:var(--white);font-size:13px;font-weight:600;cursor:pointer}.cdt-page{display:flex;flex-direction:column;gap:0}.cdt-hero{background:var(--green);padding:20px 16px;margin:-12px -16px 0;position:relative;overflow:hidden}.cdt-hero-decor{position:absolute;right:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.12)}.cdt-hero-title{font-size:24px;font-weight:700;color:var(--white);margin:0 0 4px;position:relative}.cdt-hero-meta{font-size:13px;color:#fffc;margin:0 0 16px;position:relative}.cdt-hero-stats{display:flex;align-items:center;background:rgba(0,0,0,.15);border-radius:12px;padding:10px 0;position:relative}.cdt-hero-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.cdt-hero-stat b{font-size:18px;font-weight:700;color:var(--white);line-height:1}.cdt-hero-stat span{font-size:10px;color:#ffffffbf}.cdt-hero-stat-sep{width:1px;height:28px;background:rgba(255,255,255,.25)}.cdt-tabs{display:flex;border-bottom:1px solid var(--border);margin:0 -16px 16px;padding:0 16px}.cdt-tab{flex:1;height:44px;border:none;background:none;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative}.cdt-tab-active{color:var(--green);font-weight:700}.cdt-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green);border-radius:2px 2px 0 0}.cdt-detail-tab{display:flex;flex-direction:column;gap:20px}.cdt-section-heading{font-size:16px;font-weight:700;color:var(--text);margin:0 0 8px}.cdt-section-body{font-size:13px;color:var(--text-soft);line-height:1.6;margin:0}.cdt-rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.cdt-rule-item{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text)}.cdt-rule-dot-wrap{width:28px;height:28px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdt-rule-dot{width:10px;height:10px;border-radius:50%;background:var(--green)}.cdt-prize-card{background:#FFF7E6;border:1px solid #F5C264;border-radius:var(--radius-md);padding:14px 16px}.cdt-prize-label{display:block;font-size:12px;font-weight:700;color:var(--orange);margin-bottom:6px}.cdt-prize-text{font-size:13px;color:var(--text);margin:0;line-height:1.5}.cdt-peserta-tab,.cdt-skor-tab{display:flex;flex-direction:column;gap:10px}.cdt-tab-meta{font-size:12px;color:var(--text-muted);margin:0}.cdt-peserta-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.cdt-peserta-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-light);color:var(--green);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdt-peserta-name{flex:1;font-size:13px;font-weight:600;color:var(--text)}.cdt-peserta-status{font-size:11px;font-weight:600;color:var(--green)}.cdt-skor-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}.cdt-skor-top{border-color:var(--green-accent)}.cdt-skor-rank{min-width:22px;font-size:14px;font-weight:700;color:var(--text-muted)}.cdt-skor-top .cdt-skor-rank{color:var(--green)}.cdt-skor-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-light);color:var(--green);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cdt-skor-name{flex:1;font-size:13px;font-weight:600;color:var(--text)}.cdt-skor-pts{font-size:13px;font-weight:700;color:var(--green)}.cdt-actions{display:flex;gap:12px;margin-top:24px;padding-bottom:8px}.cdt-btn-share{flex:1;height:50px;background:var(--green-light);border:1.5px solid var(--green);border-radius:var(--radius);font-size:15px;font-weight:600;color:var(--green);cursor:pointer}.cdt-btn-register{flex:2;height:50px;background:var(--green);border-radius:var(--radius);font-size:15px;font-weight:600;color:var(--white);display:flex;align-items:center;justify-content:center;text-decoration:none}.cr-page{display:flex;flex-direction:column;min-height:100%;overflow-x:hidden}.cr-hero{background:var(--green);display:flex;flex-direction:column;align-items:center;padding:36px 16px 64px}.cr-avatar{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.25);color:var(--white);font-size:36px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cr-hero-title{font-size:28px;font-weight:700;color:var(--white);margin:0 0 8px;text-align:center}.cr-hero-sub{font-size:14px;color:#ffffffd9;text-align:center;margin:0;line-height:1.55}.cr-body{flex:1;display:flex;flex-direction:column;gap:14px;padding:0 16px 28px;background:var(--green-light);position:relative;overflow:visible}.cr-body-decor{position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;border-radius:50%;background:var(--green-accent);pointer-events:none;z-index:0}.cr-action-row{position:relative;z-index:1}.cr-score-card{background:var(--white);border-radius:18px;padding:20px 24px;margin-top:-40px;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cr-score-card:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;background:var(--green-accent);opacity:.6}.cr-score-label{font-size:13px;color:var(--text-soft);position:relative;z-index:1}.cr-score-value{font-size:52px;font-weight:700;color:var(--green);line-height:1;position:relative;z-index:1}.cr-score-max{font-size:13px;color:var(--text-muted);position:relative;z-index:1}.cr-stats{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;padding:14px 0}.cr-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.cr-stat-sep{width:1px;height:30px;background:var(--border)}.cr-stat-num{font-size:16px;font-weight:700;color:var(--green)}.cr-stat-label{font-size:10px;color:var(--text-muted);text-align:center}.cr-badges-title{font-size:15px;font-weight:700;color:var(--text);margin:4px 0 0}.cr-badges{display:flex;gap:10px}.cr-badge-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 10px}.cr-badge-icon{width:54px;height:54px;border-radius:14px}.cr-badge-orange{background:var(--orange)}.cr-badge-green{background:var(--green)}.cr-badge-blue{background:var(--blue)}.cr-badge-label{font-size:11px;font-weight:600;color:var(--text)}.cr-primary-btn{height:52px;background:var(--green-dark);border-radius:var(--radius);font-size:15px;font-weight:700;color:var(--white);display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%}.cr-action-row{display:flex;gap:10px}.cr-score-btn{flex:1;height:46px;background:var(--green);border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;justify-content:center;text-decoration:none}.cr-share-btn{flex:1;height:46px;background:transparent;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--green);cursor:pointer}.ld-page{min-height:100%;background:var(--green);color:var(--white)}.ld-hero{background:var(--green-dark);padding:14px 18px 22px}.ld-title{font-size:20px;font-weight:700;margin:0 0 24px}.ld-timer-card{height:76px;border-radius:22px;background:var(--green);display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;letter-spacing:.04em;margin:0 22px 24px}.ld-progress-meta{display:flex;align-items:center;gap:9px;font-size:13px;color:#fffc}.ld-progress-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.ld-progress-track{height:6px;background:rgba(255,255,255,.18);border-radius:6px;margin-top:6px;overflow:hidden}.ld-progress-fill{width:62%;height:100%;background:#F9D84A;border-radius:inherit}.ld-progress-caption{display:flex;justify-content:space-between;color:#f9d84a;font-size:13px;font-weight:700;margin-top:6px}.ld-podium-wrap{display:flex;align-items:flex-end;justify-content:space-between;margin-top:18px;padding:0 18px}.ld-podium-card{width:86px;display:flex;flex-direction:column;align-items:center;position:relative}.ld-podium-1{order:2;transform:translateY(-16px)}.ld-podium-2{order:1}.ld-podium-3{order:3}.ld-medal{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--white);margin-bottom:-4px;z-index:2}.ld-medal-gold{background:var(--orange)}.ld-medal-silver{background:#AEB6BF}.ld-medal-bronze{background:#C9883D}.ld-podium-avatar{width:58px;height:58px;border-radius:50%;background:#1F2328;border:3px solid;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800}.ld-avatar-gold{border-color:#f9d84a;color:#f9d84a}.ld-avatar-silver{border-color:#aeb6bf;color:#aeb6bf}.ld-avatar-bronze{border-color:#c9883d;color:#c9883d}.ld-podium-name{margin-top:8px;font-size:12px;text-align:center;color:var(--white);text-decoration:none}.ld-podium-name:hover{text-decoration:underline}.ld-podium-score{font-size:11px;color:#ffffffb8}.ld-board{background:var(--green);padding:22px 16px 26px}.ld-board-title{font-size:18px;font-weight:700;margin:0 0 10px}.ld-list{display:flex;flex-direction:column;gap:8px}.ld-row,.ld-self-row,.ld-bonus-card{background:var(--white);color:var(--text);border-radius:10px;box-shadow:var(--shadow-md)}.ld-row{height:45px;display:flex;align-items:center;gap:10px;padding:0 12px}.ld-rank{width:30px;font-size:14px;font-weight:700;color:var(--text-muted)}.ld-avatar,.ld-self-avatar{width:30px;height:30px;border-radius:50%;background:var(--green-light);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.ld-name{flex:1;font-size:14px;font-weight:700;color:var(--text);text-decoration:none}.ld-name:hover{color:var(--green)}.ld-pts{margin-left:auto;font-size:13px;color:var(--text-soft)}.ld-dots{text-align:center;letter-spacing:4px;color:#ffffff80;font-weight:800;margin:10px 0}.ld-self-row{height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--green-light)}.ld-self-rank{width:32px;color:var(--green);font-weight:800}.ld-self-name{flex:1;font-size:14px;font-weight:700;color:var(--green)}.ld-self-badge{padding:4px 12px;border-radius:999px;background:var(--green-dark);color:var(--white);font-size:9px;font-weight:800}.ld-self-pts{font-size:13px;font-weight:700;color:var(--green)}.ld-bonus-card{min-height:64px;margin-top:16px;padding:12px;display:flex;align-items:center;gap:12px}.ld-bonus-card h3{font-size:14px;margin:0 0 3px}.ld-bonus-card p{font-size:12px;color:var(--text-soft);margin:0}.ld-start-btn{margin-left:auto;width:76px;height:36px;border-radius:10px;background:var(--green);color:var(--white);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:700;flex-shrink:0}.lb-page{display:flex;flex-direction:column;margin:0}.lb-hero{position:relative;background:var(--green);overflow:hidden;padding:0}.lb-hero-decor-tr{position:absolute;right:-50px;top:-55px;width:200px;height:200px;border-radius:50%;background:rgba(4,133,92,.5);pointer-events:none}.lb-hero-decor-bl{position:absolute;left:-55px;bottom:-30px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.lb-hero-content{position:relative;z-index:2;padding:20px 16px 0}.lb-hero-title{font-size:22px;font-weight:700;color:var(--white);margin:0 0 3px}.lb-hero-subtitle{font-size:13px;color:#ffffffbf;margin:0 0 16px}.lb-tabs{display:flex;gap:4px;padding:4px;background:rgba(0,0,0,.15);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.lb-tab{flex:1;padding:8px 0;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:#ffffffd9;cursor:pointer;transition:background .15s,color .15s}.lb-tab-active{background:var(--text);color:var(--white);font-weight:600}.lb-body{background:var(--bg);padding:14px 16px 32px;display:flex;flex-direction:column;gap:10px}.lb-podium-card{background:var(--white);border-radius:var(--radius-md);padding:20px 12px 16px;display:flex;align-items:flex-end;justify-content:center;gap:0;box-shadow:var(--shadow)}.lb-podium-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;text-decoration:none;color:inherit}.lb-podium-item-first{order:0;padding-bottom:8px}.lb-podium-avatar{border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-avatar-lg{width:64px;height:64px}.lb-avatar-md{width:50px;height:50px}.lb-podium-avatar-me{background:var(--green)}.lb-podium-name{font-size:13px;font-weight:600;color:var(--text);text-align:center;margin:0}.lb-podium-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--white)}.lb-badge-gold{background:#F49C0A}.lb-badge-silver{background:#9BA2A8}.lb-badge-bronze{background:#B87333}.lb-podium-score{font-size:12px;font-weight:600;color:var(--text-soft);text-align:center;margin:0}.lb-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);text-decoration:none;box-shadow:var(--shadow-sm)}.lb-row-rank{font-size:13px;font-weight:700;color:var(--text-muted);min-width:28px}.lb-row-avatar{width:36px;height:36px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lb-row-name{flex:1;font-size:13px;font-weight:600;color:var(--text);margin:0}.lb-row-name-me{color:var(--green-dark)}.lb-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.lb-row-pts{font-size:13px;font-weight:700;color:var(--text)}.lb-row-change{font-size:11px;font-weight:600}.lb-row-change-pos{color:var(--green)}.lb-row-change-neg{color:#ef4444}.lb-row-me{background:var(--green-light);border-color:var(--green)}.lb-row-me .lb-row-avatar{background:var(--green)}.pf-page{background:var(--bg)}.pf-hero{background:var(--green-light);height:180px;padding:16px 20px 0;margin:0;display:flex;flex-direction:column;align-items:center;gap:2px;border-bottom:1px solid var(--border);flex-shrink:0}.pf-avatar{width:104px;height:104px;border-radius:50%;background:var(--green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.pf-name{font-size:20px;font-weight:700;color:var(--text);margin:0;text-align:center}.pf-username{font-size:12px;color:var(--text-muted);margin:0}.pf-level-badge{padding:5px 14px;background:var(--green);border-radius:var(--radius-md);font-size:13px;font-weight:600;color:var(--white)}.pf-xp-section{height:84px;padding:32px 16px 0;background:var(--white)}.pf-xp-text{font-size:12px;color:var(--text-muted);text-align:center;margin:0 0 6px}.pf-xp-track{width:358px;height:8px;background:var(--green-accent);border-radius:4px;overflow:hidden;margin-top:2px}.pf-xp-fill{height:100%;background:var(--green);border-radius:4px}.pf-stats-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;margin:0 16px 14px;height:72px}.pf-stat-item{flex:1;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}.pf-stat-num{font-size:18px;font-weight:700;color:var(--green)}.pf-stat-label{font-size:10px;color:var(--text-muted);text-align:center}.pf-section{padding:0 16px;margin-bottom:12px}.pf-section-bottom{padding-bottom:24px}.pf-section-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 8px}.pf-activity-item{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:10px;height:56px}.pf-activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pf-activity-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.pf-activity-meta{font-size:12px;color:var(--text-muted);margin:2px 0 0}.pf-badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pf-badge-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.pf-badge-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.pf-badge-name{font-size:10px;font-weight:600;color:var(--text);text-align:center}.pf-badge-desc{font-size:9px;color:var(--text-muted);text-align:center}.op-hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px 24px;background:var(--green-light);border-bottom:1px solid var(--green-accent)}.op-avatar{width:90px;height:90px;border-radius:50%;background:rgba(16,184,129,.15);border:2px solid var(--green-accent);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.op-name{font-size:20px;font-weight:700;color:var(--text);margin:0;text-align:center}.op-username{font-size:13px;color:var(--text-muted);margin:0}.op-follow-btn{margin-top:10px;padding:10px 52px;background:var(--green);border:1.5px solid transparent;border-radius:var(--radius-xl);font-size:15px;font-weight:600;color:var(--white);cursor:pointer;transition:background .15s,color .15s}.op-follow-btn-active{background:var(--white);border-color:var(--green);color:var(--green)}.op-stats-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;margin:12px 16px;box-shadow:var(--shadow-sm)}.op-stat-item{flex:1;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:3px}.op-stat-num{font-size:16px;font-weight:700;color:var(--text)}.op-stat-num-green{color:var(--green)}.op-stat-label{font-size:10px;color:var(--text-muted);text-align:center;line-height:1.3}.op-section{padding:0 16px;margin-bottom:12px}.op-section-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 10px}.op-achievement{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:10px}.op-achievement-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.op-achievement-title{font-size:14px;font-weight:600;color:var(--text);margin:0}.op-achievement-desc{font-size:12px;color:var(--text-muted);margin:3px 0 0}.st-page{display:flex;flex-direction:column;background:var(--bg);min-height:100%}.st-title{font-size:22px;font-weight:700;color:var(--text);margin:16px 16px 12px}.st-user-card{display:flex;align-items:center;gap:14px;background:var(--white);border-radius:var(--radius-lg);margin:0 16px 20px;padding:14px 16px;box-shadow:var(--shadow-sm)}.st-avatar-wrap{position:relative;flex-shrink:0}.st-avatar{width:52px;height:52px;border-radius:50%;background:var(--green-accent);border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--green-dark)}.st-avatar-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--green);border:2px solid var(--white);bottom:0;right:0}.st-user-info{flex:1}.st-user-name{font-size:15px;font-weight:700;color:var(--text)}.st-user-email{font-size:12px;color:var(--text-soft);margin-top:2px}.st-edit-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center}.st-section-label{font-size:12px;font-weight:600;color:var(--text-soft);padding:4px 16px 6px;margin:0}.st-group{background:var(--white);border-radius:var(--radius-lg);margin:0 16px 16px;overflow:hidden;box-shadow:var(--shadow-sm)}.st-row{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);gap:12px;background:transparent;width:100%;text-align:left;cursor:default}.st-row-btn{cursor:pointer;border:none;outline:none}.st-row-btn:active{background:var(--bg)}.st-row:last-child{border-bottom:none}.st-row-text{flex:1;display:flex;flex-direction:column;gap:2px}.st-row-label{font-size:14px;font-weight:500;color:var(--text)}.st-row-desc{font-size:11px;color:var(--text-muted)}.st-row-value{font-size:13px;color:var(--text-muted)}.st-row-arrow{font-size:16px;color:var(--text-muted);margin-left:4px;line-height:1}.st-toggle{width:51px;height:31px;border-radius:16px;flex-shrink:0;position:relative;cursor:pointer;border:none;padding:0;transition:background .2s}.st-toggle-knob{position:absolute;width:25px;height:25px;border-radius:50%;background:var(--white);top:3px;box-shadow:var(--shadow-sm);transition:left .2s}.st-toggle-on{background:var(--green)}.st-toggle-off{background:#C5CDD6}.st-toggle-on .st-toggle-knob{left:23px}.st-toggle-off .st-toggle-knob{left:3px}.st-logout-btn{margin:4px 16px 24px;height:52px;background:#FEE4E4;border-radius:var(--radius-lg);font-size:15px;font-weight:600;color:#ec4141;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;text-decoration:none;transition:background .15s}.st-logout-btn:active{background:#fcd0d0}.st-dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.st-dialog{background:var(--white);border-radius:var(--radius-lg);padding:24px 20px 20px;width:100%;box-shadow:var(--shadow-lg)}.st-dialog-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.st-dialog-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.st-dialog-label{font-size:12px;font-weight:500;color:var(--text-soft)}.st-dialog-input{height:42px;border-radius:var(--radius-sm);border:1.5px solid var(--border);padding:0 12px;font-size:14px;color:var(--text);background:var(--bg);outline:none}.st-dialog-input:focus{border-color:var(--green)}.st-dialog-error{font-size:12px;color:#ec4141;margin:0 0 4px}.st-dialog-actions{display:flex;gap:10px;margin-top:16px}.st-dialog-cancel{flex:1;height:42px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);color:var(--text-soft);font-size:14px;font-weight:500;cursor:pointer}.st-dialog-save{flex:1;height:42px;border-radius:var(--radius-sm);border:none;background:var(--green);color:var(--white);font-size:14px;font-weight:600;cursor:pointer}.st-dialog-save:active{background:var(--green-dark)}:root{--green: #10B881;--green-dark: #04855C;--green-light: #ECFDF5;--green-accent: #D1FAE5;--blue: #3982F4;--blue-light: #E0EBFE;--blue-dim: rgba(57, 130, 244, .15);--purple: #895CF4;--purple-light: #EBE4FE;--orange: #F49C0A;--orange-light: #FEF3E0;--orange-dim: rgba(244, 156, 10, .15);--yellow-light: #FFFAEC;--yellow-border:#FAE39E;--text: #13161A;--text-soft: #5B646F;--text-muted: #A5AEB8;--text-inactive:#9BA2A8;--white: #FFFFFF;--bg: #F6F7F8;--surface-soft: #F6F8FA;--green-dim: rgba(16, 184, 129, .15);--border: #E0E5EA;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 8px;--radius: 12px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .07);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .18);--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.2;--lh-normal: 1.5;--lh-relaxed: 1.65}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:#d8d8d8;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.phone-shell{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#d8d8d8;padding:32px 0 64px}.phone-frame{width:390px;height:844px;background:var(--white);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;position:relative}@media (max-width: 390px){.phone-shell,.lp-shell{padding:0;background:var(--white)}.phone-frame,.lp-phone{width:100vw;height:100dvh;min-height:100dvh}}.hdr{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:var(--white);flex-shrink:0}.hdr-logo{font-size:18px;font-weight:800;color:var(--green);text-decoration:none}.hdr-points{display:flex;align-items:center;gap:5px;background:var(--green-light);border-radius:16px;padding:0 10px;height:30px}.hdr-points-dot{width:8px;height:8px;border-radius:5px;background:var(--orange);flex-shrink:0}.hdr-points-label{font-size:11px;font-weight:600;color:var(--green-dark)}.hdr-right{display:flex;align-items:center;gap:8px}.hdr-settings-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-soft);transition:background .15s}.hdr-settings-btn:hover{background:var(--border)}.hdr-with-back{gap:0}.hdr-back{font-size:22px;font-weight:700;color:var(--text);cursor:pointer;background:none;border:none;padding:0 8px 0 0;line-height:1;text-decoration:none}.hdr-center{flex:1;text-align:center}.hdr-title{font-size:18px;font-weight:800;color:var(--text);margin:0}.hdr-subtitle{font-size:12px;color:var(--text-soft);margin:0}.hdr-left{display:flex;align-items:center;gap:8px}.hdr-back-link{display:flex;align-items:center;text-decoration:none;width:28px;font-size:22px;font-weight:700;line-height:1}.page-scroll{flex:1;overflow-y:auto;background:var(--white);scrollbar-width:none}.page-scroll::-webkit-scrollbar{display:none}.page-scroll:has(.lb-page){background:var(--bg)}.page-scroll-gray{flex:1;overflow-y:auto;background:var(--bg);scrollbar-width:none}.page-scroll-gray::-webkit-scrollbar{display:none}.page-pad{padding:12px 16px 24px;display:flex;flex-direction:column;gap:0}.bottom-nav{height:68px;background:var(--white);flex-shrink:0;border-top:1px solid var(--border)}.bottom-nav-tabs{display:flex;height:67px}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:3px;text-decoration:none;position:relative}.nav-tab-icon{width:22px;height:22px;filter:grayscale(1) opacity(.5)}.nav-tab-label{font-size:10px;font-weight:400;color:var(--text-inactive);line-height:1}.nav-tab-active .nav-tab-icon{filter:none}.nav-tab-active .nav-tab-label{color:var(--green);font-weight:600}.nav-tab-active:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--green)}.section-title{font-size:22px;font-weight:700;color:var(--text);margin:0 0 2px}.section-sub{font-size:12px;color:var(--text-soft);margin:0 0 12px}.record-list{display:flex;flex-direction:column;gap:8px}.record-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none}.record-item-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.record-item-body{flex:1;min-width:0}.record-item-title{font-size:13px;font-weight:600;color:var(--text);margin:0}.record-item-sub{font-size:11px;color:var(--text-muted);margin:2px 0 0}.record-item-right{margin-left:auto;flex-shrink:0}.record-item-badge{font-size:11px;font-weight:600;color:var(--green)}.full-btn{display:flex;align-items:center;justify-content:center;height:50px;border-radius:var(--radius);font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer}.full-btn-primary{background:var(--green);color:var(--white)}.full-btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border)}.full-btn-danger{background:#FEE4E4;color:#ec4141}.cf-page{display:flex;flex-direction:column;gap:16px}.cf-heading{font-size:22px;font-weight:700;color:var(--text);margin:0}.cf-sub{font-size:12px;color:var(--text-soft);margin:4px 0 0}.cf-field{display:flex;flex-direction:column;gap:5px}.cf-label{font-size:12px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.cf-input{height:46px;border:1px solid var(--border);border-radius:var(--radius);padding:0 14px;font-size:14px;background:var(--white);color:var(--text);width:100%}.cf-input:focus{outline:none;border-color:var(--green)}.cf-btn-primary{width:100%;height:50px;background:var(--green);border-radius:var(--radius);text-align:center;font-size:15px;font-weight:600;color:var(--white);text-decoration:none;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.cf-btn-secondary{width:100%;height:50px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;font-size:15px;font-weight:600;color:var(--text-soft);text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.grading-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:10px}.grading-answer{background:var(--green-light);border-radius:var(--radius);padding:12px;font-size:13px;color:var(--text);line-height:1.5}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;gap:12px;text-align:center}.empty-state-icon{font-size:48px}.empty-state-title{font-size:16px;font-weight:600;color:var(--text);margin:0}.empty-state-sub{font-size:13px;color:var(--text-soft);margin:0}