:root{--bg:#f3f7fb;--bg-accent:#e8eef9;--surface:hsla(0,0%,100%,.88);--surface-solid:#fff;--border:#d6e0ef;--text:#10203a;--muted:#57718f;--primary:#0f5ec7;--primary-dark:#0a4aa0;--shadow:0 14px 38px rgba(16,32,58,.08);color:var(--text);font-family:BIZ UDPGothic,Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}*{box-sizing:border-box}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(15,94,199,.35);outline-offset:1px}body{margin:0;background:radial-gradient(800px 360px at 95% -15%,#d8e7ff 0,transparent 70%),radial-gradient(720px 340px at -10% 10%,#e4edff 0,transparent 72%),linear-gradient(180deg,var(--bg) 0,var(--bg-accent) 100%);min-height:100vh}.container{max-width:1220px;margin:0 auto;padding:28px 24px 36px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.hero h1{margin:0;letter-spacing:.02em;font-size:clamp(2rem,3.5vw,2.6rem);line-height:1.15}.subtitle{color:var(--muted);margin:8px 0 0}.hero-badge{border:1px solid #bfd1ec;background:hsla(0,0%,100%,.9);color:#24496f;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.filters-panel{position:relative;z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow)}.gender-tabs{display:flex;gap:8px}.gender-tabs button{border:1px solid #c4d6f0;background:#fff;color:#355276;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;transition:all .18s ease}.gender-tabs button:hover{border-color:var(--primary);color:var(--primary)}.gender-tabs button.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:var(--primary);color:#fff}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:10px;gap:10px;margin:12px 0}.filters input,.filters select{width:100%;height:40px;padding:8px 11px;border:1px solid #c5d4e9;border-radius:10px;background:#fff;color:#1d3557;font-size:14px}.filters select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 7.5L10 12l4.5-4.5' fill='none' stroke='%233f5d84' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}.organization-combobox{position:relative}.organization-combobox.open{z-index:80}.organization-combobox input{width:100%;height:40px;padding:8px 11px;border:1px solid #c5d4e9;border-radius:10px;background:#fff;color:#1d3557;font-size:14px}.organization-combobox input:focus{outline:2px solid rgba(15,94,199,.25);border-color:var(--primary)}.organization-combobox-menu{position:absolute;z-index:90;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #c5d4e9;border-radius:10px;box-shadow:0 10px 22px rgba(12,28,52,.12);padding:6px}.organization-combobox-menu button{text-align:left;border:0;background:transparent;color:#1d3557;font-size:14px;padding:7px 8px;border-radius:8px;cursor:pointer}.organization-combobox-menu button:hover{background:#f2f7ff}.organization-combobox-menu button.active{background:#e7f0ff;color:#0d4d9e;font-weight:700}.filters input:focus,.filters select:focus{outline:2px solid rgba(15,94,199,.25);border-color:var(--primary)}.filter-actions{display:flex;justify-content:flex-end}.filter-actions button{border:1px solid #c2d1e7;border-radius:10px;background:#fff;padding:8px 12px;cursor:pointer;color:#27496f;font-weight:700}.filter-actions button:disabled{opacity:.6;cursor:not-allowed}.active-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:1px solid #c5d4ea;background:#f9fbff;color:#2a4b71;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.chip-clearable{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chip-clearable:hover{border-color:#86a7d4;background:#edf5ff}.chip-clear{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:#dbe8fb;color:#234a7a;line-height:1}.chip-empty{color:var(--muted)}.empty-state-guide{margin-top:14px;padding:14px;border:1px dashed #b9cdeb;border-radius:14px;background:linear-gradient(160deg,#f8fbff,#edf4ff)}.empty-state-guide h2{margin:0;font-size:1rem}.empty-state-guide p{margin:6px 0 0;color:#4a678d;font-size:13px}.empty-state-guide-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.empty-state-guide-actions button{border:1px solid #c2d4ee;border-radius:999px;background:#fff;color:#244a74;padding:6px 11px;font-weight:700;cursor:pointer}.empty-state-guide-actions button:disabled{opacity:.6;cursor:not-allowed}.cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));grid-gap:12px;gap:12px;margin-top:14px;transition:opacity .2s ease,transform .2s ease}.cards.is-refreshing{opacity:.7;transform:translateY(2px)}.chart-card,.table-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.chart-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chart-card h2,.table-card h2{margin:0 0 10px;font-size:1.05rem}.chart-card-head span{color:var(--muted);font-size:12px;font-weight:700}.chart-wrap{width:100%;height:260px}.chart-empty-state{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);border:1px dashed #c6d5e8;border-radius:10px;background:#f7faff;font-weight:700}.table-card{margin-top:16px;transition:opacity .2s ease,transform .2s ease}.table-card.is-refreshing{opacity:.7;transform:translateY(2px)}.table-scroll{overflow-x:auto;border:1px solid #d8e2f0;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:980px;table-layout:fixed}td,th{text-align:left;border-bottom:1px solid #e3ebf5;padding:10px 8px;font-size:13px;vertical-align:top}th{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#f8fbff;color:#3b567a;box-shadow:inset 0 -1px 0 #dce7f4}.results-table tbody tr:hover{background:#f6faff}.col-year{width:70px;text-align:center}.col-competition{width:420px}.col-event{width:120px}.col-final{width:84px}.col-crew,.col-organization{width:150px}.col-rank{width:68px;text-align:center}.col-time{width:110px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell-competition,.cell-event{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.35;min-height:calc(1.35em * 2)}.cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-empty{text-align:center;color:var(--muted);padding:18px 10px}.results-mobile-cards{display:none}.result-card-empty{border:1px dashed #c6d5e8;border-radius:10px;background:#f7faff;color:var(--muted);text-align:center;padding:14px 12px;font-weight:700}.result-card{border:1px solid #dbe5f2;border-radius:12px;background:#fff;padding:10px;box-shadow:0 6px 16px rgba(16,32,58,.05)}.result-card-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.result-card-final,.result-card-year{border:1px solid #d6e0ef;border-radius:999px;padding:2px 8px;font-size:11px;color:#2e4f77;font-weight:700}.result-card-rank{margin-left:auto;min-width:44px;text-align:center;border-radius:8px;padding:2px 8px;font-weight:800}.result-card-event{margin:0;font-weight:800;color:#1d3557}.result-card-competition{margin:4px 0 8px;font-size:12px;line-height:1.45;color:#355276;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.result-card-meta{margin:0;display:grid;grid-gap:6px;gap:6px}.result-card-meta div{display:grid;grid-template-columns:44px 1fr;grid-gap:8px;gap:8px;align-items:start}.result-card-meta dt{margin:0;color:#5e7897;font-size:11px;font-weight:700}.result-card-meta dd{margin:0;color:#233b5f;font-size:12px;line-height:1.4}.pagination-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px}.pagination-controls button{border:1px solid #c2d1e7;border-radius:10px;background:#fff;padding:7px 11px;cursor:pointer;color:#27496f;font-weight:700}.pagination-controls button:disabled{opacity:.55;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-empty{color:var(--muted);font-size:13px;font-weight:700}.pagination-ellipsis{color:#7a91b1;padding:0 2px}.page-number{min-width:34px;height:34px;padding:0 8px;border-radius:9px}.page-number.active{background:#0f5ec7;border-color:#0f5ec7;color:#fff}.pagination-jump{display:inline-flex;align-items:center;gap:6px;margin-left:4px}.pagination-jump label{color:var(--muted);font-size:12px;font-weight:700}.pagination-jump input{width:68px;height:34px;border:1px solid #c5d4e9;border-radius:9px;padding:4px 8px;font-size:13px}.pagination-jump input:focus{outline:2px solid rgba(15,94,199,.25);border-color:var(--primary)}.medal-rank{font-weight:700;border-radius:6px}.medal-rank-gold{background:#fde68a;color:#78350f}.medal-rank-silver{background:#e5e7eb;color:#374151}.medal-rank-bronze{background:#f5d0a9;color:#7c2d12}@media (max-width:768px){.container{padding:20px 14px 28px}.hero{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr}.empty-state-guide-actions{flex-direction:column;align-items:stretch}.empty-state-guide-actions button{width:100%;border-radius:10px;padding:8px 10px}.table-scroll{display:none}.results-mobile-cards{display:grid;grid-gap:8px;gap:8px}.pagination-controls{justify-content:center}td,th{font-size:12px;padding:8px 6px}}@media (prefers-reduced-motion:reduce){.cards,.table-card{transition:none}}