:root{--bg:#14181c;--bg-2:#1c2228;--panel:#1c2228;--panel-2:#2c3440;--text:#e1e6eb;--muted:#9ab;--green:#00e054;--orange:#ff8000;--blue:#40bcf4;--border:#2c3440;--radius:10px;--shadow:0 6px 20px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{margin:0;background:radial-gradient(1200px 600px at 50% -200px,#1b2530 0,var(--bg) 55%);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1240px;margin:0 auto;padding:2.5rem 1.25rem 5rem}.hero{text-align:center;margin-bottom:1.75rem}h1{font-size:2rem;margin:0 0 .35rem;letter-spacing:-.02em;background:linear-gradient(90deg,var(--orange),var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--muted);margin:0}.form{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.inputs{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:.75rem;gap:.75rem;align-items:end}.field{min-width:0}.field label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.35rem}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.field-head label{margin-bottom:.35rem}.shortcut{font-size:.72rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color .15s}.shortcut:hover{color:var(--text);text-decoration:underline}.shortcut .rez{color:#e53935;font-weight:700;letter-spacing:.02em}.field input{width:100%;padding:.7rem .85rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;transition:border-color .15s}.field input:focus{outline:none;border-color:var(--blue)}.swap{height:42px;width:42px;flex:none;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1.1rem;cursor:pointer;transition:background .15s,transform .15s}.swap:hover{background:#364150;transform:rotate(180deg)}.row{margin-top:.9rem}button.primary{background:var(--green);color:#06120a;border:none;border-radius:8px;padding:.7rem 1.6rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .15s,transform .05s}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.primary:active:not(:disabled){transform:translateY(1px)}button.primary:disabled{opacity:.45;cursor:default}.error{color:#ff6b6b;margin:.85rem 0 0}.stats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.75rem 0 .75rem}.chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.3rem .7rem;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--muted)}.chip-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none}.chip-a{color:var(--orange);border-color:rgba(255,128,0,.4)}.chip-b{color:var(--blue);border-color:rgba(64,188,244,.4)}.chip-common{color:var(--green);border-color:rgba(0,224,84,.4)}.chip-progress{color:var(--text)}.progress{height:4px;background:var(--panel-2);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .3s ease}.toolbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.75rem 0 1.25rem;padding:.75rem;background:rgba(20,24,28,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--radius)}.toolbar .search{flex:1 1;min-width:180px;padding:.55rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text)}.toolbar .search:focus{outline:none;border-color:var(--blue)}.control{display:flex;align-items:center;gap:.4rem}.control label{font-size:.75rem;color:var(--muted)}.toolbar .dir,.toolbar select{padding:.5rem .7rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;cursor:pointer}.toolbar .dir:disabled{opacity:.4;cursor:default}.info{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 1.25rem;padding:.75rem .9rem;background:rgba(64,188,244,.08);border:1px solid rgba(64,188,244,.3);border-radius:var(--radius);font-size:.85rem;color:var(--muted)}.info strong{color:var(--text)}.info em{font-style:normal;color:var(--blue)}.info-icon{flex:none;width:18px;height:18px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--blue);color:#06121a;font-size:.72rem;font-weight:700}.tabs{display:none;gap:.4rem;margin-bottom:1rem}.tab{flex:1 1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .5rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.8rem;cursor:pointer}.tab .tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab .tab-count{flex:none;font-size:.68rem;padding:.05rem .4rem;border-radius:999px;background:var(--panel-2);color:var(--text)}.tab-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none}.tab.active{color:var(--text);background:var(--panel-2);border-color:var(--panel-2)}.tab-common.active{box-shadow:inset 0 -2px 0 var(--green)}.tab-a.active{box-shadow:inset 0 -2px 0 var(--orange)}.tab-b.active{box-shadow:inset 0 -2px 0 var(--blue)}.columns{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}@media (max-width:920px){.container{padding:1.5rem .9rem 4rem}h1{font-size:1.6rem}.inputs{grid-template-columns:1fr}.swap{justify-self:center}.tabs{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:6;padding:.5rem 0;margin-bottom:.75rem;background:rgba(20,24,28,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar{position:static}.columns{grid-template-columns:1fr}.columns .column{display:none}.columns.show-a .column.a,.columns.show-b .column.b,.columns.show-common .column.common{display:block}}.column{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.column-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem;padding-bottom:.6rem;border-bottom:1px solid var(--border)}.column-head h2{flex:1 1;min-width:0;font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-avatars{display:inline-flex;flex:none}.head-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;border:1.5px solid var(--panel)}.head-avatar:not(:first-child){margin-left:-7px}.column-head .head-right{display:flex;align-items:center;gap:.5rem;flex:none}.column-head .count{font-size:.78rem;color:var(--muted)}.export{font-size:.7rem;padding:.25rem .5rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.export:hover:not(:disabled){color:var(--green);border-color:var(--green)}.export:disabled{opacity:.4;cursor:default}.column.common .column-head h2{color:var(--green)}.column.a .column-head h2{color:var(--orange)}.column.b .column-head h2{color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));grid-gap:.7rem;gap:.7rem}.empty{color:var(--muted);font-size:.85rem;padding:1rem 0}.card{display:block}.poster{width:100%;aspect-ratio:2/3;background:var(--panel-2);border-radius:6px;overflow:hidden;position:relative;border:1px solid hsla(0,0%,100%,.06);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card:hover .poster{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--green)}.poster img{width:100%;height:100%;object-fit:cover;display:block}.poster .placeholder{inset:0;display:flex;justify-content:center;text-align:center;font-size:.65rem;color:var(--muted);padding:.3rem}.poster .placeholder,.rating-badge{position:absolute;align-items:center}.rating-badge{top:4px;right:4px;display:inline-flex;gap:.25rem;padding:.12rem .35rem;border-radius:999px;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rating-badge .src{font-size:.5rem;font-weight:700;letter-spacing:.04em;color:var(--muted);opacity:.85}.rating-badge .val{font-size:.65rem;font-weight:700;color:var(--green)}.card .title{font-size:.72rem;margin-top:.4rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .title .yr{color:var(--muted)}