:root{color:#1b2925;background:#f2f4f1;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;--ink: #1b2925;--muted: #66736f;--line: #d9dfda;--paper: #ffffff;--green: #176b55;--green-dark: #0f5141;--green-pale: #e8f2ee;--amber: #c78021;--amber-pale: #fbf2df;--blue: #4e7082;--blue-pale: #eaf0f3;--red: #a94437;--red-pale: #f9ebe8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit;letter-spacing:0}button,label,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:3px solid rgba(23,107,85,.28);outline-offset:2px}.app-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner,.workspace{width:min(1080px,calc(100% - 40px));margin:0 auto}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-block{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#fff;font-family:Songti SC,SimSun,serif;font-size:23px;font-weight:700}h1{margin:0;font-family:Songti SC,SimSun,serif;font-size:25px;line-height:1;letter-spacing:0}.brand-block p{margin:6px 0 0;color:var(--muted);font-size:12px}.privacy-note{font-size:13px;color:var(--muted)}.privacy-note span{color:var(--green);font-size:9px}.workspace{padding:32px 0 56px;display:grid;gap:18px}.work-section{background:var(--paper);border:1px solid var(--line);padding:26px 28px;box-shadow:0 5px 20px #1f342d0a}.usage-guide{background:var(--paper);border:1px solid var(--line);box-shadow:0 5px 20px #1f342d0a}.usage-guide summary{min-height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.usage-guide summary::-webkit-details-marker{display:none}.usage-guide summary:hover{background:#fafbf9}.usage-guide summary:focus-visible{outline:3px solid rgba(23,107,85,.28);outline-offset:-3px}.guide-title{min-width:0;display:flex;align-items:baseline;gap:12px}.guide-title b{font-size:15px}.guide-title small{color:var(--muted);font-size:12px}.usage-guide summary>i{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;color:var(--green);background:var(--green-pale);font: 18px/1 system-ui,sans-serif;transition:transform .18s}.usage-guide[open] summary{border-bottom:1px solid var(--line)}.usage-guide[open] summary>i{transform:rotate(45deg)}.guide-content{padding:20px 22px 22px}.guide-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.guide-steps li{min-width:0;display:grid;grid-template-columns:28px 1fr;gap:9px;padding:3px 17px;border-right:1px solid var(--line)}.guide-steps li:first-child{padding-left:0}.guide-steps li:last-child{padding-right:0;border-right:0}.guide-number{width:24px;height:24px;display:grid;place-items:center;color:#fff;background:var(--green);font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.guide-steps strong{font-size:13px}.guide-steps p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.mode-note{margin-top:18px;padding:11px 13px;display:flex;align-items:center;gap:20px;color:#3d5967;background:var(--blue-pale);font-size:12px}.mode-note>strong{color:var(--ink)}.mode-note span b{font-weight:600}.section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:22px}.section-heading.compact{margin-bottom:0}.step-number{color:var(--green);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;padding-top:5px}.section-heading h2{margin:0;font-size:18px;line-height:1.35}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.drop-zone{min-height:150px;border:1.5px dashed #a9b5af;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;background:#fafbf9;transition:border-color .18s,background .18s}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--green);background:var(--green-pale)}.drop-zone strong{font-size:15px}.drop-zone>span:last-child{color:var(--muted);font-size:12px}.upload-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--green);background:var(--green-pale);font-size:22px;margin-bottom:3px}.file-status{display:flex;align-items:center;gap:12px;min-height:58px;margin-top:14px;padding:10px 12px;border:1px solid #cfe0da;background:#f7fbf9}.file-status>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.file-status strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:560px}.file-status small{margin-top:3px;color:var(--muted)}.file-badge{flex:0 0 34px;height:34px;display:grid;place-items:center;color:var(--green);background:var(--green-pale);font-weight:700}.success-label{margin-left:auto;color:var(--green);font-size:12px;white-space:nowrap}.status-dot{width:10px;height:10px;border:2px solid var(--green);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.warning-box,.error-message{margin-top:12px;padding:11px 13px;font-size:13px;line-height:1.5}.warning-box{color:#765315;background:var(--amber-pale);border-left:3px solid var(--amber)}.error-message{color:#79352d;background:var(--red-pale);border-left:3px solid var(--red)}.settings-grid{display:grid;grid-template-columns:210px 1fr;gap:26px}.field-block>label,.mode-field legend{display:block;margin-bottom:9px;font-size:13px;font-weight:600}.number-field{width:100%;height:66px;display:grid;grid-template-columns:44px 1fr 44px;border:1px solid var(--line);background:#fafbf9}.number-field button{border:0;background:transparent;color:var(--green);font-size:20px;cursor:pointer}.number-field button:hover{background:var(--green-pale)}.number-field input{width:100%;min-width:0;border:0;border-inline:1px solid var(--line);text-align:center;font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);background:#fff}.number-field input::-webkit-inner-spin-button{display:none}.mode-field{margin:0;padding:0;border:0;min-width:0}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-option{position:relative;min-height:66px;display:flex;align-items:center;padding:11px 13px;border:1px solid var(--line);cursor:pointer;background:#fafbf9}.mode-option:has(input:checked){border:2px solid var(--green);padding:10px 12px;background:var(--green-pale)}.mode-option input{width:16px;height:16px;margin:0 10px 0 0;accent-color:var(--green)}.mode-option span{min-width:0;display:flex;flex-direction:column}.mode-option strong{font-size:14px}.mode-option small{color:var(--muted);font-size:11px;margin-top:3px}.serpentine-trace{display:block;margin-top:5px;color:var(--green);font: 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.larger-classes{margin-top:22px;padding:17px;border:1px solid #dfd5c3;background:#fdfaf3}.choice-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.choice-header h3{margin:0;font-size:14px}.choice-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.choice-progress{flex:0 0 auto;color:#795719;background:var(--amber-pale);padding:5px 8px;font-size:11px}.choice-progress.is-complete{color:var(--green);background:var(--green-pale)}.class-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:13px}.class-check{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8c8ad;background:#fff;cursor:pointer;font-size:13px}.class-check:has(input:checked){color:var(--green-dark);border-color:var(--green);background:var(--green-pale);font-weight:600}.class-check:has(input:disabled){opacity:.45;cursor:not-allowed}.class-check input{accent-color:var(--green)}.primary-button{width:100%;height:50px;margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;color:#fff;background:var(--green);font-weight:700;cursor:pointer}.primary-button:hover:not(:disabled){background:var(--green-dark)}.primary-button:disabled{cursor:not-allowed;background:#b6c0bc}.primary-button span{font-size:18px}.results-heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.secondary-button{min-height:40px;padding:0 15px;border:1px solid var(--green);background:#fff;color:var(--green-dark);font-weight:600;cursor:pointer}.secondary-button:hover{background:var(--green-pale)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.stat-card{padding:14px;border-top:4px solid var(--green);background:var(--green-pale)}.stat-card.stat-1{border-color:var(--amber);background:var(--amber-pale)}.stat-card.stat-2{border-color:var(--blue);background:var(--blue-pale)}.stat-card>div{display:flex;align-items:center;justify-content:space-between}.stat-card>div strong{font-size:15px}.stat-card>div span,.stat-card small,.stat-card p span{color:var(--muted);font-size:11px}.stat-card p{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 4px}.stat-card b{font:700 24px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin:24px 0 9px}.table-toolbar label{font-size:13px;font-weight:600}.table-toolbar select{height:36px;min-width:130px;border:1px solid var(--line);padding:0 30px 0 10px;background:#fff;color:var(--ink)}.table-wrap{overflow-x:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:560px;font-size:13px}th,td{padding:11px 14px;text-align:left;border-bottom:1px solid #e7ebe8}th{color:var(--muted);background:#f7f8f6;font-size:11px;font-weight:600}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbf9}.rank-cell{font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.class-pill{display:inline-block;min-width:44px;padding:4px 7px;text-align:center;color:var(--green-dark);background:var(--green-pale);font-size:11px}footer{padding:0 20px 28px;text-align:center;color:#7d8985;font-size:11px;line-height:1.6}footer p{margin:3px 0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:720px){.header-inner,.workspace{width:min(100% - 24px,1080px)}.header-inner{min-height:70px}.privacy-note{display:none}.workspace{padding-top:18px;gap:12px}.work-section{padding:20px 16px}.usage-guide summary{min-height:60px;padding:0 16px}.guide-title{flex-direction:column;align-items:flex-start;gap:3px}.guide-content{padding:18px 16px}.guide-steps{grid-template-columns:1fr;gap:14px}.guide-steps li,.guide-steps li:first-child,.guide-steps li:last-child{padding:0;border-right:0}.mode-note{align-items:flex-start;flex-direction:column;gap:6px}.settings-grid{grid-template-columns:1fr;gap:18px}.mode-options{grid-template-columns:1fr}.results-heading-row{align-items:flex-start}.secondary-button{white-space:nowrap}.file-status strong{max-width:190px}}@media(max-width:440px){.brand-mark{width:38px;height:38px}h1{font-size:22px}.drop-zone{min-height:132px}.choice-header{align-items:flex-start}.class-checks{grid-template-columns:repeat(2,1fr)}.results-heading-row{flex-direction:column}.secondary-button{width:100%}.stats-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}