:root{--bg:#f6f5f1;--surface:#fff;--text:#1d2321;--muted:#6b726f;--line:#e2e0d9;--accent:#2f7d5b;--accent-text:#fff;--flash:#fff1b8;--highlight:#d7efe3;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#141816;--surface:#1d2321;--text:#eef1ef;--muted:#9aa39f;--line:#2e3633;--accent:#5cc08f;--accent-text:#0d1a14;--flash:#4a4320;--highlight:#1f4434;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:34rem;padding:max(16px, env(safe-area-inset-top)) 16px 32px;margin:0 auto}h1{margin:0;font-size:1.6rem}input,button{font:inherit;color:inherit}input{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;padding:.8rem 1rem}button[type=submit]{background:var(--accent);color:var(--accent-text);border:0;border-radius:12px;padding:.8rem 1.1rem;font-weight:600}button:disabled{opacity:.5}.setup form{gap:1rem;margin-top:1.5rem;display:grid}.setup label{gap:.35rem;font-weight:600;display:grid}.hint{color:var(--muted);font-size:.9rem}.list header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.status{color:var(--muted);font-size:.85rem}.status.online{color:var(--accent)}.add{gap:.5rem;margin-bottom:1rem;display:flex}.add button{min-width:3.2rem;font-size:1.3rem}.empty{color:var(--muted);text-align:center;margin:2rem 0}ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}li{background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:background-color .6s}li.flash{background:var(--flash)}li.highlight{background:var(--highlight)}.item{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:1.6rem 1fr;column-gap:.75rem;width:100%;padding:.75rem 1rem;display:grid}.item:focus-visible{outline:2px solid var(--accent);border-radius:12px}.check{border:2px solid var(--line);width:1.6rem;height:1.6rem;color:var(--accent-text);border-radius:50%;grid-row:span 2;align-self:center;place-items:center;font-size:.9rem;display:grid}li.picked .check{background:var(--accent);border-color:var(--accent)}.name{overflow-wrap:anywhere;font-size:1.05rem}li.picked .name{color:var(--muted);text-decoration:line-through}li.held .item>*{opacity:.55}li.held .check{background:var(--muted);border-color:var(--muted)}li.held.by-other{border-color:var(--accent);border-left-width:4px}.list{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.gear{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface);width:3.25rem;height:3.25rem;color:var(--muted);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 4px 16px #00000040}.gear svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}.gear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.active{min-height:calc(100dvh - max(16px, env(safe-area-inset-top)));flex-direction:column;display:flex}.done{padding-top:1.5rem}.done h2{color:var(--muted);margin:0 0 .5rem;font-size:.9rem;font-weight:600}.meta{color:var(--muted);font-size:.8rem}.link{all:unset;color:var(--accent);cursor:pointer}.notice{background:var(--highlight);border-radius:12px;padding:.75rem 1rem}.error{color:#b3261e}@media (prefers-color-scheme:dark){.error{color:#ffb4ab}}.page header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.page h2{margin:0;font-size:1.4rem}.page{gap:.75rem;display:grid}.qr{background:#fff;border-radius:12px;justify-self:center;width:min(18rem,100%);padding:.5rem}.qr svg{width:100%;height:auto;display:block}.code{text-align:center;margin:0;font-size:1.1rem}.code strong{letter-spacing:.12em;font-family:ui-monospace,monospace}.invite-link{color:var(--muted);font-size:.85rem}.devices li{grid-template-columns:1fr auto;padding:.75rem 1rem;display:grid}.devices .meta{grid-column:1}.devices .remove{border:1px solid var(--line);background:0 0;border-radius:10px;grid-area:1/2/span 2;align-self:center;padding:.4rem .8rem}.steps{gap:.5rem;margin:0;padding-left:1.25rem;display:grid}.steps li{background:0 0;border:0}.menu{gap:6px;display:grid}.menu button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;padding:.9rem 1rem}.menu button:after{content:"›";float:right;color:var(--muted)}.menu button:focus-visible{outline:2px solid var(--accent);border-radius:12px}.danger{border:1px solid var(--line);color:#b3261e;background:0 0;border-radius:12px;justify-self:start;padding:.8rem 1rem}@media (prefers-color-scheme:dark){.danger{color:#ffb4ab}}.setup-form{gap:1rem;display:grid}.setup-form label{gap:.35rem;font-weight:600;display:grid}.list li{touch-action:pan-y;position:relative;overflow:hidden}.list li .item{background:inherit;border-radius:inherit;transform:translateX(var(--dx,0px));transition:transform .2s ease-out;position:relative}.list li.swiping .item{transition:none}.delete{width:max(88px, calc(-1 * var(--dx,0px)));color:#fff;cursor:pointer;visibility:hidden;background:#d93025;border:0;font-weight:600;position:absolute;inset:0 0 0 auto}li.swiping .delete,li.open .delete{visibility:visible}li.removed .check{color:#d93025;border-color:#d93025}li.removed .name{color:var(--muted);text-decoration:line-through}