@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:none;text-size-adjust:none}body{min-block-size:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}img,svg{display:block;max-inline-size:100%}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3{overflow-wrap:break-word}ul[class],ol[class]{list-style:none;padding:0}fieldset{border:0;padding:0;min-inline-size:0}}@layer tokens{:root{color-scheme:light dark;--c-bg: light-dark(#f6f3ee, #1b1a18);--c-surface: light-dark(#ffffff, #252320);--c-surface-2: light-dark(#efebe4, #2f2c28);--c-border: light-dark(#e2dcd2, #3a3631);--c-text: light-dark(#26231f, #ece7df);--c-muted: light-dark(#6f685e, #a39b8f);--c-accent: light-dark(#c2410c, #fb923c);--c-accent-contrast: light-dark(#ffffff, #1b1a18);--c-accent-soft: light-dark(#fdebe1, #3b2618);--c-success: light-dark(#15803d, #4ade80);--c-success-soft: light-dark(#e3f4e8, #17301f);--c-danger: light-dark(#b91c1c, #f87171);--c-danger-soft: light-dark(#fbe4e4, #3a1d1d);--c-vinted: light-dark(#007782, #2bb3bf);--c-kleinanzeigen: light-dark(#4d7c0f, #a3d43a);--s-erfasst: light-dark(#78716c, #a8a29e);--s-bereit: light-dark(#b45309, #fbbf24);--s-online: light-dark(#1d4ed8, #60a5fa);--s-reserviert: light-dark(#7e22ce, #c084fc);--s-verkauft: light-dark(#15803d, #4ade80);--s-versendet: light-dark(#0f766e, #2dd4bf);--s-abgeschlossen: light-dark(#57534e, #a8a29e);--s-zurueckgezogen: light-dark(#a8a29e, #57534e);--font-sans: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-display: ui-rounded, "SF Pro Rounded", var(--font-sans);--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius: .875rem;--radius-lg: 1.25rem;--shadow: 0 1px 2px rgb(0 0 0 / .06), 0 4px 16px rgb(0 0 0 / .06);--shadow-lg: 0 8px 32px rgb(0 0 0 / .18);--page-max: 1400px;--gutter: max(var(--space-4), env(safe-area-inset-left))}}@layer base{body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-base)}h1{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1.15;letter-spacing:-.01em}h2{font-size:var(--fs-lg);line-height:1.25}a{color:var(--c-accent);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}::selection{background:var(--c-accent-soft)}}@layer layout{.app-header{position:sticky;inset-block-start:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--gutter);padding-block-start:max(var(--space-3),env(safe-area-inset-top));background:color-mix(in srgb,var(--c-bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-block-end:1px solid var(--c-border);view-transition-name:app-header}.brand{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);color:var(--c-text);text-decoration:none;letter-spacing:-.02em}.brand--large{font-size:2.5rem;text-align:center}.app-nav{display:flex;align-items:center;gap:var(--space-4);font-size:var(--fs-sm);a{color:var(--c-muted);text-decoration:none}a[aria-current=page]{color:var(--c-text);font-weight:600}}.app-main{padding:var(--space-4) var(--gutter) calc(6rem + env(safe-area-inset-bottom));max-inline-size:var(--page-max);margin-inline:auto}.page{display:grid;gap:var(--space-5);max-inline-size:60rem;margin-inline:auto}.page--narrow{max-inline-size:32rem}.page--centered{display:grid;place-items:center;.app-main{inline-size:100%;padding-block-end:var(--space-4)}}.lead{color:var(--c-muted);margin-block-start:calc(-1 * var(--space-3))}.stack{display:grid;gap:var(--space-4)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}}@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-2) var(--space-4);border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);color:var(--c-text);font-weight:600;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;&:hover{border-color:var(--c-muted)}&:active{transform:scale(.98)}&:disabled{opacity:.45;cursor:not-allowed;transform:none}}.button--primary{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-accent-contrast);&:hover{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 88%,black)}}.button--danger{background:var(--c-danger);border-color:var(--c-danger);color:#fff}.link-button{border:0;background:none;padding:0;color:var(--c-muted);font-size:inherit;cursor:pointer;&:hover{color:var(--c-text)}}.link-button--danger{color:var(--c-danger)}.icon-button{display:inline-grid;place-items:center;inline-size:2rem;block-size:2rem;border:0;border-radius:999px;background:#0000008c;color:#fff;font-size:.85rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);&:hover{background:#000000bf}}.icon-button--danger:hover{background:var(--c-danger)}.fab{position:fixed;inset-inline-end:max(var(--space-4),env(safe-area-inset-right));inset-block-end:max(var(--space-4),env(safe-area-inset-bottom));z-index:20;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:999px;background:var(--c-accent);color:var(--c-accent-contrast);font-weight:700;text-decoration:none;box-shadow:var(--shadow-lg);view-transition-name:fab;span{font-size:1.4em;line-height:1}}.field{display:grid;gap:var(--space-1)}.field__label{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}.field__optional{font-weight:400}.field input:not([type=radio],[type=checkbox],[type=file]),.field select,.field textarea{inline-size:100%;min-block-size:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font-size:max(16px,1rem);&:focus{outline:2px solid var(--c-accent);outline-offset:-1px;border-color:transparent}&::placeholder{color:color-mix(in srgb,var(--c-muted) 70%,transparent)}}.field textarea{resize:vertical;field-sizing:content;min-block-size:5lh}.segmented{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:var(--space-2);legend{margin-block-end:var(--space-1)}label{display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font-weight:600;cursor:pointer}label:has(:checked){border-color:var(--c-accent);background:var(--c-accent-soft)}input{accent-color:var(--c-accent)}}.form-errors{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--c-danger-soft);color:var(--c-danger)}.photo-picker{display:grid;gap:var(--space-3)}.photo-picker__add{position:relative;display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:2px dashed var(--c-border);border-radius:var(--radius);background:var(--c-surface);color:var(--c-muted);text-align:center;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s;&:hover,&:focus-within{border-color:var(--c-accent);color:var(--c-accent)}input{position:absolute;inset:0;opacity:0;cursor:pointer}}.photo-picker:not([data-count="0"]):has(.photo-picker__previews:not([hidden])) .photo-picker__add{padding-block:var(--space-3);grid-auto-flow:column}.photo-picker__previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:var(--space-2)}.photo-picker__preview{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-surface-2);img{inline-size:100%;block-size:100%;object-fit:cover}&:first-child:after{content:"Titelbild";position:absolute;inset-inline-start:var(--space-1);inset-block-end:var(--space-1);padding:0 var(--space-2);border-radius:999px;background:#0009;color:#fff;font-size:.7rem;font-weight:600}&.is-unpreviewable img{visibility:hidden}&.is-unpreviewable:before{content:"HEIC";position:absolute;inset:0;display:grid;place-items:center;color:var(--c-muted);font-size:var(--fs-sm)}}.photo-picker__remove{position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1);inline-size:1.75rem;block-size:1.75rem;border:0;border-radius:999px;background:#0009;color:#fff;font-size:.75rem;cursor:pointer}.flashes{display:grid;gap:var(--space-2);max-inline-size:60rem;margin:var(--space-4) auto 0;padding-inline:var(--gutter)}.flash{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--c-surface-2);animation:flash-in .25s ease-out}.flash--success{background:var(--c-success-soft);color:var(--c-success)}.flash--error{background:var(--c-danger-soft);color:var(--c-danger)}@keyframes flash-in{0%{opacity:0;translate:0 -.5rem}}.saved-note{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--c-success-soft);color:var(--c-success);font-weight:600;a{color:inherit}}.hint{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--c-accent-soft)}.platform{display:inline-block;padding:.1em .6em;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.01em;color:var(--platform-color, var(--c-muted));background:color-mix(in srgb,var(--platform-color, var(--c-muted)) 14%,transparent)}.platform--vinted{--platform-color: var(--c-vinted)}.platform--kleinanzeigen{--platform-color: var(--c-kleinanzeigen)}.badge{--badge-color: var(--s-erfasst);display:inline-flex;align-items:center;gap:var(--space-2);padding:.15em .75em;border-radius:999px;font-size:var(--fs-sm);font-weight:700;color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 14%,transparent);&:before{content:"";inline-size:.5em;block-size:.5em;border-radius:50%;background:currentColor}}.badge--bereit{--badge-color: var(--s-bereit)}.badge--online{--badge-color: var(--s-online)}.badge--reserviert{--badge-color: var(--s-reserviert)}.badge--verkauft{--badge-color: var(--s-verkauft)}.badge--versendet{--badge-color: var(--s-versendet)}.badge--abgeschlossen{--badge-color: var(--s-abgeschlossen)}.badge--zurueckgezogen{--badge-color: var(--s-zurueckgezogen)}.popover{inline-size:min(24rem,calc(100vw - 2rem));margin:auto;padding:var(--space-5);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-lg);&::backdrop{background:#00000059}}.login{display:grid;gap:var(--space-5);inline-size:min(22rem,100%);margin-inline:auto;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow)}.empty{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;color:var(--c-muted)}.empty__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--c-text)}}@layer components{.board{container:board / inline-size;display:grid;gap:var(--space-4)}.chips{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter)}.chip{flex:none;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);font-size:var(--fs-sm);font-weight:600;white-space:nowrap;cursor:pointer;input{position:absolute;opacity:0;pointer-events:none}&:has(:checked){background:var(--c-text);border-color:var(--c-text);color:var(--c-bg)}&:has(:focus-visible){outline:2px solid var(--c-accent);outline-offset:2px}}.chip__count,.column__count{font-variant-numeric:tabular-nums;opacity:.6;font-weight:500}.columns{display:grid;gap:var(--space-5)}.column{--column-color: var(--s-erfasst);display:grid;align-content:start;gap:var(--space-3)}.column[data-status=bereit]{--column-color: var(--s-bereit)}.column[data-status=online]{--column-color: var(--s-online)}.column[data-status=reserviert]{--column-color: var(--s-reserviert)}.column[data-status=verkauft]{--column-color: var(--s-verkauft)}.column[data-status=versendet]{--column-color: var(--s-versendet)}.column__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);&:before{content:"";inline-size:.6rem;block-size:.6rem;border-radius:50%;background:var(--column-color)}}.column__empty{color:var(--c-muted);font-size:var(--fs-sm)}@container board (width < 56rem){.board:has(#filter-all:checked) .column:not(:has(.card)){display:none}.board:has(#filter-erfasst:checked) .column:not([data-status=erfasst]),.board:has(#filter-bereit:checked) .column:not([data-status=bereit]),.board:has(#filter-online:checked) .column:not([data-status=online]),.board:has(#filter-reserviert:checked) .column:not([data-status=reserviert]),.board:has(#filter-verkauft:checked) .column:not([data-status=verkauft]),.board:has(#filter-versendet:checked) .column:not([data-status=versendet]){display:none}.board:not(:has(#filter-all:checked)) .column__title{display:none}}.cards{display:grid;gap:var(--space-3)}.cards--grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));.card{grid-template-columns:1fr}.card__media{aspect-ratio:1;inline-size:100%;block-size:auto}}.card{display:grid;grid-template-columns:5.5rem 1fr;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius);background:var(--c-surface);color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;&:hover{transform:translateY(-1px);box-shadow:var(--shadow),0 0 0 1px var(--c-border)}}.card__media{display:block;inline-size:5.5rem;block-size:5.5rem;border-radius:calc(var(--radius) - var(--space-2));overflow:hidden;background:var(--c-surface-2);img{inline-size:100%;block-size:100%;object-fit:cover}}.card__placeholder{display:grid;place-items:center;block-size:100%;color:var(--c-muted);font-size:.75rem}.card__body{display:grid;align-content:center;gap:var(--space-1);min-inline-size:0;padding-inline-end:var(--space-2)}.card__title{font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.price{font-weight:700;font-variant-numeric:tabular-nums}.card__location{color:var(--c-muted);font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&:before{content:"📦 "}}.archive-group{display:grid;gap:var(--space-3)}@container board (width >= 56rem){.chips{display:none}.columns{grid-auto-flow:column;grid-auto-columns:minmax(13rem,1fr);gap:var(--space-3);overflow-x:auto;padding-block-end:var(--space-3);scroll-snap-type:x proximity}.column{padding:var(--space-3);border-radius:var(--radius);background:var(--c-surface-2);border-block-start:3px solid var(--column-color);scroll-snap-align:start}.cards{gap:var(--space-2)}.card{grid-template-columns:1fr}.card__media{aspect-ratio:4 / 3;inline-size:100%;block-size:auto}}}@layer components{.item{container:item / inline-size}.back{justify-self:start;color:var(--c-muted);text-decoration:none;font-weight:600}.item__header{display:grid;gap:var(--space-2)}.item__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.panel{display:grid;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow)}.item__photos{display:grid;gap:var(--space-4)}.gallery{display:grid;grid-auto-flow:column;grid-auto-columns:min(75%,18rem);gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:thin}.gallery__item{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--c-surface-2);scroll-snap-align:start;img{inline-size:100%;block-size:100%;object-fit:cover}}.gallery__cover{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);padding:.1em .6em;border-radius:999px;background:var(--c-accent);color:var(--c-accent-contrast);font-size:.75rem;font-weight:700}.gallery__tools{position:absolute;inset-inline:var(--space-2);inset-block-end:var(--space-2);display:flex;justify-content:flex-end;gap:var(--space-1);form{display:contents}}.status-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-3);padding-block-start:var(--space-4);border-block-start:1px solid var(--c-border);dt{font-size:var(--fs-sm);color:var(--c-muted)}dd{font-weight:600;font-variant-numeric:tabular-nums}}.details-form{display:grid;gap:var(--space-4)}@container item (width >= 40rem){.details-form{grid-template-columns:repeat(2,1fr)}.field--wide{grid-column:1 / -1}.gallery{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));overflow:visible;margin-inline:0;padding-inline:0}}.item__danger{justify-self:start}}@layer utilities{.visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@view-transition{navigation:auto}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}