[data-series="1"]{--series:var(--series-1);--series-ink:var(--series-1-ink)}[data-series="2"]{--series:var(--series-2);--series-ink:var(--series-2-ink)}[data-series="3"]{--series:var(--series-3);--series-ink:var(--series-3-ink)}[data-series="4"]{--series:var(--series-4);--series-ink:var(--series-4-ink)}[data-series="5"]{--series:var(--series-5);--series-ink:var(--series-5-ink)}[data-series="6"]{--series:var(--series-6);--series-ink:var(--series-6-ink)}[data-series="7"]{--series:var(--series-7);--series-ink:var(--series-7-ink)}[data-series="8"]{--series:var(--series-8);--series-ink:var(--series-8-ink)}[data-series="9"]{--series:var(--series-9);--series-ink:var(--series-9-ink)}.toolbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar>.end{margin-inline-start:auto}.store-status{font-size:var(--fs-dense);color:var(--text-3);white-space:nowrap}.filters{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0}.chip{display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--h-control-small);padding:0 var(--s3);border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font:inherit;font-size:var(--fs-dense);cursor:pointer}.chip[data-series]:before{content:"";width:var(--s2);height:var(--s2);border-radius:50%;background:var(--series)}.chip .count{color:var(--text-3)}.chip[aria-pressed=true]{background:var(--select);border-color:var(--line-2);color:var(--text)}@media(hover:hover)and (pointer:fine){.chip:hover{background:var(--hover)}.chip[aria-pressed=true]:hover{background:var(--select)}}@media(pointer:coarse){.chip{min-height:var(--h-control)}}#view{display:block;padding-bottom:var(--s7)}.shelf{margin:var(--s5) 0 0}.shelf>h2,.shelf>summary{display:flex;align-items:baseline;gap:var(--s2);margin:0 0 var(--s3);font-size:var(--fs-h4)}.shelf-sum{margin-inline-start:auto;font-size:var(--fs-dense);font-weight:400;color:var(--text-3);font-variant-numeric:tabular-nums}.archive>summary{cursor:pointer;list-style:none;color:var(--text-2)}.archive>summary::-webkit-details-marker{display:none}.archive>summary>.icon,.tasks-group>summary>.icon,.pick-inspiration>summary>.icon{transition:transform var(--t-fast)}:is(.archive,.tasks-group,.pick-inspiration)[open]>summary>.icon{transform:rotate(90deg)}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:var(--s5) var(--s4);margin:0;padding:0;list-style:none}@media(max-width:40rem){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4) var(--s3)}}.product{position:relative;min-width:0}.product-link{display:grid;gap:var(--s2);color:var(--text);text-decoration:none}.product-picture{display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.product-picture>img{width:100%;height:100%;object-fit:contain}.picture-empty{display:grid;place-items:center;width:100%;height:100%;background:var(--fill);color:var(--text-3)}.picture-empty>.icon{width:30%;height:30%}.product-text{display:grid;gap:var(--s1);min-width:0}.product-name{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:var(--lh-dense)}.product-meta{display:flex;align-items:center;gap:var(--s2);min-width:0;font-size:var(--fs-dense);color:var(--text-2);font-variant-numeric:tabular-nums}.product-group{display:flex;align-items:center;gap:var(--s1);font-size:var(--fs-dense);color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-group>.icon{flex:none;width:1em;height:1em}.product-state{font-size:var(--fs-dense);color:var(--text-2)}.category-dot{flex:none;width:var(--s2);height:var(--s2);border-radius:50%;background:var(--series)}@media(hover:hover)and (pointer:fine){.product-link:hover .product-picture{border-color:var(--line-2)}.product-link:hover .product-name{text-decoration:underline;text-decoration-color:var(--line-2)}}.product-link:focus-visible{outline:none}.product-link:focus-visible .product-picture{outline:2px solid var(--accent);outline-offset:2px}.card-remove{position:absolute;top:var(--s2);right:var(--s2);background:var(--surface);box-shadow:var(--shadow)}.board{columns:4 13rem;column-gap:var(--s3);margin:var(--s4) 0 0;padding:0;list-style:none}.board>li{break-inside:avoid;margin:0 0 var(--s3)}.board-link{display:block;overflow:hidden;border-radius:var(--radius);background:var(--fill)}.board-link>img{display:block;width:100%;height:auto}.board-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:40rem){.board{columns:2;column-gap:var(--s2)}.board>li{margin-bottom:var(--s2)}}.mini-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--s2);margin:var(--s2) 0 0;padding:0;list-style:none}.mini-board :is(a,button){display:block;width:100%;aspect-ratio:3/4;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--fill);cursor:pointer}.mini-board img{width:100%;height:100%;object-fit:cover}.mini-board button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.item-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s6);align-items:start;margin:var(--s4) 0 0}.item-gallery{display:grid;gap:var(--s3);position:sticky;top:calc(var(--h-control) + var(--s5))}.item-picture{display:grid;place-items:center;margin:0;min-height:12rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.item-picture>img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain}.item-picture>.picture-empty{aspect-ratio:4/5}.item-thumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}.item-thumb{position:relative}.thumb-button{display:block;width:3.5rem;height:3.5rem;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface);cursor:pointer}.thumb-button>img{width:100%;height:100%;object-fit:contain}.item-thumb[data-main] .thumb-button{border-color:var(--accent)}.item-thumb>.icon-button{position:absolute;top:calc(-1*var(--s2));right:calc(-1*var(--s2));display:none;background:var(--surface);box-shadow:var(--shadow)}.item-thumb:hover>.icon-button,.item-thumb:focus-within>.icon-button{display:inline-grid}@media(pointer:coarse){.item-thumb>.icon-button{display:inline-grid}}.item-facts{display:grid;gap:var(--s4);min-width:0}.item-facts>h2{margin:var(--s2) 0 0;font-size:var(--fs-h4)}input.item-name{height:auto;padding-block:var(--s2);font-size:var(--fs-h3);font-weight:var(--w-title)}.item-state{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin:0;color:var(--text-2)}.shop-link{display:inline-flex;align-items:center;gap:var(--s1)}.shop-link>.icon{width:1em;height:1em}.field.wide{grid-column:1/-1}.item-actions{margin:0}.item-actions>.icon-button:last-child{margin-inline-start:auto}.item-actions button .icon{margin-inline-end:var(--s1)}.item-section{margin:var(--s6) 0 0}.item-section>h2{display:flex;align-items:baseline;gap:var(--s2);margin:0 0 var(--s3);font-size:var(--fs-h4)}.link-list{display:grid;gap:var(--s2);margin:0;padding:0;list-style:none}.link-list a{display:inline-flex;align-items:center;gap:var(--s2)}@media(max-width:52rem){.item-page{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.item-gallery{position:static}.item-picture>img{max-height:55vh}}.chips-list{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0;padding:0;list-style:none}.linked{display:inline-flex;align-items:center;gap:var(--s1)}.item-chip{display:inline-flex;align-items:center;gap:var(--s2);min-width:0;max-width:100%;padding:var(--s1) var(--s3) var(--s1) var(--s1);border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;font-size:var(--fs-dense)}.chip-picture{flex:none;width:var(--h-control-small);height:var(--h-control-small);overflow:hidden;border-radius:50%;background:var(--surface)}.chip-picture>img,.chip-picture>.picture-empty{width:100%;height:100%;object-fit:cover}@media(hover:hover)and (pointer:fine){.item-chip:hover{background:var(--hover)}}.outfits{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:var(--s5);margin:var(--s4) 0 0;padding:0;list-style:none}.outfit-link{display:grid;gap:var(--s2);color:var(--text);text-decoration:none}.outfit-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s1);padding:var(--s1);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.outfit-cell{aspect-ratio:4/5;overflow:hidden;border-radius:var(--radius-s)}.outfit-cell>img{width:100%;height:100%;object-fit:contain}.inspiration-cell>img{object-fit:cover}.outfit-text{display:grid;gap:var(--s1)}.outfit-page{display:grid;gap:var(--s4);margin:var(--s4) 0 0;max-width:var(--column-wide)}.outfit-page>select{max-width:24rem}.pick-inspiration>summary{display:flex;align-items:center;gap:var(--s2);cursor:pointer;list-style:none;color:var(--text-2)}.pick-inspiration>summary::-webkit-details-marker{display:none}.task-new{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--s2);margin:var(--s4) 0 0;max-width:var(--column)}.tasks-group{margin:var(--s5) 0 0;max-width:var(--column)}.tasks-group>h2,.tasks-group>summary{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s2);font-size:var(--fs-h4)}.tasks-group>summary{cursor:pointer;list-style:none;color:var(--text-2)}.tasks-group>summary::-webkit-details-marker{display:none}.tasks-group>h2>.icon{color:var(--text-3)}.task-list{margin:0;padding:0;list-style:none;max-width:var(--column)}.task{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--s2) var(--s3);padding:var(--s2) 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:0}.task>input[type=checkbox]{width:1.15em;height:1.15em;margin:0;accent-color:var(--accent)}.task-body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);min-width:0}input.task-title{flex:1 1 12rem;min-width:0;height:var(--h-control-small);padding-inline:var(--s1);border-color:transparent;background:transparent}input.task-title:hover{border-color:var(--line)}input.task-title:focus{border-color:var(--accent);background:var(--surface)}.task[data-done] input.task-title{color:var(--text-3);text-decoration:line-through}select.task-kind{height:var(--h-control-small);font-size:var(--fs-dense)}@media(max-width:40rem){.task{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check body delete" ". kind kind"}.task>input[type=checkbox]{grid-area:check}.task-body{grid-area:body}.task>select.task-kind{grid-area:kind;justify-self:start}.task>.icon-button{grid-area:delete}.task-new{grid-template-columns:minmax(0,1fr) auto}.task-new>input{grid-column:1/-1}}.notes{display:grid;gap:var(--s5);margin:var(--s4) 0 0;max-width:var(--column)}.note-card{padding:var(--s4) var(--s5);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.note-head{display:flex;align-items:center;gap:var(--s2)}.note-head>h2{flex:1 1 auto;margin:0;font-size:var(--fs-h4)}.note-head>.note-title-input{flex:1 1 auto;min-width:0}.note-head button .icon{margin-inline-end:var(--s1)}.note-body{margin:var(--s2) 0 0}.note-body>:first-child{margin-top:0}.note-body>:last-child{margin-bottom:0}.note-body :is(h2,h3,h4){margin:var(--s3) 0 var(--s1);font-size:inherit}.note-body :is(p,ul){margin:var(--s2) 0}.note-body ul{padding-inline-start:var(--s5)}.note-body-input{width:100%;margin:var(--s3) 0 0;font-family:var(--font-code);font-size:var(--fs-dense)}.note-pictures{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0}.note-picture{position:relative}.note-picture>img{display:block;max-width:100%;max-height:16rem;width:auto;height:auto;border:1px solid var(--line);border-radius:var(--radius-s)}.note-picture>.icon-button{position:absolute;top:var(--s1);right:var(--s1);background:var(--surface)}#view[data-view=einstellungen]{max-width:var(--column)}#view[data-view=einstellungen]>h2{margin:var(--s5) 0 var(--s2);font-size:var(--fs-h4)}.setting>span small{display:block;max-width:34rem;color:var(--text-3);font-size:var(--fs-dense)}.bookmarklet{display:inline-flex;flex:none;align-items:center;gap:var(--s2);min-height:var(--h-control);padding:0 var(--s3);border:1px dashed var(--line-2);border-radius:var(--radius-s);text-decoration:none;cursor:grab;white-space:nowrap}.setting-code{flex:none;font-size:var(--fs-dense);user-select:all;-webkit-user-select:all}.setting .button,.setting button{flex:none}.setting button .icon{margin-inline-end:var(--s1)}.empty{margin:var(--s6) 0;color:var(--text-2)}.empty>p{margin:0}.empty>.hint{margin-top:var(--s1);color:var(--text-3)}#add-form{display:grid;gap:var(--s4)}.add-source{display:flex;align-items:center;gap:var(--s2)}.add-source>input{flex:1 1 auto;min-width:0}.add-state{margin:0;font-size:var(--fs-dense);color:var(--text-2)}.add-state[data-status=warn],.add-state[data-status=error]{color:var(--text)}.add-state:before{content:"";display:inline-block;width:var(--s2);height:var(--s2);margin-inline-end:var(--s2);border-radius:50%;background:var(--text-3);vertical-align:.1em}.add-state[data-status=running]:before{background:var(--accent)}.add-state[data-status=warn]:before{background:var(--warn)}.add-state[data-status=error]:before{background:var(--error)}.add-pictures{display:flex;flex-wrap:wrap;gap:var(--s2)}.add-pictures:empty{display:none}.add-picture{position:relative;display:block;width:5.5rem;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface)}.add-picture>img{width:100%;height:100%;object-fit:contain}.add-picture>.icon-button{position:absolute;top:var(--s1);right:var(--s1);background:var(--surface)}#add-form>.buttons{margin:0}.drop-hint{position:fixed;inset:var(--s3);z-index:20;display:grid;place-items:center;border:2px dashed var(--accent);border-radius:var(--radius-l);background:color-mix(in srgb,var(--bg) 82%,transparent);pointer-events:none;font-size:var(--fs-h3);color:var(--text)}.login{display:grid;gap:var(--s4);max-width:24rem;margin:var(--s7) auto 0;padding:0 var(--s4)}.login .buttons{margin:0}