:root,[data-theme=indigo_dark]{--bg: #17182A;--surface: #212237;--surface-2: #292A47;--border: #3A3B5E;--border-soft: #2F304E;--text: #F2EFE7;--text-muted: #A9A5C4;--text-faint: #716E8F;--accent: #D4A24E;--accent-strong: #E8B968;--accent-contrast: #17182A;--danger: #C1555F;--danger-strong: #D96570;--shadow-card: 0 1px 2px rgba(8, 8, 20, .4), 0 8px 24px -12px rgba(8, 8, 20, .6)}[data-theme=indigo_light]{--bg: #F5F5F0;--surface: #FFFFFF;--surface-2: #F3F1EA;--border: #E0DDD3;--border-soft: #ECEAE2;--text: #1A1A1A;--text-muted: #6B6659;--text-faint: #9A9488;--accent: #D4A24E;--accent-strong: #B9853A;--accent-contrast: #1A1A1A;--danger: #C1555F;--danger-strong: #A83F49;--shadow-card: 0 1px 2px rgba(30, 25, 15, .08), 0 8px 20px -12px rgba(30, 25, 15, .18)}[data-theme=cool_dark]{--bg: #141826;--surface: #1E2436;--surface-2: #262D42;--border: #333C56;--border-soft: #2A3145;--text: #E8EFF7;--text-muted: #9FAAC2;--text-faint: #6E7A94;--accent: #4A90E2;--accent-strong: #6BA5EA;--accent-contrast: #0D1420;--danger: #E0616B;--danger-strong: #EB7B84;--shadow-card: 0 1px 2px rgba(5, 8, 16, .4), 0 8px 24px -12px rgba(5, 8, 16, .6)}[data-theme=cool_light]{--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #F0F3F8;--border: #DCE3ED;--border-soft: #E8EDF3;--text: #1A1F35;--text-muted: #5C6B85;--text-faint: #93A0B5;--accent: #4A90E2;--accent-strong: #3573C4;--accent-contrast: #FFFFFF;--danger: #D6495A;--danger-strong: #B93245;--shadow-card: 0 1px 2px rgba(20, 30, 50, .06), 0 8px 20px -12px rgba(20, 30, 50, .16)}[data-theme=warm_dark]{--bg: #241F1A;--surface: #2E2822;--surface-2: #38312A;--border: #4A4038;--border-soft: #3C342C;--text: #F5E6D3;--text-muted: #BFA98C;--text-faint: #8C7C67;--accent: #C9A961;--accent-strong: #DBBE7C;--accent-contrast: #241F1A;--danger: #C1665A;--danger-strong: #D67C6E;--shadow-card: 0 1px 2px rgba(20, 14, 8, .4), 0 8px 24px -12px rgba(20, 14, 8, .55)}[data-theme=warm_light]{--bg: #FBF7F0;--surface: #FFFFFF;--surface-2: #F5EDE0;--border: #E6D9C4;--border-soft: #F0E6D6;--text: #3D2817;--text-muted: #7C6650;--text-faint: #A6937D;--accent: #C9A961;--accent-strong: #A8873F;--accent-contrast: #3D2817;--danger: #B0523F;--danger-strong: #93402F;--shadow-card: 0 1px 2px rgba(60, 40, 20, .08), 0 8px 20px -12px rgba(60, 40, 20, .18)}:root{--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .2s ease,color .2s ease}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-body);font-weight:700;margin:0;color:var(--text)}p{margin:0}button,input,select,textarea{font-family:inherit;color:inherit}a{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:var(--radius-sm);padding:.6rem 1.1rem;font-size:.92rem;font-weight:600;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease;white-space:nowrap;min-height:40px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.btn-danger{background:transparent;border-color:var(--border);color:var(--danger-strong)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 15%,transparent);border-color:var(--danger-strong)}.btn-small{padding:.4rem .75rem;font-size:.82rem;min-height:32px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--text-muted);flex:1}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .75rem;color:var(--text);font-size:.95rem;min-height:44px}.field textarea{min-height:unset}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field-row{display:flex;gap:1rem;flex-wrap:wrap}.field-row .field{min-width:160px}.form-error{background:color-mix(in srgb,var(--danger) 15%,transparent);border:1px solid var(--danger-strong);color:var(--text);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.88rem}.form-error-small{font-size:.78rem;padding:.4rem .6rem}.banner{padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.banner-success{background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent);color:var(--text)}.banner-error{background:color-mix(in srgb,var(--danger) 18%,transparent);border:1px solid var(--danger-strong);color:var(--text)}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-hero{background:linear-gradient(165deg,var(--surface) 0%,var(--bg) 75%);padding:3.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.spines{display:flex;align-items:flex-end;gap:.7rem;height:280px}.spine{width:38px;border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.75rem;box-shadow:inset -6px 0 10px -6px #00000059;background:hsl(calc(var(--spine-index, 0) * 47deg + 20deg) 55% 55%)}.spine span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem;font-weight:700;color:#0f0c05bf;letter-spacing:.02em}.auth-hero-copy{max-width:460px;margin-top:2.5rem}.auth-hero-tagline{font-size:1.05rem;font-weight:600;color:var(--accent-strong);margin-bottom:.75rem}.auth-hero-copy h2{font-size:1.9rem;line-height:1.3;font-weight:600}.auth-panel{display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem;background:var(--bg)}.auth-panel-inner{width:100%;max-width:400px}.auth-heading{font-size:1.8rem}.auth-subheading{color:var(--text-muted);margin-top:.6rem;margin-bottom:2rem;line-height:1.5;display:block}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-switch{margin-top:1.75rem;color:var(--text-muted);font-size:.9rem}@media (max-width: 860px){.auth-screen{grid-template-columns:1fr}.auth-hero{display:none}}.app-shell{min-height:100vh}.navbar{border-bottom:1px solid var(--border-soft);background:color-mix(in srgb,var(--bg) 92%,transparent);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar-inner{max-width:1240px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.wordmark{font-size:1.4rem;font-weight:800;color:var(--accent-strong);text-decoration:none;letter-spacing:-.01em}.navbar-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.navbar-group{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:999px;padding:.2rem;gap:.1rem}.navbar-group-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.5rem .9rem;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;min-height:36px}.navbar-group-btn:hover{background:var(--surface-2);color:var(--text)}.navbar-group-link{color:var(--text-muted)}.navbar-group-divider{width:1px;height:18px;background:var(--border-soft);flex-shrink:0}.navbar-divider{width:1px;height:26px;background:var(--border-soft);flex-shrink:0}.navbar-user{display:flex;align-items:center;gap:.6rem}.navbar-avatar{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent-strong);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.navbar-username{color:var(--text-muted);font-size:.9rem}.navbar-toggle{display:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);width:40px;height:40px;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;flex-shrink:0}.navbar-toggle:hover{border-color:var(--accent)}@media (max-width: 900px){.navbar-toggle{display:inline-flex}.navbar-actions{display:none;width:100%;flex-direction:column;align-items:stretch;gap:.85rem;padding-top:.85rem;margin-top:.15rem;border-top:1px solid var(--border-soft)}.navbar-actions.navbar-actions-open{display:flex}.navbar-group{justify-content:space-between}.navbar-group-btn{flex:1;justify-content:center}.navbar-divider{display:none}.navbar-user{justify-content:space-between;padding-top:.6rem;border-top:1px solid var(--border-soft)}}.theme-selector{position:relative}.theme-selector-trigger{display:flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text);cursor:pointer;font-size:.85rem;min-height:40px}.theme-selector-trigger:hover{border-color:var(--accent)}.theme-selector-caret{color:var(--text-faint);font-size:.7rem}.theme-swatch{width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.theme-dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:.4rem;display:flex;flex-direction:column;min-width:190px;z-index:30}.theme-option{display:flex;align-items:center;gap:.6rem;background:transparent;border:none;padding:.55rem .65rem;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:.85rem;text-align:left}.theme-option:hover{background:var(--surface-2)}.theme-option-active{background:var(--surface-2);font-weight:600}.dashboard{max-width:1240px;margin:0 auto;padding:2rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.75rem}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden}.stat-card{background:var(--surface);padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.3rem}.stat-value{font-size:1.7rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.82rem}@media (max-width: 640px){.stats-strip{grid-template-columns:repeat(2,1fr)}}.toolbar-header{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.sort-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .7rem;color:var(--text-muted);min-height:44px}.filters-block{display:flex;flex-direction:column;gap:.85rem}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.filter-divider{height:1px;background:var(--border-soft);width:100%;border:none;margin:0}.search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .9rem;color:var(--text);width:100%;min-height:44px}.chip-group{display:flex;flex-wrap:wrap;gap:.45rem;align-content:flex-start}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.45rem .9rem;font-size:.82rem;cursor:pointer;transition:all .15s ease;min-height:36px}.chip:hover{border-color:var(--accent);color:var(--text)}.chip-active{background:var(--accent);color:var(--accent-contrast);font-weight:600;border-color:transparent}.genre-filter{display:flex;flex-direction:column;gap:.4rem;width:100%}.genre-filter-wrapper.collapsed{max-height:124px;overflow:hidden}.genre-filter-toggle-row{display:flex;justify-content:flex-end}.genre-filter-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--accent-strong);font-size:.8rem;font-weight:600;cursor:pointer;padding:.2rem .3rem}.genre-filter-toggle:hover{text-decoration:underline}.page-loading,.empty-state{text-align:center;color:var(--text-muted);padding:4rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.book-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.book-card{display:flex;flex-direction:column;max-width:320px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);border-left:5px solid var(--spine-color, var(--accent));background:var(--surface)}.book-cover{position:relative;aspect-ratio:3 / 4;background:var(--surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:contain;background:var(--surface-2)}.book-cover-initial{font-size:2.75rem;font-weight:800;color:var(--spine-color, var(--accent));opacity:.6}.book-type-chip{position:absolute;top:.5rem;left:.5rem;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.book-hover-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:color-mix(in srgb,var(--bg) 65%,transparent);opacity:0;transition:opacity .15s ease}.book-card:hover .book-hover-actions,.book-card:focus-within .book-hover-actions{opacity:1}.book-action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:140px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;min-height:36px}.book-action-btn:hover{background:var(--accent);color:var(--accent-contrast);border-color:transparent}.book-action-btn-danger{color:var(--danger-strong)}.book-action-btn-danger:hover{background:var(--danger-strong);color:#fff}.book-info{padding:.85rem .95rem 1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.book-title{font-size:.98rem;line-height:1.3;font-weight:700}.book-status-row{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.book-rating{margin-left:auto;color:var(--accent-strong);font-weight:700}.book-genres{display:flex;flex-wrap:wrap;gap:.35rem}.genre-badge{font-size:.68rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--chip-color) 22%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--chip-color) 55%,transparent)}.genre-badge-more{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.book-progress{display:flex;align-items:center;gap:.5rem}.progress-track{flex:1;height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--spine-color, var(--accent))}.progress-label{font-size:.74rem;color:var(--text-muted);white-space:nowrap}.book-sources-btn{align-self:flex-start;margin-top:.15rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,black 55%,transparent);display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;width:100%;max-width:420px;max-height:90vh;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-card);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-box::-webkit-scrollbar{display:none}.modal-danger{border-color:var(--danger-strong)}.modal-box-lg{max-width:680px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.modal-message{color:var(--text-muted);font-size:.92rem;line-height:1.5}.confirm-checkbox{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:var(--text);background:var(--surface-2);border-radius:var(--radius-sm);padding:.7rem .85rem;cursor:pointer}.confirm-checkbox input{width:18px;height:18px}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.sources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.sources-list-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--surface-2);border-radius:var(--radius-sm);padding:.65rem .85rem}.badge-primary{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}.detail-layout{display:flex;gap:1.5rem}.detail-cover{flex:0 0 180px;aspect-ratio:3 / 4;background:var(--surface-2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-cover img{width:100%;height:100%;object-fit:contain}.detail-cover-initial{font-size:3rem;font-weight:800;color:var(--accent);opacity:.6}.detail-body{flex:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.detail-badges{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.badge-neutral{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.detail-status{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.detail-field{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.72rem;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em}.detail-notes{color:var(--text);font-size:.9rem;line-height:1.6;white-space:pre-wrap}@media (max-width: 560px){.detail-layout{flex-direction:column}.detail-cover{flex-basis:auto;width:140px;align-self:center}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,black 50%,transparent);display:flex;justify-content:flex-end;z-index:50}.drawer{background:var(--surface);width:min(500px,100%);height:100%;padding:1.75rem;overflow-y:auto;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:none;-ms-overflow-style:none}.drawer::-webkit-scrollbar{display:none}.drawer-header{display:flex;align-items:center;justify-content:space-between}.drawer-form{display:flex;flex-direction:column;gap:1.2rem}.drawer-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.genre-input{display:flex;flex-direction:column;gap:.6rem;position:relative}.genre-input input[type=text]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .75rem;color:var(--text);font-size:.95rem;min-height:44px}.genre-chips-selected{display:flex;flex-wrap:wrap;gap:.4rem}.genre-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;padding:.3rem .4rem .3rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--chip-color, var(--accent)) 22%,transparent);border:1px solid color-mix(in srgb,var(--chip-color, var(--accent)) 55%,transparent);color:var(--text)}.genre-chip button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 .2rem}.genre-suggestions{display:flex;flex-direction:column;gap:.2rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem;max-height:220px;overflow-y:auto}.genre-suggestion{display:flex;align-items:center;gap:.5rem;background:none;border:none;text-align:left;padding:.5rem .6rem;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:.85rem}.genre-suggestion:hover{background:var(--surface)}.genre-suggestion-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.genre-suggestion-create{color:var(--accent-strong);font-weight:600}.sources-input{display:flex;flex-direction:column;gap:.6rem}.source-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.source-platform{flex:0 0 140px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .65rem;color:var(--text);min-height:40px}.source-url{flex:1 1 200px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .65rem;color:var(--text);min-height:40px}.source-primary-toggle{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.source-remove{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--danger-strong);cursor:pointer;width:36px;height:36px;flex-shrink:0}.source-remove:hover{border-color:var(--danger-strong)}.settings-page{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:1.5rem}.settings-sub{color:var(--text-muted);font-size:.9rem}.genre-create-form{display:flex;gap:.75rem}.genre-create-form input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;color:var(--text);min-height:44px}.genre-manage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.genre-manage-row{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:.65rem .85rem;flex-wrap:wrap}.genre-color-input{width:30px;height:30px;border:none;border-radius:50%;padding:0;cursor:pointer;background:none;flex-shrink:0}.genre-manage-name{font-weight:600;flex:1;min-width:100px}.genre-usage{color:var(--text-faint);font-size:.78rem}.genre-edit-input{flex:1;min-width:120px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .6rem;color:var(--text)}@media (max-width: 520px){.field-row{flex-direction:column}.source-platform{flex-basis:100%}}