@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{color-scheme:dark;--bg:#11120f;--panel:#191a16;--line:#2b2c26;--muted:#85867c;--text:#e8e9df;--lime:#d1ef73;--mint:#a3ce7a;--red:#ff9d8e}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;min-height:100vh;background-image:radial-gradient(ellipse at 47% 0%,#202319 0%,transparent 49%)}
.shell{max-width:1120px;margin:auto;padding:0 40px}.topbar{height:78px;border-bottom:1px solid #292a24;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-weight:600;letter-spacing:-.2px}.brand-mark{width:30px;height:30px;border:1px solid #626b48;color:var(--lime);font-family:'DM Mono',monospace;font-size:10px;display:grid;place-items:center;border-radius:8px}.top-meta,.live-label{font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:#a5a69a;display:flex;align-items:center;gap:8px}.status-dot,.live-label span{width:6px;height:6px;border-radius:50%;background:#9e594e}.status-dot.online,.live-label span{background:var(--mint);box-shadow:0 0 9px #a3ce7a66}.intro{padding:51px 0 36px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:#a9ba73;display:flex;align-items:center;gap:9px}.eyebrow span{width:14px;height:1px;background:var(--lime)}h1{font-size:42px;line-height:1.13;letter-spacing:-1.8px;margin:18px 0 12px;font-weight:500}h1 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--lime);letter-spacing:-1px}.intro p{margin:0;color:#999a90;font-size:14px}.workspace{display:grid;grid-template-columns:1.04fr .96fr;gap:17px;align-items:stretch}.panel{background:linear-gradient(145deg,#1c1d18,#181915);border:1px solid #30312a;border-radius:12px;padding:24px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-head>div{display:flex;align-items:center;gap:10px}.step{font:10px 'DM Mono',monospace;color:#a8bc71;border:1px solid #414936;border-radius:5px;padding:5px 6px}h2{margin:0;font-size:16px;font-weight:600;letter-spacing:-.3px}.panel-note{font-size:11px;color:#83847b}.live-label{font-size:9px;color:#8e9a78}label{font-size:11px;color:#c4c5b9;display:block;margin-bottom:8px}label span{color:#76776e;font-size:10px;margin-left:5px}.code-input,input,select{width:100%;border:1px solid #35362f;background:#12130f;color:#d8d9cf;border-radius:7px;outline:none;font:12px 'DM Mono',monospace;transition:border .15s}.code-input:focus,input:focus,select:focus{border-color:#87945c}.code-input{padding:12px;resize:vertical;line-height:1.65}.state-input{height:143px;margin-bottom:19px}.criteria-input{height:112px}.form-row{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-bottom:18px}input,select{height:39px;padding:0 11px;font:12px 'DM Sans',sans-serif}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#85867c 50%),linear-gradient(135deg,#85867c 50%,transparent 50%);background-position:calc(100% - 14px) 16px,calc(100% - 10px) 16px;background-size:4px 4px;background-repeat:no-repeat}.run-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.shortcut{color:#74756d;font:9px 'DM Mono',monospace}button{height:40px;border:0;border-radius:6px;padding:0 13px 0 16px;background:var(--lime);color:#232719;font-weight:700;font-size:11px;display:flex;align-items:center;gap:18px;cursor:pointer}button:hover{background:#defa8c}.arrow{font-size:15px}.output-panel{display:flex;flex-direction:column}.result-area{flex:1;min-height:370px;display:flex;flex-direction:column}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.empty-icon{width:42px;height:42px;border:1px solid #3d4231;color:#a5bd67;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:15px}.empty-state h3{font-size:13px;font-weight:600;margin:0 0 7px}.empty-state p{max-width:235px;color:#83847b;font-size:11px;line-height:1.6;margin:0}.checkpoint-foot{border-top:1px solid #2c2d27;padding-top:15px;display:flex;gap:10px;align-items:center;color:#aaba76}.checkpoint-icon{font-size:16px}.checkpoint-foot b{display:block;color:#9b9c91;font-size:10px;font-weight:500;margin-bottom:4px}.checkpoint-foot code{font:9px 'DM Mono',monospace;color:#686a60;overflow-wrap:anywhere}.result-content{width:100%;padding-top:0}.answer-card{padding:17px;background:#22251a;border:1px solid #424934;border-radius:8px;margin-bottom:21px}.answer-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.answer-label{font:9px 'DM Mono',monospace;letter-spacing:.1em;color:#a6bb6d}.confidence{font:9px 'DM Mono',monospace;color:#b7c596;background:#313a25;padding:5px 7px;border-radius:4px}.answer-card h3{font-size:20px;letter-spacing:-.5px;margin:15px 0 5px}.answer-id{font:9px 'DM Mono',monospace;color:#7f8175}.breakdown-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.breakdown-head h3{font-size:11px;margin:0;font-weight:600}.breakdown-head span{font:9px 'DM Mono',monospace;color:#77796e}.prob-list{display:grid;gap:13px}.prob-title{display:flex;justify-content:space-between;gap:12px;color:#b3b4a9;font-size:10px;margin-bottom:6px}.prob-title b{font:10px 'DM Mono',monospace;color:#d1d2c8}.track{height:4px;background:#30312b;border-radius:8px;overflow:hidden}.track span{height:100%;display:block;background:#6f7951;border-radius:8px}.track span.winner{background:var(--lime)}.score-note{margin-top:16px;font-size:10px;color:#929388}.score-note b{color:var(--lime);font:11px 'DM Mono',monospace;margin-left:6px}.yesno h3{color:var(--lime)}.error-card{display:flex;gap:12px;padding:15px;border:1px solid #603b35;background:#261a18;border-radius:8px;color:#f3c2b9}.error-icon{width:22px;height:22px;border:1px solid #8d574c;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.error-card strong{font-size:11px}.error-card p{font-size:10px;line-height:1.6;color:#d7a79e;overflow-wrap:anywhere;margin:6px 0 0}footer{display:flex;justify-content:space-between;padding:24px 1px 32px;color:#63645c;font:9px 'DM Mono',monospace;letter-spacing:.07em}footer i{color:#a6bb6d;font-style:normal;margin:0 3px}
@media(max-width:760px){.shell{padding:0 18px}.intro{padding:40px 0 28px}h1{font-size:34px}.workspace{grid-template-columns:1fr}.panel{padding:19px}.result-area{min-height:290px}.panel-note{display:none}}
.example-select{margin-bottom:0;color:#c8cbb9}.example-spacer{height:18px}.loading-state{flex:1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-logo{width:56px;height:56px;border:1px solid #53603d;border-radius:16px;display:grid;place-items:center;position:relative;margin-bottom:19px;background:#1d2118;color:var(--lime);font:11px 'DM Mono',monospace;letter-spacing:.04em}.loading-logo:before{content:"";position:absolute;inset:-5px;border:1px solid transparent;border-top-color:var(--lime);border-right-color:#829357;border-radius:20px;animation:loading-spin 1.1s linear infinite}.loading-logo:after{content:"";position:absolute;inset:4px;border:1px solid #3a4130;border-radius:12px}.loading-logo span{position:relative;z-index:1}.loading-state h3{font-size:13px;margin:0 0 6px;font-weight:600}.loading-state p{font:10px 'DM Mono',monospace;color:#85877a;margin:0}.loading-state p:after{content:"";display:inline-block;width:14px;text-align:left;animation:loading-dots 1.2s steps(4,end) infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
.signal-card{padding:13px;margin:0 0 20px;background:#1c1e18;border:1px solid #34382b;border-radius:7px}.signal-card .breakdown-head{margin-bottom:12px}.signal-card .prob-list{gap:10px}.signal-card .track span{background:#a6bb6d}.signal-note{font-size:9px;line-height:1.5;color:#83847b;margin:12px 0 0}
.benchmark{margin:0 0 24px;padding:24px;background:linear-gradient(135deg,#1d2018,#171814);border:1px solid #34382b;border-radius:12px}.benchmark-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:19px}.benchmark-heading h2{font-size:20px;letter-spacing:-.6px;margin:11px 0 5px}.benchmark-heading p,.benchmark-caveat{margin:0;color:#85867c;font-size:10px}.benchmark-chip{font:9px 'DM Mono',monospace;color:#b4c28d;border:1px solid #3d4630;border-radius:20px;padding:7px 10px;white-space:nowrap}.benchmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.benchmark-card{min-width:0;padding:16px;background:#141510;border:1px solid #33362c;border-radius:8px}.benchmark-card.reference{border-color:#444c35}.benchmark-card.pending{border-style:dashed;background:#171813}.benchmark-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:43px}.model-name{display:block;font-size:11px;font-weight:600}.model-mode{display:block;margin-top:4px;color:#898b7e;font:9px 'DM Mono',monospace}.accuracy-badge{font:19px 'DM Mono',monospace;color:var(--lime);white-space:nowrap}.accuracy-badge small{font-size:10px}.metric-trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;margin:14px 0 15px;padding:10px 0;border-top:1px solid #2a2b25;border-bottom:1px solid #2a2b25}.metric-trio div span{display:block;color:#77796f;font-size:8px;margin-bottom:5px}.metric-trio b{font:10px 'DM Mono',monospace;color:#d6d8cc;white-space:nowrap}.metric-trio small{font-size:8px;color:#8a8c80}.task-accuracy{display:grid;gap:8px}.task-row{display:grid;grid-template-columns:60px 1fr 36px;gap:7px;align-items:center;font-size:9px;color:#9c9e91}.task-row>b{text-align:right;font:9px 'DM Mono',monospace;color:#c9cbbf}.task-track{height:4px;background:#2b2d26;border-radius:5px;overflow:hidden}.task-track i{display:block;height:100%;background:#87965b;border-radius:5px}.reference .task-track i{background:#bacb7a}.pending-tag{font:8px 'DM Mono',monospace;color:#c1b58a;border:1px solid #514b34;border-radius:4px;padding:5px 6px}.pending-copy{margin:19px 0 12px;max-width:250px;color:#aaa99a;font-size:10px;line-height:1.6}.benchmark-foot{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:#b4c28d;font-size:10px}.benchmark-foot span:last-child{font:8px 'DM Mono',monospace;color:#77796f;text-align:right}.benchmark-caveat{margin-top:10px;font-size:9px;line-height:1.5}@media(max-width:760px){.benchmark{padding:18px}.benchmark-grid{grid-template-columns:1fr}.benchmark-heading{align-items:flex-start}.benchmark-foot{flex-direction:column}.benchmark-foot span:last-child{text-align:left}}
.benchmark-entry{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin:-15px 0 22px}.benchmark-entry-note{color:#85867c;font:9px 'DM Mono',monospace}.benchmark-launch{height:34px;padding:0 11px 0 13px;gap:13px;border:1px solid #49523a;border-radius:6px;background:#202319;color:var(--lime);font-size:10px}.benchmark-launch:hover{background:#292e20}.benchmark-launch span{font-size:13px}.benchmark-dialog{width:min(900px,calc(100vw - 32px));max-width:none;max-height:min(88vh,820px);padding:26px;border:1px solid #3d4133;border-radius:12px;background:#171814;color:var(--text);box-shadow:0 24px 90px #000a}.benchmark-dialog::backdrop{background:#070805c9;backdrop-filter:blur(4px)}.benchmark-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.benchmark-modal-head h2{font-size:22px;margin:10px 0 5px}.benchmark-modal-head p{font-size:10px;color:#85867c;margin:0}.benchmark-close{width:32px;height:32px;padding:0;justify-content:center;border:1px solid #383a31;border-radius:6px;background:#20211c;color:#c7c9bc;font-size:22px;font-weight:400}.benchmark-close:hover{background:#303128}.benchmark-table-wrap{overflow-x:auto;border:1px solid #303129;border-radius:8px}.benchmark-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px;white-space:nowrap}.benchmark-table th,.benchmark-table td{padding:12px 13px;border-bottom:1px solid #2b2c25}.benchmark-table thead th{background:#20211c;color:#85877c;font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.06em}.benchmark-table tbody th{font-weight:600;color:#e4e6d9}.benchmark-table tbody td{color:#a9ab9f}.benchmark-table tbody tr:last-child th,.benchmark-table tbody tr:last-child td{border-bottom:0}.benchmark-table .table-accuracy{font:13px 'DM Mono',monospace;color:var(--lime)}.unmeasured-row th,.unmeasured-row td{color:#898a7e!important}.pending-tag{display:inline-block;padding:5px 7px;border:1px solid #514b34;border-radius:4px;color:#c1b58a;font:8px 'DM Mono',monospace}.task-chart{margin-top:23px;padding:17px;border:1px solid #303129;border-radius:8px;background:#141510}.task-chart-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.task-chart-head h3{font-size:12px;margin:0 0 5px}.task-chart-head p{font-size:9px;color:#77796f;margin:0}.chart-legend{display:flex;gap:12px;color:#999b8e;font-size:8px}.chart-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.legend-cm:before{background:#b8d477}.legend-qwen:before{background:#8292ae}.chart-row{display:grid;grid-template-columns:110px minmax(100px,1fr) 100px;align-items:center;gap:12px;margin-top:13px;color:#aeb0a4;font-size:9px}.chart-bars{display:grid;gap:4px}.chart-bar-line{height:5px;background:#2b2c25;border-radius:5px;overflow:hidden}.chart-bar-line i{display:block;height:100%;border-radius:5px}.cm-bar{background:#b8d477}.qwen-bar{background:#8292ae}.chart-row>b{font:9px 'DM Mono',monospace;color:#cbcdc0;text-align:right}.chart-row>b small{font-size:8px;color:#6e7067}.benchmark-modal-foot{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#b6c687;font-size:9px}.benchmark-modal-foot span:last-child{color:#77796f;text-align:right;font:8px 'DM Mono',monospace}.benchmark-caveat{margin:9px 0 0;color:#77796f;font-size:9px}@media(max-width:760px){.benchmark-entry{margin:-8px 0 20px}.benchmark-dialog{padding:18px}.benchmark-modal-head h2{font-size:19px}.chart-row{grid-template-columns:78px minmax(80px,1fr) 75px;gap:7px}.chart-legend{flex-direction:column;gap:5px}.benchmark-modal-foot{flex-direction:column}.benchmark-modal-foot span:last-child{text-align:left}}
.benchmark-parameters{margin:-3px 0 18px;padding:11px 13px;border:1px solid #3d4630;border-radius:7px;background:#202319;color:#d6d8cc;font:10px 'DM Mono',monospace;line-height:1.6}.benchmark-parameters strong{color:var(--lime);font-weight:600}.benchmark-parameters span{display:block;color:#999d8d;font-size:9px}
.chart-legend{max-width:52%;flex-wrap:wrap;justify-content:flex-end}.chart-legend span{display:inline-flex;align-items:center}.legend-concept-memory:before{background:#b8d477}.legend-qwen-zero-shot:before{background:#8292ae}.legend-qwen-one-shot:before{background:#d39b70}.chart-row{grid-template-columns:110px minmax(100px,1fr)}.chart-bars{gap:6px}.chart-bar-line{display:grid;grid-template-columns:minmax(30px,1fr) 30px;align-items:center;gap:7px;background:none;overflow:visible}.chart-bar-line:before{content:none}.chart-bar-line i{height:5px;background:#60645a}.chart-bar-line .bar-concept-memory{background:#b8d477}.chart-bar-line .bar-qwen-zero-shot{background:#8292ae}.chart-bar-line .bar-qwen-one-shot{background:#d39b70}.chart-bar-line b{font:8px 'DM Mono',monospace;color:#aeb0a4;text-align:right}
.alternate-benchmark{margin-top:24px;padding-top:22px;border-top:1px solid #303129}.alternate-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}.alternate-head h3{font-size:13px;margin:0 0 5px}.alternate-head p{font-size:9px;color:#85867c;margin:0}.alternate-chart{margin-top:12px}.legend-concept-memory-with-bank:before{background:#b8d477}.legend-concept-memory-without-bank:before{background:#8aaf9b}.chart-bar-line .bar-concept-memory-with-bank{background:#b8d477}.chart-bar-line .bar-concept-memory-without-bank{background:#8aaf9b}
.legend-laya:before{background:#c99ce3}.chart-bar-line .bar-laya{background:#c99ce3}