:root{--bg: #FFFFFF;--ink: #0D0D0D;--muted: #5E5E5E;--faint: #A3A3A3;--line: #E4E4E4;--soft: #F4F4F3;--accent: #0A7C55;--danger: #B42318;--f-body: "Familjen Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;--f-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #111211;--ink: #EDEDEA;--muted: #A2A39F;--faint: #6C6D69;--line: #2A2B29;--soft: #1B1C1A;--accent: #4CC795;--danger: #F97066;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body)}img{max-width:100%}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));max-width:1600px;margin:0 auto}@media (min-width: 900px){.page{padding-left:max(40px,env(safe-area-inset-left,0px));padding-right:max(40px,env(safe-area-inset-right,0px))}}.loading-page{padding-top:0}.brandrow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:env(safe-area-inset-top,0px)}.logo{display:flex;color:var(--ink);width:max-content}.ribbon{width:36px;height:48px;display:block;fill:var(--ink);flex:none}.nav{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;padding-top:12px}.nav a{color:var(--muted);font-size:16px;font-weight:500;text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent}.nav a:hover{color:var(--ink)}.nav a.active{color:var(--ink);border-bottom-color:var(--accent)}.nav .who{font:12px var(--f-mono);color:var(--muted)}.nav .out{border:0;background:none;padding:0;font:12px var(--f-mono);color:var(--ink);text-decoration:underline}@media (max-width: 560px){.ribbon{width:27px;height:36px}.nav{gap:6px 16px;padding-top:8px}.nav .who,.add .lbl{display:none}.add .tagfield{flex-basis:140px}}.add{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:24px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding-block:12px}.lbl{font:12px var(--f-mono);color:var(--muted);letter-spacing:.04em}.url-input{flex:2 1 260px;min-width:0;height:44px;border:0;background:transparent;font:500 20px var(--f-body);outline:none}.url-input::placeholder,.ti input::placeholder,.plain::placeholder{color:var(--faint)}.tagfield{flex:1 1 220px;min-width:0}.note-toggle{font:12px var(--f-mono);white-space:nowrap}.add-note{flex-basis:100%;display:flex;align-items:flex-start;gap:10px 16px;padding-top:10px;border-top:1px solid var(--line)}.add-note .lbl{padding-top:6px}.add-note textarea{flex:1;min-width:0;border:0;background:transparent;font:16px/1.45 var(--f-body);resize:vertical;outline:none;padding:4px 0}.add-note textarea::placeholder{color:var(--faint)}.add-note .clear{padding-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border:1px solid var(--ink);background:transparent;font-weight:600;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{opacity:.88}.notice{flex-basis:100%;font-size:14px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline}.notice.err,.err{color:var(--danger);font-size:14px}.notice button,.ul{border:0;background:none;padding:0;color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.ul.ink{color:var(--ink);font-weight:500}.ul.danger{color:var(--danger);font-weight:500}.start{align-self:flex-start}.note{font-size:13px;color:var(--muted);margin:8px 0 0}.note.pad{padding-top:28px}.small{font-size:13px}.ti{position:relative;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;min-height:44px;cursor:text}.ti input{flex:1 0 80px;min-width:0;border:0;background:transparent;height:36px;font-size:16px;outline:none}.chip{display:inline-flex;align-items:center;gap:2px;color:var(--accent);font-size:16px}.chip button{border:0;background:none;width:22px;height:22px;display:grid;place-items:center;color:var(--muted);padding:0}.sugg{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--bg);border:1px solid var(--ink);list-style:none;margin:0;padding:4px 0;z-index:40;max-height:260px;overflow:auto;min-width:200px}.sugg li{padding:7px 12px;cursor:pointer;display:flex;justify-content:space-between;gap:12px}.sugg li[aria-selected=true]{background:var(--soft)}.sugg .n{color:var(--muted);font:12px var(--f-mono)}.sugg .create{color:var(--accent);font-weight:600}.wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start;padding-top:28px}.side{position:sticky;top:calc(env(safe-area-inset-top,0px) + 20px);max-height:calc(100vh - 40px);overflow:auto;display:flex;flex-direction:column;gap:26px;padding-bottom:8px}.side h2,.sec-h{font:11px var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-weight:400}.side-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.mode{display:flex;align-items:baseline;gap:12px;font-size:18px;font-weight:600}.mode button{border:0;background:none;padding:0 0 2px;color:var(--faint);border-bottom:2px solid transparent}.mode button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.mode .sep{color:var(--line)}.mode-hint{font-size:13px;color:var(--muted);margin:6px 0 0}.tag-search{width:100%;height:32px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0;font-size:14px;margin-bottom:8px;outline:none}.tag-search:focus{border-bottom-color:var(--ink)}.taglist{list-style:none;margin:0;padding:0}.taglist button{border:0;background:none;padding:3px 0;display:inline-flex;align-items:baseline;gap:3px;font-size:17px;text-align:left;color:var(--ink)}.taglist button:hover span:first-child{text-decoration:underline;text-underline-offset:3px}.taglist button[aria-pressed=true]{color:var(--accent);font-weight:600}.taglist sup{font:10px var(--f-mono);color:var(--muted);font-weight:400}.muted-li{color:var(--muted);font-size:14px}.clear{border:0;background:none;padding:0;color:var(--muted);text-decoration:underline;font:12px var(--f-mono)}.bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:18px;font:12px var(--f-mono);color:var(--muted)}.bar .q{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.bar .f{border:0;background:none;padding:0;color:var(--accent);font:inherit}.bar .f:hover{text-decoration:line-through}.bar .tools{display:flex;gap:16px;align-items:baseline}.bar .tools button{border:0;background:none;padding:0;font:500 14px var(--f-body);color:var(--ink);text-decoration:underline;text-underline-offset:3px}.filters-toggle{display:none}.grid{display:flex;gap:24px;align-items:flex-start}.col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:32px}.card{display:flex;flex-direction:column;gap:8px;outline:1px solid transparent;outline-offset:6px;transition:outline-color .15s;position:relative;margin:0}.card:hover,.card:focus-within{outline-color:var(--ink)}.card.static:hover,.card.static:focus-within{outline-color:transparent}.card.flash{animation:flash 1.6s ease}@keyframes flash{0%,40%{outline-color:var(--accent)}to{outline-color:transparent}}.card.selecting{cursor:pointer}.card.picked{outline:3px solid var(--accent)}.thumb{display:block;border-radius:3px;overflow:hidden;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);position:relative;max-width:100%}.thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transition:opacity .3s ease}.thumb img.in{opacity:1}.thumb.loading{display:grid;place-items:center}.thumb.loading>img{position:absolute;top:0;right:0;bottom:0;left:0}.thumb.empty span{font:11px var(--f-mono);color:var(--muted)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:pulse 1.6s ease-in-out infinite!important;border-color:var(--faint)}}@keyframes pulse{50%{opacity:.35}}.card-note{margin:0;font-size:14px;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;border-left:2px solid var(--line);padding-left:10px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.thumb.empty{display:grid;place-items:center;text-decoration:none}.pick{position:absolute;top:8px;left:8px;z-index:2;width:28px;height:28px;background:var(--bg);border:2px solid var(--ink);display:grid;place-items:center}.pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.pick svg{visibility:hidden}.card.picked .pick{background:var(--accent);border-color:var(--accent);color:#fff}.card.picked .pick svg{visibility:visible}.meta{display:flex;justify-content:space-between;gap:8px;font:11px var(--f-mono);color:var(--muted)}.dom{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.fav,.fav-img{width:14px;height:14px;border-radius:3px;flex:none}.fav{display:inline-grid;place-items:center;font:700 8px var(--f-body);color:#fff}.fav-img{object-fit:contain}.title{margin:0;font-size:17px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.title a{color:inherit;text-decoration:none}.title a:hover{text-decoration:underline;text-underline-offset:3px}.pending{color:var(--muted);font-weight:400;font-style:italic}.card-err{margin:0;font-size:13px;color:var(--danger)}.tags{display:flex;flex-wrap:wrap;gap:2px 10px}.tag{border:0;background:none;padding:0;font-size:14px;color:var(--muted)}button.tag:hover{color:var(--ink);text-decoration:underline}.tag.on{color:var(--accent)}.acts{display:flex;flex-wrap:wrap;gap:4px 14px;font:12px var(--f-mono);opacity:0;transition:opacity .15s}.card:hover .acts,.card:focus-within .acts{opacity:1}@media (hover: none){.acts{opacity:1}}.acts button{border:0;background:none;padding:4px 0;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.acts .del{color:var(--danger)}.sentinel{height:1px}.more{color:var(--muted);font:12px var(--f-mono);padding:24px 0}.empty{padding:48px 0;color:var(--muted);max-width:52ch}.empty strong{display:block;color:var(--ink);font-size:22px;font-weight:600;margin-bottom:4px}@media (max-width: 760px){.wrap{grid-template-columns:1fr}.filters-toggle{display:inline}.side{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(300px,84vw);max-height:none;background:var(--bg);border-right:1px solid var(--ink);padding:calc(env(safe-area-inset-top,0px) + 20px) 20px calc(env(safe-area-inset-bottom,0px) + 20px) max(20px,env(safe-area-inset-left,0px));transform:translate(-105%);transition:transform .2s ease}.side.open{transform:none}.grid{gap:16px}.col{gap:26px}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}.selbar{position:fixed;z-index:55;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--ink);color:var(--bg);padding:10px 12px 10px 18px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;max-width:calc(100vw - 32px)}.selbar .n{font:13px var(--f-mono)}.selbar button{border:0;background:none;color:var(--bg);padding:6px 4px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.selbar .go{background:var(--bg);color:var(--ink);text-decoration:none;padding:8px 14px}.selbar~.toast,.page:has(.selbar)~.toast{bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}.vhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:28px;padding-bottom:16px;border-bottom:2px solid var(--ink)}.vhead h1{margin:0;font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1;text-wrap:balance;overflow-wrap:anywhere;min-width:0}.crumb{font:12px var(--f-mono);color:var(--muted);margin:24px 0 -16px}.crumb a{color:var(--muted)}.coll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:36px 24px;padding-top:28px}.coll-card{display:flex;flex-direction:column;gap:8px;outline:1px solid transparent;outline-offset:6px;text-decoration:none;color:inherit;min-width:0}.coll-card:hover,.coll-card:focus-visible{outline-color:var(--ink)}.cover{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:3px;aspect-ratio:4 / 3;width:100%;max-width:100%;border-radius:3px;overflow:hidden;background:var(--soft)}.cover img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.cover span{background:var(--soft)}.coll-card h2{margin:0;font-size:20px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.clamp{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.pill{font:11px var(--f-mono);padding:1px 6px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pill.ok{border-color:var(--accent);color:var(--accent)}.pill.warn{border-color:var(--danger);color:var(--danger)}.mrow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font:12px var(--f-mono);color:var(--muted)}.cdesc{max-width:65ch;color:var(--muted);font-size:17px;margin:14px 0 0;white-space:pre-line}.cdesc.faint{color:var(--faint)}.cactions{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;margin-top:14px}.share{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:14px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}.switch{display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:0;font-weight:600;text-align:left}.switch .track{width:40px;height:22px;border:2px solid var(--ink);position:relative;flex:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--ink);transition:transform .15s}.switch[aria-checked=true] .track{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true] .track:after{transform:translate(18px);background:#fff}.linkbox{flex:1 1 300px;min-width:0;height:40px;border:0;background:var(--soft);padding:0 12px;font:13px var(--f-mono);color:var(--ink)}.linkbox:disabled{color:var(--faint);text-decoration:line-through;opacity:1}.share .hint{flex-basis:100%;font-size:13px;color:var(--muted);margin:0}.cgrid-wrap{padding-top:28px}.adm{display:grid;gap:40px;padding-top:28px;max-width:980px}.inv{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding-block:12px}.inv input{flex:1 1 260px;min-width:0;height:44px;border:0;background:transparent;font:500 18px var(--f-body);outline:none}.result{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.result p{margin:0;flex-basis:100%;font-size:14px}.tblwrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:600px}.tbl th{font:11px var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:0 12px 8px 0;border-bottom:1px solid var(--ink);font-weight:400}.tbl td{padding:12px 12px 12px 0;border-bottom:1px solid var(--line);vertical-align:baseline}.tbl td.m{font:12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.tbl td.r{text-align:right;white-space:nowrap}.tbl td.r button+button{margin-left:14px}.set{display:grid;gap:44px;padding-top:28px;max-width:1100px}.set h2{font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.field{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--line);margin-top:12px}.field .note{margin:0 0 0 50px}.switch:disabled{opacity:.4}.pv{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;padding-top:16px;border-top:1px solid var(--line)}.pv figcaption{font:11px var(--f-mono);color:var(--muted);overflow-wrap:anywhere}#app .thumb img,#app .cover img{transition:filter .25s ease}#app.bw .thumb img,#app.bw .cover img{filter:grayscale(1)}#app.bw.hover-color .card:hover .thumb img,#app.bw.hover-color .card:focus-within .thumb img,#app.bw.hover-color .coll-card:hover .cover img,#app.bw.hover-color .coll-card:focus-visible .cover img{filter:none}.narrow{max-width:440px;padding-top:48px;display:flex;flex-direction:column;gap:16px}.narrow h1{margin:0;font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}.narrow p{margin:0;color:var(--muted)}.narrow form{display:flex;flex-direction:column;gap:12px;margin-top:8px}.narrow .plain{height:48px;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:0;font:500 18px var(--f-body);outline:none}.protobox{border:1px dashed var(--faint);padding:12px 14px;font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ext .logo{padding-top:env(safe-area-inset-top,0px)}.pub-head{padding-top:40px;max-width:900px}.pub-head .eyebrow{font:12px var(--f-mono);color:var(--muted);margin:0 0 10px}.pub-head h1{margin:0;font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1;text-wrap:balance;overflow-wrap:anywhere}.pub-foot{margin-top:48px;padding-top:14px;border-top:1px solid var(--line);font:12px var(--f-mono);color:var(--muted)}@media (max-width: 560px){.vhead h1{font-size:34px}.pub-head h1{font-size:38px}.narrow h1{font-size:32px}}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.modal{width:min(540px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--bg);border:1px solid var(--ink);padding:24px;display:flex;flex-direction:column;gap:16px}.modal h3{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em}.modal .sub{margin:-10px 0 0;color:var(--muted);font-size:14px}.modal label{display:flex;flex-direction:column;gap:2px}.modal .plain{height:40px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:0;font-size:17px;outline:none;width:100%}.modal textarea.plain{height:auto;min-height:96px;padding:8px 0;resize:vertical;line-height:1.45}.modal .plain:focus{border-bottom-color:var(--ink)}.modal .plain.mono{font:14px var(--f-mono)}.modal .tagbox{border-bottom:1px solid var(--line)}.modal .row,.row{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.modal .row.spread{justify-content:space-between;margin-top:4px}.choices{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.choices li{border-bottom:1px solid var(--line)}.choices button{width:100%;border:0;background:none;padding:12px 0;display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-align:left;font-size:16px;font-weight:600}.choices button:hover{color:var(--accent)}.choices .n{font:12px var(--f-mono);color:var(--muted);font-weight:400}.newc{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.newc label{flex:1 1 220px}.picklist{list-style:none;margin:0;padding:0;max-height:46vh;overflow:auto;border-top:1px solid var(--line)}.picklist li{border-bottom:1px solid var(--line)}.modal .picklist label{flex-direction:row;align-items:center;gap:12px;padding:10px 0;cursor:pointer}.picklist input{width:18px;height:18px;accent-color:var(--accent);flex:none}.picklist .t{font-weight:600;font-size:15px;display:block}.picklist .d{font:11px var(--f-mono);color:var(--muted)}.toast{position:fixed;z-index:70;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--ink);color:var(--bg);padding:10px 16px;display:flex;gap:16px;align-items:center;font-size:14px;max-width:calc(100vw - 32px)}.toast button{border:0;background:none;color:var(--bg);font-weight:700;text-decoration:underline;padding:0}@media (prefers-reduced-motion: reduce){*,*:after{animation:none!important;transition:none!important}}