:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--sunken:#f0f1f4;--text:#16181d;--muted:#646b78;--border:#e1e4ea;--accent:#3d6fe0;--accent-soft:#3d6fe01a;--danger:#c0392b;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #10182808, 0 1px 3px #1018280f;--control:2.6rem;--playing:#1f9d55;--backlog:#b7791f;--finished:#7c5cd6;--wishlist:#d64f8a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--surface:#1c1f25;--sunken:#23272e;--text:#e8eaee;--muted:#9aa1ad;--border:#2d323a;--accent:#5b8def;--accent-soft:#5b8def26;--danger:#ef6b5b;--shadow:none;--playing:#48c97c;--backlog:#e0a43a;--finished:#a58bf0;--wishlist:#f07aab}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}main,.login{max-width:44rem;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(2rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}h1{letter-spacing:-.02em;margin:0;font-size:1.6rem}.error{color:var(--danger);margin:.5rem 0}.empty{color:var(--muted)}.center{min-height:60vh;color:var(--muted);place-items:center;display:grid}input,select,button{font:inherit;color:inherit}input:not([type=checkbox]),select{height:var(--control);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:0;padding:0 .8rem}input::placeholder{color:var(--muted)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23889' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;padding-right:2rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent);vertical-align:-.15em}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button.primary{height:var(--control);border-radius:var(--radius-sm);background:var(--accent);color:#fff;white-space:nowrap;border:none;padding:0 1rem;font-weight:600}button.link{color:var(--accent);background:0 0;border:none;padding:.35rem .25rem;font-weight:500}button.link:hover:not(:disabled){text-decoration:underline}button.link.danger{color:var(--danger)}label{color:var(--muted);align-items:center;gap:.4rem;display:inline-flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}header nav{flex-wrap:wrap;gap:.25rem;margin-right:-.4rem;display:flex}header nav button.link,header>button.link{color:var(--muted);border-radius:999px;padding:.4rem .6rem}header nav button.link:hover,header>button.link:hover{background:var(--sunken);color:var(--text);text-decoration:none}.add{gap:.5rem;display:flex}.add input:not([type=checkbox]){flex:1}main>.add{margin-bottom:1rem}.filters{margin:.75rem 0 1rem}input.search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23889' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M11 11l3.5 3.5'/%3E%3C/svg%3E");background-position:.8rem;background-repeat:no-repeat;width:100%;padding-left:2.3rem}.filter-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.filter-row select{background-color:var(--surface);border-radius:999px;height:2.1rem;padding-left:.85rem;font-size:.9rem}.filter-row .badge{background:var(--accent-soft);color:var(--accent);align-items:center;gap:.15rem;padding-right:.2rem;display:inline-flex}.filter-row .badge button.link{padding:0;font-size:1rem;line-height:1}.games{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:0;list-style:none;overflow:hidden}.games>li{border-bottom:1px solid var(--border)}.games>li:last-child{border-bottom:none}.games>li.row{min-height:3.2rem;padding:.55rem .9rem}.row{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.row>span:last-child{flex-shrink:0;gap:.25rem;display:flex}.games .add{flex:1}button.row{text-align:left;background:0 0;border:none;padding:.75rem .9rem;font-weight:600}button.row:hover,button.row[aria-expanded=true]{background:var(--sunken)}.copy-summary{color:var(--muted);flex-direction:column;gap:.05rem;margin-top:.2rem;font-size:.82rem;font-weight:400;display:flex}.copy-summary em,.copies em{color:var(--backlog);font-style:normal}.badges{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;max-width:55%;display:flex}.badge{background:var(--sunken);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:500;line-height:1.5}.badge.tag{box-shadow:inset 0 0 0 1px var(--border);background:0 0}.badge.status,.badge.wishlist{font-weight:600}.badge.playing{color:var(--playing);background:color-mix(in srgb, var(--playing) 14%, transparent)}.badge.backlog{color:var(--backlog);background:color-mix(in srgb, var(--backlog) 14%, transparent)}.badge.finished{color:var(--finished);background:color-mix(in srgb, var(--finished) 14%, transparent)}.badge.wishlist{color:var(--wishlist);background:color-mix(in srgb, var(--wishlist) 14%, transparent)}.detail{background:var(--sunken);flex-direction:column;gap:.6rem;padding:.75rem .9rem;display:flex}.detail+.detail,.detail+div{border-top:1px solid var(--border)}li>div:not(.detail){background:var(--sunken);padding:.15rem .65rem}li>div:last-child:not(.detail){padding-bottom:.6rem}.detail .add{flex-wrap:wrap;align-items:center}.detail select,.detail input:not([type=checkbox]){background-color:var(--surface)}.copies{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.copies li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .4rem .45rem .75rem;font-size:.92rem;display:flex}.copies li.empty{background:0 0;border-style:dashed}.tag-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li.badge{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border);align-items:center;padding:.15rem .2rem .15rem .6rem;font-size:.82rem;display:inline-flex}.tag-list li.badge button.link{color:var(--muted);padding:0;font-size:1rem;line-height:1}.filter-row .badge button.link,.tag-list li.badge button.link{border-radius:999px;place-items:center;min-width:1.75rem;min-height:1.75rem;display:inline-grid}.tag-list li.empty{color:var(--muted);font-size:.9rem}.merge ul{color:var(--muted);margin:0;padding-left:1.2rem;font-size:.92rem}.merge p{margin:0}.login{flex-direction:column;gap:.75rem;max-width:22rem;margin-top:18vh;display:flex}.login:before{content:"";background:url(/icon.svg) 50%/cover;border-radius:14px;width:3.5rem;height:3.5rem;margin:0 auto .25rem}.login h1{text-align:center;margin-bottom:.5rem}.login input,.login button.primary{width:100%;height:2.9rem}@media (max-width:30rem){h1{font-size:1.4rem}.filter-row select{flex:auto}button.row{flex-direction:column;align-items:flex-start;gap:.4rem}.badges{justify-content:flex-start;max-width:100%}.detail .add>input:not([type=checkbox]){flex-basis:100%}.detail .add>button.primary{flex:1}}