: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-wide{max-width:1600px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin-bottom:16px}.app-header h1{font-size:1.5rem;margin:0}.app-header .tabs{margin-bottom:0;border-bottom:none}.app-header .tab{margin-bottom:0}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;align-content:flex-start;gap:10px 16px;flex-wrap:wrap;padding:12px 14px;margin-bottom:16px;border:1px solid #e4e4e7;border-radius:8px;background:#fcfcfd;min-height:295px}.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-big{flex-direction:column;align-items:flex-start;gap:2px;flex-basis:100%}.announce-big .announce-rank,.announce-big .announce-name,.announce-big .announce-title,.announce-big .announce-score{line-height:1.2}.announce-score-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.announce-big .announce-rank{font-size:1.5rem}.announce-big .announce-name{font-size:2rem;gap:10px}.announce-big .announce-name .swatch{width:22px;height:22px;border-radius:5px}.announce-big .announce-title{font-size:1.5rem;font-weight:600}.announce-big .announce-score{font-size:2.2rem;margin-top:2px}.announce-idea{display:flex;align-items:center;gap:6px;color:#7c3aed}.announce-idea-box{flex-basis:100%;min-height:213px;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.announce-idea-box .announce-rank{font-size:1.3rem}.idea-winner{display:flex;flex-direction:column;align-items:center;gap:4px}.idea-winner-name{display:flex;align-items:center;justify-content:center;gap:12px;font-size:3rem;font-weight:700;line-height:1.2;color:#6d28d9}.idea-winner-title{font-size:2rem;font-weight:600;line-height:1.3;color:#18181b}.swatch-lg{width:30px;height:30px;border-radius:7px}.idea-multi .idea-winner-name{font-size:1.8rem}.idea-multi .idea-winner-title{font-size:1.3rem}.idea-multi .swatch-lg{width:20px;height:20px;border-radius:5px}.announce-tie{font-size:.85rem;color:#b45309}.announce-exhibition{color:#0f766e}.exhibition-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 8px;padding:6px 8px;border:1px dashed #99f6e4;border-radius:8px;background:#f0fdfa;font-size:.95rem}.exhibition-tag{font-size:.75rem;font-weight:700;color:#0f766e}.exhibition-name{font-weight:700}.exhibition-title{color:#3f3f46}.exhibition-score{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;color:#0c4a6e}.group-vote-none{color:#0f766e}.group-vote{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-size:.82rem;color:#52525b}.group-vote select{padding:4px 6px;border:1px solid #d4d4d8;border-radius:6px;font-size:.85rem;background:#fff;color:#18181b}.vote-status{margin:0 0 12px}.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:7px;padding-bottom:7px;font-size:.86rem}.rank-row .col-rank{font-size:.95rem;font-weight:700;color:#a1a1aa}.rank-row-top td{padding-top:12px;padding-bottom:12px;font-size:1.17rem}.rank-row-top .col-rank{font-size:1.48rem}.rank-row-top .rank-name{font-weight:700}.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}