.title-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm)}.title-link:hover{color:var(--accent-secondary)}.records-main{padding-bottom:var(--space-2xl)}.records-page-header{position:sticky;top:0;z-index:50;margin-left:calc(-1 * var(--space-md));margin-right:calc(-1 * var(--space-md));padding:var(--space-lg) var(--space-md) var(--space-md);background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #0000001f}.mypage-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.mypage-user{padding-top:2px}.mypage-user-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem}.mypage-user .records-page-owner,.records-overall-pct-avg{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.mypage-actions .records-auth-user{font-size:.85rem;color:var(--text-secondary);align-self:center;margin-right:var(--space-xs)}.records-count{margin-top:var(--space-xs);font-size:.8rem;color:var(--text-secondary)}.mypage-title{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.mypage-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:flex-end}.records-message{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.records-message p{margin-bottom:var(--space-md)}.records-owner-panels[hidden]{display:none!important}.records-owner-panels{display:flex;flex-direction:column;gap:var(--space-xl);margin-bottom:var(--space-xl)}.records-content{display:flex;flex-direction:column;gap:var(--space-xl)}.records-level-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color)}.records-level-title{margin:0 0 var(--space-sm);font-size:1.25rem;font-weight:600;color:var(--accent-secondary)}.records-level-toggle{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);margin:0;box-sizing:border-box;font:inherit;font-weight:600;color:inherit;text-align:left;cursor:pointer;background:#954ce914;border:1px solid rgba(149,76,233,.35);border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast)}.records-level-toggle:hover{background:#954ce924;border-color:#954ce98c}.records-level-toggle-label{flex:0 0 auto;color:var(--accent-secondary)}.records-level-pct-avg{flex:0 0 auto;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-left:.25rem}.records-level-toggle .records-level-stats{flex:1 1 auto;justify-content:flex-end}.records-level-chevron{flex:0 0 auto;width:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.records-level-chevron:before{content:"▼";font-size:.55rem;line-height:1;display:block;transition:transform var(--transition-fast)}.records-level-toggle[aria-expanded=false] .records-level-chevron:before{transform:rotate(-90deg)}.records-level-body{margin-top:var(--space-md);padding-top:var(--space-xs)}.records-level-stats{display:inline-flex;flex-direction:row;gap:var(--space-sm);text-align:right;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.records-level-stat{white-space:nowrap;padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);background:#ffffff08}.records-level-stat-main{border-color:#954ce98c;background:#954ce91f;color:#d8c6ff}.records-level-stat-append{border-color:#f368e073;background:#f368e01a;color:#ffd6fb}.records-diff-block{margin-bottom:var(--space-lg)}.records-diff-block:last-child{margin-bottom:0}.records-diff-title{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.record-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;font-family:inherit;color:var(--text-primary);position:relative}.record-card:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);transform:translateY(-2px)}.record-card-no-record{opacity:.5}.record-card-no-record:hover{opacity:.75}.record-card-ap{position:relative;border:4px solid transparent;background:var(--bg-secondary) padding-box;box-shadow:0 0 12px #ff9ff359}.record-card-ap:before{content:"";position:absolute;inset:-3px;border-radius:calc(var(--radius-md) + 3px);padding:3px;background:linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff);background-size:200% 100%;animation:rainbow-shift 2.5s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.record-card-ap:hover{box-shadow:0 0 16px #ff9ff373}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.record-card-fc{border-width:3px;border-color:#f368e0;box-shadow:0 0 12px #f368e066}.record-card-fc:hover{border-color:#ff9ff3;box-shadow:0 0 14px #ff9ff380}.record-card-jacket{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-primary)}.record-card-point-minus-badge{position:absolute;top:6px;right:6px;min-width:44px;padding:4px 12px;border-radius:999px;background:#000000bf;color:#ffeaa7;font-size:1.1rem;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 6px #0009}.record-card-title{font-size:.8rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-detail-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.record-detail-backdrop{position:absolute;inset:0;z-index:0;background:#0009;cursor:pointer}.record-detail-content{position:relative;z-index:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.record-detail-header{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.record-detail-jacket{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.record-detail-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--space-xs)}.record-detail-meta{font-size:.85rem;color:var(--text-secondary)}.record-detail-body{margin-bottom:var(--space-lg)}.record-detail-point{font-size:1rem;font-weight:600;margin-bottom:var(--space-md);color:var(--accent-secondary)}.record-detail-time{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.record-detail-judgments{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.record-detail-judgments .judgment-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--bg-card);border-radius:var(--radius-sm);font-size:.85rem}.record-detail-add-manual{position:absolute;top:40px;right:var(--space-sm);padding:4px 10px;font-family:inherit;font-size:.75rem;color:#fff;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.record-detail-add-manual:hover{background:var(--accent-secondary);transform:translateY(-1px)}.record-detail-close{position:relative;display:block;width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:.95rem;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.record-detail-close:hover{background:var(--bg-card-hover)}.record-detail-delete{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:4px 10px;font-family:inherit;font-size:.75rem;color:var(--error);background:transparent;border:1px solid rgba(255,107,107,.7);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.record-detail-delete:hover{background:#ff6b6b14;border-color:#ff6b6b}.record-detail-empty{color:var(--text-secondary);font-size:.9rem;margin:0}.ingest-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color)}.ingest-panel-title{font-size:1.1rem;font-weight:600;margin:0 0 var(--space-sm);color:var(--text-primary)}.ingest-panel-actions{margin-bottom:var(--space-md)}.ingest-token-list{list-style:none;margin:0;padding:0}.ingest-token-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);font-size:.875rem}.ingest-token-item:last-child{border-bottom:none}.ingest-token-meta{color:var(--text-secondary)}.ingest-token-empty{color:var(--text-secondary);font-size:.875rem;padding:var(--space-xs) 0}.records-content.records-ap-bulk-mode .record-card-no-record{cursor:pointer;outline:2px dashed var(--accent-secondary);outline-offset:2px}.records-content.records-ap-bulk-mode .record-card-no-record:hover{outline-color:var(--accent-primary)}.ingest-token-reveal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.ingest-token-reveal-backdrop{position:absolute;inset:0;background:#000000a6}.ingest-token-reveal-content{position:relative;max-width:420px;width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 16px 48px #0006}.ingest-token-reveal-title{margin:0 0 var(--space-md);font-size:1.05rem}.ingest-token-reveal-input{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:.72rem;padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);background:#00000040;color:var(--text-primary);margin-bottom:var(--space-md)}.ingest-token-reveal-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}