:root{font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;line-height:1.5;color:#18181b;background-color:#f4f4f5}*{box-sizing:border-box}body{margin:0}.app{max-width:1080px;margin:0 auto;padding:24px 20px 48px}.app-header h1{font-size:1.5rem;margin:0 0 12px}code{background:#e4e4e7;padding:1px 5px;border-radius:4px;font-size:.85em}.layout{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:20px;align-items:start}@media (max-width: 880px){.layout{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #e4e4e7;border-radius:10px;padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.panel-head h2{font-size:1.05rem;margin:0}.actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #2563eb;background:#2563eb;color:#fff;font-size:.85rem;padding:6px 12px;border-radius:7px;cursor:pointer}.btn:hover{background:#1d4ed8}.btn:disabled,.btn:disabled:hover{background:#e4e4e7;border-color:#e4e4e7;color:#a1a1aa;cursor:not-allowed}.btn-ghost{background:#fff;color:#3f3f46;border-color:#d4d4d8}.btn-ghost:hover{background:#f4f4f5}.btn-on,.btn-on:hover{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;font-weight:600}.btn-icon{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#a1a1aa;cursor:pointer;padding:4px;border-radius:6px}.btn-icon:hover{color:#dc2626;background:#fef2f2}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:6px 8px;text-align:left}.data-table th{font-size:.78rem;color:#71717a;font-weight:600;border-bottom:1px solid #e4e4e7}.data-table td{border-bottom:1px solid #f4f4f5}.col-idx{width:36px;color:#a1a1aa;text-align:center}.col-action{width:40px;text-align:center}.data-table input{width:100%;padding:6px 8px;border:1px solid #d4d4d8;border-radius:6px;font-size:.9rem;font-variant-numeric:tabular-nums}.data-table input:focus{outline:2px solid #93c5fd;outline-offset:-1px;border-color:#2563eb}.row-invalid input{border-color:#f59e0b;background:#fffbeb}.col-failed{width:48px;text-align:center}.row-failed{background:#f4f4f5}.failed-cell{display:inline-block;padding:4px 0;font-size:.8rem;color:#71717a}.hint{margin:12px 0 0;font-size:.82rem}.hint-warn{color:#b45309}.scatter-plot{display:block;max-width:100%;height:auto}.fail-cross{animation:fail-cross-flash 1.1s ease-out forwards}@keyframes fail-cross-flash{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}65%{opacity:1}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion: reduce){@keyframes fail-cross-flash{0%{opacity:0}18%,65%{opacity:1}to{opacity:0}}}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #e4e4e7}.tab{border:none;background:transparent;color:#52525b;font-size:.9rem;padding:8px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:#18181b}.tab-active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb}.tabs-groups{flex-wrap:wrap;margin-bottom:14px}.tabs-groups .tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem}.btn-sm{font-size:.78rem;padding:4px 10px}.layout-groups{align-items:start}.group-list{display:flex;flex-direction:column;gap:14px}.group-card{border:1px solid #e4e4e7;border-radius:8px;padding:10px 12px;background:#fcfcfd}.group-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.swatch{flex:0 0 auto;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15)}.group-name{width:5.5em;padding:4px 6px;border:1px solid #d4d4d8;border-radius:6px;font-size:.85rem;font-weight:600}.group-title{flex:1 1 8em;min-width:8em;padding:4px 6px;border:1px solid #d4d4d8;border-radius:6px;font-size:.85rem}.group-dist{margin-left:auto;font-size:.82rem;color:#3f3f46;font-variant-numeric:tabular-nums;white-space:nowrap}.group-dist strong{color:#0c4a6e}.data-table-compact th,.data-table-compact td{padding:3px 6px}.data-table-compact input{font-size:.85rem;padding:4px 6px}.group-card-foot{display:flex;align-items:center;gap:12px;margin-top:6px}.group-card-foot .hint{margin:0}.btn-icon:disabled{color:#d4d4d8;cursor:not-allowed;background:transparent}.legend{margin-top:16px}.legend-title{font-size:.95rem;margin:0 0 8px}.legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.legend-name{font-weight:600;min-width:4em}.legend-dist{font-variant-numeric:tabular-nums;color:#0c4a6e}.panel-head h2{display:flex;align-items:center;gap:6px}.btn-lg{font-size:1rem;padding:10px 20px}.announce-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px;margin-bottom:16px;border:1px solid #e4e4e7;border-radius:8px;background:#fcfcfd}.announce-current{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.announce-rank{font-size:1.1rem;font-weight:700;color:#b45309}.announce-name{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600}.announce-title{font-size:1.05rem;color:#3f3f46}.announce-score{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;color:#0c4a6e}.trial-strip{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;flex-basis:100%}.trial-chip{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:4.5em;padding:6px 8px;border:1px solid #e4e4e7;border-radius:8px;background:#fff;color:#a1a1aa;font-size:.75rem}.trial-chip-shown{border-color:#d4d4d8;color:#3f3f46}.trial-chip-failed{border-color:#fbbf24;border-style:dashed;background:#fffbeb;color:#b45309}.trial-no{font-variant-numeric:tabular-nums}.trial-mark{font-weight:700}.announce-failed{font-size:.9rem;color:#b45309}.announce-progress{color:#71717a;font-variant-numeric:tabular-nums}.col-rank{width:56px;text-align:center}.col-score{text-align:right;font-variant-numeric:tabular-nums}.rank-row td{padding-top:8px;padding-bottom:8px}.rank-row .col-rank{font-weight:700;color:#a1a1aa}.rank-row-revealed .col-rank{color:#18181b}.rank-row-revealed .col-score{color:#0c4a6e;font-weight:600}.rank-row-latest{background:#fffbeb}.rank-name{display:flex;align-items:center;gap:6px;font-weight:600}.rank-title{color:#3f3f46}.rank-hidden{color:#d4d4d8}