:root{color-scheme:light;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;background-color:#f7f9fb;color:#0f172a}body{margin:0;background-color:inherit;padding:48px 0 0}*{box-sizing:border-box}.global-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;height:48px}.global-nav__inner{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;height:100%;gap:20px}.global-nav__brand{font-weight:700;font-size:.95rem;color:#1e40af;white-space:nowrap}.global-nav__links{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}.global-nav__link{padding:6px 10px;font-size:.82rem;color:#475569;text-decoration:none;border-radius:6px;white-space:nowrap;transition:background .15s}.global-nav__link:hover{background:#f1f5f9;color:#1e40af}.global-nav__link--active{background:#dbeafe;color:#1e40af;font-weight:600}.page{max-width:1120px;margin:0 auto;padding:32px 24px 64px}.page__header{margin-bottom:32px}.page__header h1{margin:0 0 8px;font-size:2rem}.page__header p{margin:0;color:#475569}.page__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.page__alert{margin-top:12px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;padding:10px 14px;border-radius:12px;font-size:.9rem;display:grid;grid-gap:6px;gap:6px}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}.modal__panel{background:#ffffff;border-radius:16px;padding:24px;width:min(420px,100%);box-shadow:0 20px 50px rgba(15,23,42,.2);display:grid;grid-gap:16px;gap:16px}.modal__header{display:flex;align-items:center;justify-content:space-between}.modal__header h3{margin:0;font-size:1.1rem}.modal__close{border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:#64748b}.modal__hint{margin:0;color:#475569;font-size:.9rem}.modal__label{font-size:.85rem;color:#334155;margin-bottom:4px;display:block}.modal__input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #cbd5f5;font-size:.9rem}.modal__actions{display:flex;gap:12px;margin-top:12px}.modal__primary{flex:1 1;border:none;background:#2563eb;color:#ffffff;border-radius:10px}.modal__ghost,.modal__primary{padding:10px 12px;cursor:pointer}.modal__ghost{border:1px solid #cbd5f5;background:#ffffff;color:#475569;border-radius:10px}.page__version{font-size:.85rem;color:#64748b}.page__key-button{border:1px solid #cbd5f5;background:#ffffff;color:#1d4ed8;padding:6px 12px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.page__key-button:hover{background-color:#e0f2fe;color:#1e40af}.page__warning{background-color:#fef2f2;color:#b91c1c;padding:4px 10px;border-radius:999px;font-size:.8rem}.page__content{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.asset-toggle{display:inline-flex;gap:8px;padding:4px;border-radius:999px;background-color:#e2e8f0;margin-bottom:24px}.asset-toggle__button{border:none;background:transparent;padding:8px 16px;border-radius:999px;font-size:.95rem;cursor:pointer;color:#0f172a;transition:background-color .2s ease,color .2s ease}.asset-toggle__button:hover{background-color:#cbd5f5}.asset-toggle__button--active{background-color:#2563eb;color:#ffffff}.prediction-card{background-color:#ffffff;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.08);min-height:320px}.prediction-card__header{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:16px}.prediction-card__badge{background-color:#e0f2fe;color:#1d4ed8;padding:4px 12px;border-radius:999px;font-size:.85rem}.prediction-card__badge--mode{background-color:#fef3c7;color:#92400e}.prediction-card__source-details{border:1px solid #e2e8f0;background-color:#f8fafc;border-radius:999px;padding:4px 12px;font-size:.8rem;color:#334155}.prediction-card__source-details summary{cursor:pointer;font-weight:600;list-style:none}.prediction-card__source-details summary::-webkit-details-marker{display:none}.prediction-card__source-details[open]{border-radius:12px}.prediction-card__source-details ul{margin:8px 0 0;padding-left:16px;display:grid;grid-gap:4px;gap:4px;color:#475569}.prediction-card__source-details p{margin:8px 0 0;color:#64748b}.prediction-card__toggle{margin-left:auto;border:none;background:#1d4ed8;color:#ffffff;padding:6px 12px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:opacity .2s ease}.prediction-card__export{border:1px solid #cbd5f5;background:#ffffff;color:#1d4ed8;padding:6px 12px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.prediction-card__export:hover{background-color:#e0f2fe;color:#1e40af}.prediction-card__toggle:hover{opacity:.85}.prediction-card__summary{background-color:#f8fafc;border-radius:12px;padding:12px 16px;display:grid;grid-gap:6px;gap:6px}.prediction-card__summary-text{margin:0;color:#0f172a;font-size:.9rem}.prediction-card__summary-hint{margin:0;color:#64748b;font-size:.85rem}.prediction-card__summary-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#475569}.prediction-card__intent-tags{display:flex;gap:8px}.prediction-card__intent-tag{border:1px solid #cbd5f5;background:#ffffff;color:#1e293b;padding:4px 10px;border-radius:999px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.prediction-card__intent-tag:hover{border-color:#2563eb;color:#2563eb}.prediction-card__intent-tag--active{background-color:#2563eb;color:#ffffff;border-color:#2563eb}.prediction-card__status{margin:16px 0;color:#475569}.prediction-card__error{margin:16px 0;color:#dc2626}.prediction-card__content{display:flex;flex-direction:column;gap:16px}.prediction-card__split{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.prediction-card__split,.prediction-card__split-column{display:grid;grid-gap:16px;gap:16px}.prediction-card__metrics{display:grid;grid-gap:12px;gap:12px;margin:0}.prediction-card__metrics div{display:flex;justify-content:space-between;background-color:#f1f5f9;padding:12px 16px;border-radius:12px}.prediction-card__metrics dt{font-weight:600}.prediction-card__metrics dd{margin:0}.prediction-card__commentary,.prediction-card__models,.prediction-card__snippets{background-color:#f8fafc;padding:16px;border-radius:12px}.prediction-card__snippets ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.prediction-card__snippets li{display:grid;grid-gap:6px;gap:6px;padding:12px;border-radius:12px;background-color:#ffffff;border:1px solid #e2e8f0}.prediction-card__snippet-text{font-size:.9rem;color:#0f172a;line-height:1.5}.prediction-card__snippet-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#64748b}.prediction-card__charts{display:grid;grid-gap:16px;gap:16px}.prediction-chart{background-color:#f8fafc;padding:16px;border-radius:12px}.prediction-chart__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:12px}.prediction-chart__header h4{margin:0;font-size:1rem}.prediction-chart__header span{color:#64748b;font-size:.85rem}.bars{display:grid;grid-gap:10px;gap:10px}.bars__row{display:grid;grid-template-columns:90px 1fr 60px;grid-gap:12px;gap:12px;align-items:center;font-size:.9rem}.bars__label{font-weight:600;color:#0f172a}.bars__bar{background-color:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.bars__fill{display:block;height:100%;border-radius:inherit}.bars__value{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.heatmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px}.heatmap__cell{padding:10px 12px;border-radius:12px;color:#ffffff;font-size:.85rem;font-weight:600}.distribution{display:grid;grid-gap:10px;gap:10px}.distribution__bar{display:grid;grid-template-columns:70px 1fr;grid-gap:12px;gap:12px;align-items:center;font-size:.85rem}.distribution__label{color:#334155;font-weight:600}.distribution__track{background-color:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.distribution__fill{display:block;height:100%;background-color:#22c55e;border-radius:inherit}.prediction-card__models ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.prediction-card__models li{display:flex;justify-content:space-between;font-size:.95rem}.prediction-card__extra{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.chat-panel{background-color:#ffffff;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.08);min-height:320px}.chat-panel__header{margin-bottom:16px}.chat-panel__hint{margin:4px 0 0;color:#64748b;font-size:.9rem}.chat-panel__messages{max-height:320px;overflow-y:auto;display:grid;grid-gap:12px;gap:12px;margin-bottom:16px}.chat-panel__message{padding:12px 16px;border-radius:12px;line-height:1.5}.chat-panel__message--user{background-color:#e0f2fe;color:#0f172a;justify-self:end;max-width:85%}.chat-panel__message--assistant{background-color:#ede9fe;color:#3730a3;justify-self:start;max-width:85%}.chat-panel__message--system{background-color:#fef3c7;color:#92400e;justify-self:center;max-width:90%}.chat-panel__message--active{border:1px solid #2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.1)}.chat-panel__empty{color:#64748b;margin:0}.chat-panel__form{display:grid;grid-gap:8px;gap:8px}.chat-panel__label{font-size:.9rem;color:#475569}.chat-panel__input-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.chat-panel__input-row input{padding:12px;border-radius:12px;border:1px solid #cbd5f5;font-size:1rem}.chat-panel__input-row button{padding:12px 24px;border-radius:12px;border:none;background-color:#2563eb;color:#ffffff;font-weight:600;cursor:pointer;transition:transform .2s ease}.chat-panel__input-row button:disabled{background-color:#93c5fd;cursor:not-allowed}.chat-panel__input-row button:not(:disabled):hover{transform:translateY(-1px)}.chat-panel__error{margin:0;color:#dc2626;font-size:.9rem}.handwriting-card{background-color:#ffffff;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.08);display:grid;grid-gap:16px;gap:16px}.handwriting-card h3{margin:0 0 6px}.handwriting-card p{margin:0;color:#64748b;font-size:.9rem}.handwriting-card canvas{border:1px dashed #cbd5f5;border-radius:12px;background:#f8fafc;touch-action:none}.handwriting-card__actions{display:flex;gap:12px}.handwriting-card__actions button{border:none;background:#2563eb;color:#ffffff;padding:8px 16px;border-radius:999px;cursor:pointer}.handwriting-card__actions button:first-child{background:#e2e8f0;color:#1e293b}.handwriting-card__status{font-size:.85rem;color:#475569}@media (max-width:768px){.page{padding:24px 16px 48px}.page__content{grid-template-columns:1fr}.chat-panel,.prediction-card{min-height:0}}.feedback-form{display:grid;grid-gap:16px;gap:16px;margin-top:12px}.feedback-form form{display:grid;grid-gap:12px;gap:12px}.feedback-form__row{display:flex;flex-wrap:wrap;gap:16px}.feedback-form__rating{border:none;padding:0;margin:0;display:flex;gap:12px;align-items:center}.feedback-form__rating legend{font-weight:600;margin-right:8px}.feedback-form__rating label{display:flex;align-items:center;gap:4px;font-size:.9rem}.feedback-form__select{display:grid;font-size:.9rem;color:#334155}.feedback-form__select select{margin-top:4px;padding:8px;border-radius:8px;border:1px solid #cbd5f5}.feedback-form__comment{display:grid;grid-gap:4px;gap:4px;font-size:.9rem}.feedback-form__comment textarea{padding:10px;border-radius:12px;border:1px solid #cbd5f5;resize:vertical}.feedback-form__actions{display:flex;align-items:center;gap:12px}.feedback-form__actions button{padding:10px 20px;border-radius:999px;border:none;background-color:#2563eb;color:#ffffff;font-weight:600;cursor:pointer}.feedback-form__actions button:disabled{background-color:#93c5fd;cursor:not-allowed}.feedback-form__error{color:#dc2626;font-size:.85rem}.feedback-form__success{color:#047857;font-size:.85rem}.feedback-form__history{background-color:#f8fafc;border-radius:12px;padding:12px}.feedback-form__history h4{margin:0 0 8px;font-size:1rem}.feedback-form__history ul{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.feedback-form__history li{font-size:.9rem;display:grid;grid-gap:4px;gap:4px}.feedback-form__history-meta{color:#64748b;font-size:.85rem}.tab-bar{display:flex;gap:6px;flex-wrap:wrap;padding:4px 0 12px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.tab-btn{padding:7px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155;font-size:.88rem;cursor:pointer;transition:all .15s}.tab-btn:hover{background:#e2e8f0}.tab-btn--active{background:#1e40af;color:#fff;border-color:#1e40af}.filter-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.filter-item{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:.82rem;color:#64748b;font-weight:500}.filter-input{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;background:#f8fafc;min-width:120px}.filter-input:focus{outline:2px solid #3b82f6;border-color:transparent}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 8px}.btn{padding:7px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn:hover{opacity:.85}.btn--primary{background:#2563eb;color:#fff}.btn--teal{background:#0d9488;color:#fff}.btn--purple{background:#7c3aed;color:#fff}.btn--orange{background:#ea580c;color:#fff}.btn--danger{background:#dc2626;color:#fff}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 20px;margin-bottom:16px}.card__title{font-size:1.05rem;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card__badge{font-size:.78rem;padding:2px 8px;border-radius:12px;background:#dbeafe;color:#1e40af}.table-wrap{overflow-x:auto;margin:8px 0}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table td,.data-table th{padding:8px 10px;border-bottom:1px solid #e2e8f0;text-align:left}.data-table th{background:#f1f5f9;font-weight:600;color:#475569;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em}.data-table tr:hover td{background:#f8fafc}.json-block{background:#1e293b;color:#e2e8f0;padding:12px 14px;border-radius:8px;font-size:.82rem;overflow-x:auto;max-height:400px;white-space:pre-wrap;word-break:break-all;margin:8px 0}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.tag-btn{padding:4px 10px;border-radius:14px;border:1px solid #cbd5e1;background:#f8fafc;font-size:.82rem;cursor:pointer;transition:all .15s}.tag-btn:hover{background:#e2e8f0}.tag-btn--active{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.score-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.8rem;font-weight:600}.trend-badge{font-size:.82rem}.mono{font-family:SF Mono,Cascadia Code,Fira Code,monospace}.text-green{color:#16a34a}.text-red{color:#dc2626}.mt-12{margin-top:12px}.cursor-pointer{cursor:pointer}.success-banner{padding:8px 14px;background:#dcfce7;color:#166534;border-radius:8px;margin-bottom:12px;font-size:.9rem}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.report-card{padding:14px;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;text-align:center;transition:all .15s}.report-card:hover{border-color:#93c5fd;background:#eff6ff}.report-card--active{border-color:#2563eb;background:#dbeafe}.report-card__icon{font-size:1.6rem;margin-bottom:6px}.report-card__label{font-weight:600;font-size:.9rem;margin-bottom:4px}.report-card__desc{font-size:.78rem;color:#64748b}.report-content{margin-top:12px}.weight-grid{display:grid;grid-gap:8px;gap:8px;margin:8px 0 12px}.weight-item{display:flex;align-items:center;gap:10px}.weight-name{min-width:100px;font-size:.85rem;font-weight:500;color:#334155}.weight-bar{flex:1 1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.weight-fill{height:100%;background:#2563eb;border-radius:4px;transition:width .3s}.weight-value{font-size:.82rem;font-family:SF Mono,monospace;color:#475569;min-width:50px;text-align:right}.kv-grid{display:grid;grid-template-columns:120px 1fr;grid-gap:4px 12px;gap:4px 12px;margin:8px 0 12px;font-size:.88rem}.kv-label{color:#64748b;font-weight:500}.kv-value{color:#1e293b}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:8px;gap:8px;margin:8px 0 12px}.topic-btn{padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;text-align:left;transition:all .15s}.topic-btn:hover{border-color:#93c5fd}.topic-btn--active{border-color:#2563eb;background:#eff6ff}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px;margin:8px 0 12px}.admin-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.admin-card h4{margin:0 0 8px;font-size:.9rem;color:#334155}.settings-form{display:grid;grid-gap:12px;gap:12px;margin:12px 0}.form-group{display:flex;flex-direction:column;gap:4px}.page__input{padding:6px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem;margin-left:8px;width:240px}