:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--stage-width:30rem;--bg:#fff;--fg:#16161a;--muted:#6b7280;--line:#e5e7eb;--ok:#047857;--bad:#b91c1c;--card:#fafafa}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101014;--fg:#ededf0;--muted:#9ca3af;--line:#2a2a31;--ok:#34d399;--bad:#f87171;--card:#17171c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font:16px/1.55 ui-sans-serif,-apple-system,system-ui,sans-serif}:is(html:has(.stage),body:has(.stage)){overscroll-behavior:none;height:100dvh;overflow:hidden}main{max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}h1{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.35rem}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:2rem 0 .75rem;font-size:.95rem}p{color:var(--muted);margin:.25rem 0 0}.card{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:1rem}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}.row:last-child{border-bottom:0}.label{font-size:.9rem}.value{text-align:right;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.ok{color:var(--ok)}.bad{color:var(--bad)}button,.button{font:inherit;border:1px solid var(--line);background:var(--fg);color:var(--bg);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;width:100%;margin-top:.75rem;padding:.7rem 1rem;font-size:.95rem}.button{text-align:center;display:block}button.secondary,.button.secondary{color:var(--fg);background:0 0}button:disabled,.button.disabled{opacity:.5;cursor:default}.visually-hidden{opacity:0;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}input{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;margin-top:.75rem;padding:.7rem .8rem;font-size:16px}.keep{grid-template-columns:1fr;gap:1rem;margin-top:.75rem;display:grid}@media (min-width:34rem){.keep{grid-template-columns:1fr 1fr}}.keep-card{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:.75rem}.keep-image{background:var(--line);border-radius:6px;width:100%;height:auto;display:block}.keep-image-pending{background:var(--line);border-radius:6px;width:100%;display:block}.keep-image-failed{text-align:center;place-items:center;padding:.5rem;font-size:.8rem;display:grid}.keep-names{flex-wrap:wrap;align-items:center;gap:.35rem;min-height:1.9rem;margin-top:.6rem;display:flex}.muted{color:var(--muted);font-size:.85rem}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .3rem .2rem .6rem;font-size:.85rem;display:inline-flex}.chip-remove{width:auto;color:var(--muted);background:0 0;border:0;min-height:1.4rem;margin:0;padding:0 .35rem;font-size:1rem;line-height:1}.keep-card input{margin-top:.5rem}.keep-meta{color:var(--muted);flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.8rem;display:flex}.share{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.6rem}.share-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:.5rem;font-size:.75rem;display:block}.share-names{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.share-names .chip{cursor:pointer;padding:.2rem .6rem}.share-names input{width:auto;margin:0 .35rem 0 0}.share-from{color:var(--fg);margin-top:.6rem;font-size:.85rem}button.small,.button.small{width:auto;padding:.4rem .8rem;font-size:.85rem}.search-controls{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.search-controls button{margin-top:0}.stage{height:100dvh;max-width:var(--stage-width);--compose-height:calc(10.5rem + env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex;position:fixed;inset:0;overflow:hidden}@media (min-width:30rem){.stage{border-inline:1px solid var(--line)}}.circles-frame{flex:1;width:100%;min-height:0}.stage-composing .circles-frame{height:calc(100% - var(--compose-height));flex:none}.stage-note{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--card);text-align:center;border-radius:999px;max-width:calc(100% - 7rem);padding:.5rem .9rem;font-size:.85rem;position:absolute;transform:translate(-50%)}.fab{right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--fg);width:3.5rem;height:3.5rem;color:var(--bg);touch-action:manipulation;border-radius:999px;margin:0;padding:0;font-size:1.75rem;line-height:1;position:absolute;box-shadow:0 6px 20px #00000038}.fab-menu{right:1.25rem;bottom:calc(5.25rem + env(safe-area-inset-bottom));z-index:2;flex-direction:column;align-items:stretch;gap:.4rem;display:flex;position:absolute}.fab-option{border:1px solid var(--line);background:var(--card);min-width:7.5rem;color:var(--fg);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;margin:0;padding:.7rem 1rem;font-size:.95rem;display:block;box-shadow:0 6px 20px #0000002e}.fab-scrim{z-index:1;position:absolute;inset:0}.photo-band{aspect-ratio:4/3;border-top:1px solid var(--line);width:100%;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:contain;flex:none;overflow-y:auto}.grid-tiles{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.grid-tile{aspect-ratio:1;background:var(--line);position:relative;overflow:hidden}.grid-tile-failed{background:color-mix(in srgb, var(--line) 70%, red)}.grid-image{object-fit:cover;width:100%;height:100%;display:block}.compose{z-index:2;height:var(--compose-height);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);flex-direction:column;gap:.4rem;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000024}.compose-meta{align-items:center;gap:.5rem;min-height:1.9rem;display:flex}.compose-location{width:auto;color:var(--fg);background:0 0;border-radius:999px;flex:none;margin:0;padding:.25rem .7rem;font-size:.8rem}.compose-status{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.compose-names{scrollbar-width:none;align-items:center;gap:.35rem;min-height:2rem;display:flex;overflow:auto hidden}.compose-names::-webkit-scrollbar{display:none}.compose-names .chip{flex:none}.compose-hint{color:var(--muted);margin:0;font-size:.82rem}.compose-entry{align-items:flex-end;gap:.6rem;display:flex}.compose-entry input{margin-top:0}.compose-photo{flex:none;width:3.5rem;height:3.5rem;position:relative}.compose-photo img{object-fit:cover;background:var(--line);border-radius:999px;width:100%;height:100%;display:block}.compose-send{border:2px solid var(--bg);color:#fff;text-shadow:0 1px 3px #000000b3;-webkit-tap-highlight-color:transparent;background:#00000047;border-radius:999px;width:100%;height:100%;margin:0;padding:0;font-size:1.4rem;line-height:1;position:absolute;inset:0}.compose-send:disabled{color:#ffffff8c;background:#0000008c}.compose-discard{border:1px solid var(--line);background:var(--bg);width:1.6rem;height:1.6rem;color:var(--fg);border-radius:999px;margin:0;padding:0;font-size:.9rem;line-height:1;position:absolute;top:-.35rem;right:-.35rem}.location-sheet{left:1rem;right:1rem;bottom:calc(var(--compose-height) + .5rem);z-index:3;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:.75rem 1rem;position:absolute;box-shadow:0 -10px 30px #0000002e}.circles{touch-action:none;width:100%;height:100%;display:block;overflow:hidden}.circles-backdrop{fill:#0000;cursor:pointer}.circle-body{fill:color-mix(in srgb, var(--fg) 7%, var(--bg));stroke:var(--line);stroke-width:2px}.circle-divisible{cursor:pointer}.circle-draggable{cursor:grab}.circle-draggable:active{cursor:grabbing}.circle-divisible:focus-visible{outline:none}.circle-divisible:focus-visible .circle-body{stroke:var(--fg);stroke-width:4px}.circle-picked>.circle-body{stroke:var(--fg);stroke-width:5px}.circle-child{fill:color-mix(in srgb, var(--fg) 17%, var(--bg));stroke:var(--bg);stroke-width:1.5px}.circle-grandchild{fill:color-mix(in srgb, var(--fg) 30%, var(--bg));stroke:none}@keyframes circle-dismiss{0%,50%{opacity:1;stroke-dasharray:none}to{opacity:.12;stroke-dasharray:6 5}}.circle-dismissing>.circle-body,.circle-dismissing>.circle-label{animation:.7s linear forwards circle-dismiss}@media (prefers-reduced-motion:reduce){.circle-dismissing>.circle-body,.circle-dismissing>.circle-label{opacity:.5;animation:none}}.circle-other{stroke-dasharray:6 5}.circle-label{text-anchor:middle;fill:var(--fg);pointer-events:none;font:inherit;paint-order:stroke;stroke:var(--bg);stroke-width:5px;stroke-linejoin:round;font-size:26px;font-weight:600}.circles-path{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.85rem;display:flex}.circles-path button{margin-top:0}.circles-crumb{color:var(--muted)}