:root{--bg-gradient-start: #e8e8e8;--bg-gradient-end: #d0d0d0;--card-bg: #ffffff;--section-bg: #f8f8f8;--bg-secondary: #eeeeee;--item-bg: #ffffff;--popover-bg: #ffffff;--text-primary: #2a2a2a;--text-secondary: #6b6b6b;--text-muted: #8a8a8a;--primary-color: #4a4a4a;--accent-gradient-start: #6a6a6a;--accent-gradient-end: #4a4a4a;--border-color: #d4d4d4;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #d4d4d4;--input-focus: #5a5a5a;--overlay-lightest: rgba(0, 0, 0, .05);--overlay-lighter: rgba(0, 0, 0, .08);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .2);--overlay-strong: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .5);--overlay-intense: rgba(0, 0, 0, .7);--overlay-opaque: rgba(0, 0, 0, .9);--highlight-subtle: rgba(255, 255, 255, .05);--highlight-soft: rgba(255, 255, 255, .1);--highlight-medium: rgba(255, 255, 255, .2);--highlight-strong: rgba(255, 255, 255, .3);--bg-glass: rgba(255, 255, 255, .95);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #0071eb;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(0, 113, 235, .1);--primary-alpha-15: rgba(0, 113, 235, .15);--primary-alpha-20: rgba(0, 113, 235, .2);--primary-alpha-30: rgba(0, 113, 235, .3);--danger-alpha-10: rgba(231, 76, 60, .1);--danger-alpha-15: rgba(231, 76, 60, .15);--danger-alpha-25: rgba(231, 76, 60, .25);--danger-alpha-40: rgba(231, 76, 60, .4);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #ffffff;--surface-elevated: #f5f5f5;--surface-border: #e0e0e0;--text-on-surface: #4a4a4a;--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-navbar: 1000;--z-overlay: 1500;--z-modal: 2000;--z-toast: 9000;--z-max: 9999}body.dark-mode{--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0a0a0a;--card-bg: #2a2a2a;--section-bg: #1f1f1f;--bg-secondary: #252525;--item-bg: #2a2a2a;--popover-bg: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--text-muted: #808080;--primary-color: #c0c0c0;--accent-gradient-start: #5a5a5a;--accent-gradient-end: #3a3a3a;--border-color: #3a3a3a;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--input-bg: #1f1f1f;--input-border: #3a3a3a;--input-focus: #6a6a6a;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #7289da;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(114, 137, 218, .1);--primary-alpha-15: rgba(114, 137, 218, .15);--primary-alpha-20: rgba(114, 137, 218, .2);--primary-alpha-30: rgba(114, 137, 218, .3);--danger-alpha-10: rgba(231, 76, 60, .1);--danger-alpha-15: rgba(231, 76, 60, .18);--danger-alpha-25: rgba(231, 76, 60, .3);--danger-alpha-40: rgba(231, 76, 60, .45);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #2f3136;--surface-elevated: #3d4148;--surface-border: #4f545c;--text-on-surface: #b9bbbe;--bg-glass: rgba(0, 0, 0, .95)}body[data-theme=accent]{--primary-color: #0071eb;--primary-hover: #0056b3;--primary-light: #4da3ff;--accent-color: #27ae60;--accent-hover: #229954;--warning-color: #f39c12;--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #fafafa;--bg-elevated: #ffffff;--bg-input: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #666666;--text-dim: #999999;--text-link: #0071eb;--border-color: #e0e0e0;--border-light: #d0d0d0;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .05);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .08);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .12);--shadow-xl: 0 1rem 2rem rgba(0, 0, 0, .15);--spacing-xs: .5rem;--spacing-sm: .75rem}body[data-theme=accent].dark-mode{--primary-color: #7289da;--primary-hover: #5b6eae;--primary-light: #8ea1e1;--accent-color: #43b581;--accent-hover: #3ca374;--danger-color: #f04747;--danger-hover: #d84040;--bg-primary: #36393f;--bg-secondary: #2f3136;--bg-tertiary: #202225;--bg-elevated: #3d4148;--bg-input: #40444b;--text-primary: #ffffff;--text-secondary: #dcddde;--text-muted: #b9bbbe;--text-dim: #72767d;--text-link: #7289da;--border-color: #4f545c;--border-light: #5c6067;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .2);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .3);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .4);--shadow-xl: 0 1rem 2rem rgba(0, 0, 0, .5);--spacing-xs: .5rem;--spacing-sm: .75rem}@media(max-width:480px){body[data-theme=accent]{--spacing-lg: 1rem;--spacing-xl: 1.5rem}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}body{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh}.hearing-page{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.hearing-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.hearing-header .header-title-container{display:flex;align-items:center;gap:.5rem}.hearing-header .header-title-container .material-symbols-outlined{font-size:1.75rem;color:var(--text-secondary)}.hearing-header h1{font-size:1.5rem;margin:0;color:var(--text-primary)}.hearing-count{font-size:.85rem;color:var(--text-secondary)}.hearing-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.hearing-controls input[type=search]{flex:1 1 240px;min-width:0}.hearing-controls input[type=search],.hearing-controls select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:.9rem}.rarity-chips-container{display:flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg)}.rarity-chip{padding:.2rem .5rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer}.rarity-chip:hover{background:var(--section-bg);color:var(--text-primary)}.rarity-chip.active.rarity-chip-6{background:var(--rarity-ur-light);color:var(--rarity-ur-text);border-color:var(--rarity-ur)}.rarity-chip.active.rarity-chip-5{background:var(--rarity-ssr);color:var(--rarity-ssr-text);border-color:var(--rarity-ssr)}.rarity-chip.active.rarity-chip-4{background:var(--rarity-sr);color:var(--rarity-sr-text);border-color:var(--rarity-sr)}.rarity-chip.active.rarity-chip-3{background:var(--rarity-r);color:var(--rarity-r-text);border-color:var(--rarity-r)}.rarity-chip.active.rarity-chip-2{background:var(--rarity-n);color:var(--rarity-n-text);border-color:var(--rarity-n)}.hearing-list-header{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem;padding:0 1rem;margin-bottom:.4rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.hearing-list{display:flex;flex-direction:column;gap:.75rem}.hearing-card{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:1rem;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px}.hearing-card.is-empty{opacity:.75}.hearing-equip{display:flex;align-items:flex-start;gap:.75rem;min-width:0;color:inherit;text-decoration:none}.hearing-equip:hover .hearing-name{color:var(--accent-blue);text-decoration:underline}.hearing-icon{position:relative;width:56px;height:56px;flex-shrink:0}.hearing-icon-bg,.hearing-icon-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hearing-equip-meta{min-width:0}.hearing-name{font-weight:600;color:var(--text-primary);line-height:1.3;overflow-wrap:anywhere}.hearing-chips{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.25rem}.hearing-chip{font-size:.7rem;padding:.1rem .4rem;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);white-space:nowrap}.hearing-chip.rarity-UR{background:var(--rarity-ur-light);color:var(--rarity-ur-text);border-color:var(--rarity-ur)}.hearing-chip.rarity-SSR{background:var(--rarity-ssr);color:var(--rarity-ssr-text);border-color:var(--rarity-ssr)}.hearing-chip.rarity-SR{background:var(--rarity-sr);color:var(--rarity-sr-text);border-color:var(--rarity-sr)}.hearing-chip.rarity-R{background:var(--rarity-r);color:var(--rarity-r-text);border-color:var(--rarity-r)}.hearing-chip.rarity-N{background:var(--rarity-n);color:var(--rarity-n-text);border-color:var(--rarity-n)}.hearing-alias{display:inline-block;width:fit-content;margin-top:.3rem;padding:.1rem .5rem;font-size:.75rem;font-weight:700;color:var(--accent-blue);background:var(--primary-alpha-10);border:1px solid var(--primary-alpha-30);border-radius:var(--radius-sm);overflow-wrap:anywhere}.hearing-comments{display:flex;flex-direction:column;gap:.4rem;justify-content:center;min-width:0}.hearing-comment{font-size:.9rem;line-height:1.5;color:var(--text-primary);overflow-wrap:anywhere}.hearing-no-comment{font-size:.85rem;color:var(--text-muted)}@media(max-width:640px){.hearing-list-header{display:none}.hearing-card{grid-template-columns:1fr;gap:.5rem}}