.recon-page{--recon-pink:#c84a6f;max-width:1400px;margin:0 auto;padding:20px 16px;font-family:Inter,Arial,sans-serif}.recon-page h1{color:var(--foreground);align-items:center;gap:8px;margin-bottom:.5rem;font-size:1.4rem;display:inline-flex}.recon-title-help{color:var(--muted-foreground);opacity:.6;align-items:center;text-decoration:none;transition:opacity .15s,color .15s;display:inline-flex}.recon-title-help:hover{opacity:1;color:var(--accent)}.recon-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:.8rem;display:flex}.recon-page-header>div{min-width:0}.recon-page-header h1{margin-bottom:.25rem}.recon-back-link{align-items:center;gap:4px;width:fit-content;display:flex}.recon-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:1rem;display:flex}.recon-comp-filter{flex:240px;max-width:320px}.recon-record-filter{flex:none;min-width:130px}.recon-filters{flex-wrap:wrap;gap:8px;display:flex}.recon-filters select{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 5%, transparent);color:var(--muted-foreground);cursor:pointer;border-radius:8px;outline:none;padding:7px 12px;font-family:Inter,Arial,sans-serif;font-size:.85rem;transition:border-color .2s}.recon-filters select:focus{border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.recon-stats-count{color:var(--faint-foreground);white-space:nowrap;font-size:.8rem}.recon-add-btn{border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 15%, transparent);width:36px;height:36px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.recon-add-btn:hover{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--foreground)}.recon-actions{align-items:center;gap:12px;display:flex}@media (max-width:480px){.recon-toolbar{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.recon-filters{display:contents}.recon-filters select,.recon-filters .recon-event-filter,.recon-filters .recon-solver-filter,.recon-comp-filter,.recon-record-filter{width:100%;min-width:0;max-width:none}.recon-actions{justify-content:flex-end;gap:8px}}.recon-table-wrap{border:1px solid color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:10px;margin-bottom:1rem;display:inline-block}.recon-event-cell{align-items:center;gap:6px;display:inline-flex}.recon-cell-dim{opacity:.35}.recon-event-cell .cubing-icon{font-size:1rem;line-height:1}.recon-event-filter{min-width:130px}.recon-table{border-collapse:collapse;width:auto;font-size:.88rem}.recon-table thead th{z-index:2;background:color-mix(in srgb, var(--background) 98%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted-foreground);border-bottom:2px solid color-mix(in srgb, var(--foreground) 8%, transparent);text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 6px;font-weight:600;transition:color .15s;position:sticky;top:0}.recon-table thead th:hover{color:var(--foreground)}.recon-table thead th.sort-asc:after{content:" ▲";font-size:.7em}.recon-table thead th.sort-desc:after{content:" ▼";font-size:.7em}.recon-table thead th .col-label{vertical-align:middle}.recon-range-filter{align-items:center;gap:4px;font-size:.82rem;display:flex}.recon-range-filter input{background:color-mix(in srgb, var(--foreground) 4%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);width:0;min-width:60px;color:var(--foreground);border-radius:4px;flex:1;padding:4px 6px;font-family:Roboto Mono,monospace}.recon-range-filter input:focus{border-color:color-mix(in srgb, var(--accent) 50%, transparent);outline:none}.recon-range-sep{color:var(--faint-foreground);font-size:.75rem}.recon-range-tilde-btn{background:color-mix(in srgb, var(--foreground) 6%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);min-width:28px;color:var(--foreground);cursor:pointer;border-radius:4px;flex:none;padding:4px 8px;font-size:.95rem;line-height:1}.recon-range-tilde-btn:hover{background:color-mix(in srgb, var(--foreground) 10%, transparent)}.recon-range-tilde-btn:active{background:color-mix(in srgb, var(--accent) 25%, transparent)}.recon-table tbody tr{cursor:pointer;transition:background .15s}.recon-table tbody tr:hover{background:color-mix(in srgb, var(--foreground) 7%, transparent)}.recon-table tbody td{border-bottom:1px solid color-mix(in srgb, var(--foreground) 4%, transparent);white-space:nowrap;vertical-align:middle;padding:8px 6px}.col-idx{color:var(--faint-foreground);padding:6px 4px;font-size:.6rem}.col-single{color:var(--foreground);font-family:Roboto Mono,monospace;font-size:.85rem}.col-avg,.col-dsingle{font-weight:600}.col-round,.col-official{text-align:center}.recon-table .col-dsingle,.recon-table .col-avg,.recon-table .col-aoxr,.recon-table .col-single,.recon-table .col-stm,.recon-table .col-tps,.recon-table .col-idx{text-align:right}.col-solver{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.col-reconer{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--muted-foreground);overflow:hidden}.recon-inline-flag{vertical-align:middle;margin-right:4px;display:inline-block}img.recon-inline-flag{object-fit:cover;width:1.33em;height:1em}.col-comp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:480px){.col-comp{max-width:140px}}.col-recon-preview{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--faint-foreground);font-size:.8rem;overflow:hidden}.mono{font-family:Roboto Mono,monospace}.col-dsingle{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:600;overflow:hidden}.recon-type-toggle{gap:0;display:flex}.toggle-btn{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 4%, transparent);height:36px;color:var(--faint-foreground);cursor:pointer;box-sizing:border-box;outline:none;padding:0 14px;font-family:Inter,Arial,sans-serif;font-size:.82rem;transition:all .15s}.toggle-btn:first-child{border-radius:6px 0 0 6px}.toggle-btn:last-child{border-left:none;border-radius:0 6px 6px 0}.toggle-btn.active{background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.toggle-btn.active+.toggle-btn.active{border-left:1px solid color-mix(in srgb, var(--accent) 40%, transparent)}.toggle-btn:hover{background:color-mix(in srgb, var(--foreground) 8%, transparent);color:var(--muted-foreground)}.toggle-btn.active:hover{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--accent)}.recon-subtitle{color:var(--faint-foreground);margin-bottom:.8rem;font-size:.9rem}.recon-table a{color:inherit;text-decoration:none}.recon-table a:hover{color:var(--accent);text-decoration:underline}td[data-tip]{position:relative}td[data-tip-show]:hover:after{content:attr(data-tip);z-index:100;background:var(--popover);color:var(--foreground);border:1px solid color-mix(in srgb, var(--foreground) 15%, transparent);white-space:nowrap;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:.78rem;position:absolute;bottom:100%;left:0;box-shadow:0 2px 8px #0006}.community-row td:first-child{border-left:2px solid color-mix(in srgb, var(--accent) 40%, transparent)}.recon-pagination{justify-content:center;align-items:center;gap:16px;margin:1.5rem 0;display:flex}.recon-btn{border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--foreground) 6%, transparent);color:var(--muted-foreground);cursor:pointer;border-radius:8px;padding:8px 24px;font-size:.9rem;transition:all .2s}.recon-btn:hover{background:color-mix(in srgb, var(--foreground) 12%, transparent);color:var(--foreground);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.recon-showing{color:var(--faint-foreground);font-size:.8rem}.recon-loading{text-align:center;color:var(--faint-foreground);padding:40px 0;font-size:.95rem}.recon-error{text-align:center;color:var(--destructive);background:color-mix(in srgb, var(--destructive) 10%, transparent);border:1px solid color-mix(in srgb, var(--destructive) 20%, transparent);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex}.wca-auth-area{align-items:center;margin-left:auto;display:flex}.wca-login-btn{background:color-mix(in srgb, var(--accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:8px;padding:7px 14px;font-size:.85rem;transition:all .2s}.wca-login-btn:hover{background:color-mix(in srgb, var(--accent) 30%, transparent);color:var(--foreground)}.recon-empty{text-align:center;color:var(--faint-foreground);padding:60px 20px}.recon-empty-icon{margin-bottom:12px;font-size:3rem}.detail-comment-login-hint{background:color-mix(in srgb, var(--foreground) 4%, transparent);border:1px dashed color-mix(in srgb, var(--foreground) 12%, transparent);color:var(--faint-foreground);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:12px 16px;font-size:.85rem;display:flex}.normalized-cross-block{background:color-mix(in srgb, var(--foreground) 4%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:6px;margin-top:12px;overflow:hidden}.normalized-cross-header{border-bottom:1px solid color-mix(in srgb, var(--foreground) 6%, transparent);background:color-mix(in srgb, var(--foreground) 2%, transparent);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.normalized-cross-title{color:var(--muted-foreground);letter-spacing:.02em;font-size:.78rem}.normalized-cross-copy{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex}.normalized-cross-copy:hover{color:var(--accent);background:color-mix(in srgb, var(--foreground) 6%, transparent)}.normalized-cross-body{color:var(--foreground);word-break:break-word;padding:10px 14px;font-family:Roboto Mono,monospace;font-size:.82rem;line-height:1.6}.normalized-cross-comment{color:var(--faint-foreground)}