@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;interpolate-size:allow-keywords;--hue:150;--bg:var(--lightningcss-light,oklch(97% .012 85))var(--lightningcss-dark,oklch(20% .01 85));--surface:var(--lightningcss-light,oklch(99.5% .005 85))var(--lightningcss-dark,oklch(25% .01 85));--ink:var(--lightningcss-light,oklch(24% .02 60))var(--lightningcss-dark,oklch(93% .01 85));--ink-soft:var(--lightningcss-light,oklch(48% .02 60))var(--lightningcss-dark,oklch(72% .01 85));--line:var(--lightningcss-light,oklch(88% .015 85))var(--lightningcss-dark,oklch(34% .01 85));--accent:var(--lightningcss-light,oklch(42% .09 var(--hue)))var(--lightningcss-dark,oklch(78% .11 var(--hue)));--on-accent:var(--lightningcss-light,white)var(--lightningcss-dark,oklch(20% .02 var(--hue)));--accent-wash:color-mix(in oklch, var(--accent) 12%, var(--surface));--danger:var(--lightningcss-light,oklch(48% .16 25))var(--lightningcss-dark,oklch(76% .13 25));--font-body:system-ui, sans-serif;--font-display:ui-serif, "Iowan Old Style", "Palatino Linotype", Georgia, serif;--radius:.5rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font:1rem/1.5 var(--font-body);min-block-size:100dvh;padding-block-end:4rem}a{color:var(--accent);text-underline-offset:.15em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer components{.page{max-inline-size:65ch;margin-inline:auto;padding-inline:1rem}.page.narrow main{max-inline-size:26rem}.list-header.hero .header-actions{grid-template-columns:1fr 1fr;inline-size:min(100%,24rem);display:grid}.hero h1{font-size:clamp(2.5rem,10vw,4.25rem)}.points{counter-reset:point;border-block-start:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1.5rem;margin-block:1.5rem 3rem;padding:0;padding-block-start:1.5rem;list-style:none;display:grid}.points li{counter-increment:point}.points li:before{content:counter(point);font:500 2rem/1 var(--font-display);color:var(--accent);margin-block-end:.5rem;display:block}.points h2{font:600 1.0625rem/1.3 var(--font-body);margin-block-end:.25rem}.points p{color:var(--ink-soft);text-wrap:pretty;font-size:.9375rem}.site-footer{border-block-start:1px solid var(--line);color:var(--ink-soft);padding-block:1.25rem;font-size:.875rem}.steps{gap:3rem;padding-block:1.5rem;display:grid}.step .step-label{color:var(--ink-soft);margin-block-end:.5rem;font-size:.8125rem}.step h1{font:500 2rem/1.15 var(--font-display);letter-spacing:-.01em;text-wrap:balance}.step h2{font:500 1.375rem/1.2 var(--font-display)}.step .lede{color:var(--ink-soft);margin-block:.5rem 1.5rem}.step>.hint{color:var(--ink-soft);margin-block-start:1.25rem;font-size:.8125rem}.step form{gap:1rem;display:grid}.step .buttons{gap:.5rem;display:grid}.step+.step{border-block-start:1px dashed var(--line);padding-block-start:2rem}button.link{font:inherit;color:var(--accent);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notice{border-radius:var(--radius);background:color-mix(in oklch, var(--danger) 12%, var(--surface));color:var(--danger);margin-block-start:1rem;padding:.75rem;font-size:.875rem}.notice.calm{background:var(--accent-wash);color:var(--ink)}.wish .mine{justify-items:end;gap:.25rem;font-size:.875rem;display:grid}.btn.danger{--btn-bg:var(--danger);--btn-line:var(--danger);--btn-fg:var(--on-accent)}.topbar{align-items:center;gap:1rem;padding-block:1rem;font-size:.875rem;display:flex}.topbar .brand{font:500 1.125rem var(--font-display);color:var(--ink);align-items:center;gap:.5rem;margin-inline-end:auto;text-decoration:none;display:inline-flex}.list-header{padding-block:clamp(2rem,8vw,4.5rem) 1.25rem}.topbar+.list-header{padding-block-start:clamp(1rem,4vw,2.5rem)}.list-header .address{color:var(--ink-soft);font-size:.875rem}.list-header h1{font:500 clamp(2.25rem, 9vw, 3.75rem) / 1.05 var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin-block:.25rem .75rem}.list-header .intro{color:var(--ink-soft);text-wrap:pretty;max-inline-size:34rem}.list-header .header-actions{flex-wrap:wrap;gap:.5rem;margin-block-start:1rem;display:flex}.filters{background:var(--bg);z-index:1;border:0;gap:.5rem;padding:.75rem 0;display:flex;position:sticky;inset-block-start:0;overflow-x:auto}.filters label{--chip-bg:transparent;--chip-fg:var(--ink-soft);--chip-line:var(--line);background:var(--chip-bg);color:var(--chip-fg);border:1px solid var(--chip-line);border-radius:var(--radius);white-space:nowrap;cursor:pointer;padding:.3rem .8rem;font-size:.875rem}.filters label:has(:checked){--chip-bg:var(--ink);--chip-fg:var(--bg);--chip-line:var(--ink)}.filters label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.filters label input{opacity:0;pointer-events:none;position:absolute}.wishes{border-block-start:1px solid var(--line);padding:0;list-style:none}.wish{border-block-end:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem .875rem;padding-block:1rem;display:grid}.wish .thumb{--size:4rem;inline-size:var(--size);block-size:var(--size);background:var(--lightningcss-light,oklch(88% .06 var(--thumb-hue,60)))var(--lightningcss-dark,oklch(36% .05 var(--thumb-hue,60)));color:var(--lightningcss-light,oklch(38% .09 var(--thumb-hue,60)))var(--lightningcss-dark,oklch(86% .06 var(--thumb-hue,60)));font:500 1.5rem var(--font-display);border-radius:.375rem;grid-row:span 2;place-items:center;display:grid;overflow:clip}.wish .thumb svg{fill:currentColor;block-size:55%;inline-size:55%}.wish .thumb img{object-fit:cover;block-size:100%;inline-size:100%}.wish h2{font:600 1.0625rem/1.3 var(--font-body);text-wrap:balance}.wish h2:not(:has(+.meta,+.links)){grid-row:span 2}.wish .meta{color:var(--ink-soft);grid-column:2;font-size:.875rem}.wish .links{flex-wrap:wrap;grid-column:2;gap:.125rem .75rem;font-size:.875rem;display:flex}.wish .links .link{font-size:inherit}.wish .action{grid-area:1/3/span 2}.wish[data-state=taken] h2,.wish[data-state=taken] .thumb{opacity:.55}.wishes.editable .wish{grid-template-columns:auto auto 1fr auto}.wishes.editable .wish .grip{border-radius:var(--radius);block-size:2.75rem;inline-size:1.75rem;color:var(--ink-soft);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;margin-inline-start:-.5rem;padding:0;display:grid}.wishes.editable .wish .grip:hover{color:var(--ink);background:var(--accent-wash)}.wishes.editable .wish .thumb{grid-row:auto}.wishes.editable .wish .wish-text{gap:.125rem;min-inline-size:0;display:grid}.wishes.editable .wish .wish-text>*{grid-area:auto/1}.wishes.editable .wish .wish-text :is(h2,a){overflow-wrap:anywhere}.wishes.editable .wish .row-actions{gap:.25rem;display:flex}.wishes.editable .wish .row-actions .btn{padding-inline:.6rem}.wishes.editable .wish[data-dragging]{background:var(--surface);border-radius:var(--radius);z-index:1;border-block-end-color:#0000;margin-inline:-.5rem;padding-inline:.5rem;position:relative;box-shadow:0 .5rem 1.5rem oklch(0% 0 0/.16)}.wishes.editable .wish[data-dragging] .grip{cursor:grabbing;color:var(--accent)}.wishes.editable[data-sorting]{-webkit-user-select:none;user-select:none}.wishes.editable[data-sorting] .wish:not([data-dragging]){transition:translate .18s}body:has([data-sorting]){cursor:grabbing}.address .copy{vertical-align:middle;border-radius:calc(var(--radius) - .125rem);color:var(--accent);cursor:pointer;background:0 0;border:0;margin-inline-start:.25rem;padding:.25rem;display:inline-grid}.address .copy:hover{background:var(--accent-wash)}.address .copy .ui-icon{block-size:1rem;inline-size:1rem}.address .copy [data-icon=check],.address .copy [data-icon=share],.address .copy[data-share] [data-icon=copy]{display:none}.address .copy[data-share] [data-icon=share]{display:block}.address .copy[data-copied] :is([data-icon=copy],[data-icon=share]){display:none}.address .copy[data-copied] [data-icon=check]{display:block}.address .copied{color:var(--accent);margin-inline-start:.25rem}.list-header.compact{padding-block-start:.75rem}body:has(#f-lediga:checked) .wish[data-state=taken]{display:none}.ui-icon{fill:currentColor;flex:none;block-size:1.25rem;inline-size:1.25rem}.btn{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-line:var(--accent);background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-line);border-radius:var(--radius);font:600 .9375rem var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:.4em;min-block-size:2.75rem;padding:.55rem 1.1rem;text-decoration:none;display:inline-flex}.btn:hover{--btn-bg:color-mix(in oklch, var(--accent) 85%, var(--bg))}.btn.quiet{--btn-bg:transparent;--btn-fg:var(--accent);--btn-line:var(--line)}.btn.quiet:hover{--btn-bg:var(--accent-wash)}.btn.wide{inline-size:100%}.btn .ui-icon{block-size:1.15em;inline-size:1.15em}.btn:disabled{opacity:.6;cursor:progress}.btn[data-busy]:before{content:"";border:2px solid;border-inline-end-color:#0000;border-radius:50%;block-size:1em;inline-size:1em;animation:.7s linear infinite spin}.btn.icon{padding-inline:.7rem;font-size:1.25rem;line-height:1}.badge{background:var(--accent-wash);color:var(--accent);border-radius:var(--radius);white-space:nowrap;padding:.25rem .65rem;font-size:.8125rem;font-weight:600}.badge.other{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.field label{margin-block-end:.35rem;font-size:.875rem;font-weight:600;display:block}.field .hint{color:var(--ink-soft);margin-block-start:.35rem;font-size:.8125rem}.field .hint.ok{color:var(--accent);font-weight:600}.field .hint.error{color:var(--danger);font-weight:600}.field input.code{font:600 1.5rem var(--font-body);letter-spacing:.3em;text-align:center}.field .prefixed{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);align-items:center;padding-inline-start:.9rem;display:flex}.field .prefixed:focus-within{outline:2px solid var(--accent);outline-offset:2px}.field .prefixed span{color:var(--ink-soft);white-space:nowrap}.field .prefixed input[type]{background:0 0;border:0;outline:0;min-inline-size:0;padding-inline-start:0}.field input:is([type=text],[type=url],[type=email]){inline-size:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .9rem}.field .optional{color:var(--ink-soft);font-weight:400}.field input[type=file]{inline-size:100%;font:inherit;color:var(--ink-soft);background:var(--bg);border:1px dashed var(--line);border-radius:var(--radius);padding:.9rem;font-size:.875rem}.field input[type=file]::file-selector-button{font:600 .875rem var(--font-body);color:var(--accent);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;margin-inline-end:.75rem;padding:.4rem .8rem}.appearance{grid-template-columns:auto 1fr;align-items:end;gap:.75rem;display:grid}.appearance .picker{--size:3.125rem;inline-size:var(--size);block-size:var(--size);border:1px solid var(--line);border-radius:var(--radius);background:var(--accent-wash);color:var(--accent);cursor:pointer;place-items:center;padding:0;display:grid;overflow:clip}.appearance .picker:hover,.appearance .picker[data-drop]{border-color:var(--accent)}.appearance .picker svg{fill:currentColor;block-size:55%;inline-size:55%;display:none}.appearance .picker img{object-fit:cover;block-size:100%;inline-size:100%}:is(.appearance:has(input[value=gift]:checked) .picker [data-icon=gift],.appearance:has(input[value=book-open]:checked) .picker [data-icon=book-open],.appearance:has(input[value=t-shirt]:checked) .picker [data-icon=t-shirt],.appearance:has(input[value=sneaker]:checked) .picker [data-icon=sneaker],.appearance:has(input[value=headphones]:checked) .picker [data-icon=headphones],.appearance:has(input[value=game-controller]:checked) .picker [data-icon=game-controller],.appearance:has(input[value=bicycle]:checked) .picker [data-icon=bicycle],.appearance:has(input[value=cooking-pot]:checked) .picker [data-icon=cooking-pot],.appearance:has(input[value=wine]:checked) .picker [data-icon=wine],.appearance:has(input[value=coffee]:checked) .picker [data-icon=coffee],.appearance:has(input[value=plant]:checked) .picker [data-icon=plant],.appearance:has(input[value=armchair]:checked) .picker [data-icon=armchair],.appearance:has(input[value=lamp]:checked) .picker [data-icon=lamp],.appearance:has(input[value=wrench]:checked) .picker [data-icon=wrench],.appearance:has(input[value=camera]:checked) .picker [data-icon=camera],.appearance:has(input[value=music-notes]:checked) .picker [data-icon=music-notes],.appearance:has(input[value=ticket]:checked) .picker [data-icon=ticket],.appearance:has(input[value=airplane]:checked) .picker [data-icon=airplane],.appearance:has(input[value=tent]:checked) .picker [data-icon=tent],.appearance:has(input[value=watch]:checked) .picker [data-icon=watch],.appearance:has(input[value=device-mobile]:checked) .picker [data-icon=device-mobile],.appearance:has(input[value=paint-brush]:checked) .picker [data-icon=paint-brush],.appearance:has(input[value=puzzle-piece]:checked) .picker [data-icon=puzzle-piece],.appearance:has(input[value=heart]:checked) .picker [data-icon=heart]){display:block}.appearance-menu{position-area:bottom span-right;position-try-fallbacks:flip-block;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);inline-size:min(19rem,100vw - 2rem);margin:.25rem 0;padding:.5rem}.appearance-menu:popover-open{gap:.5rem;display:grid}.appearance-menu .icons{border:0;grid-template-columns:repeat(6,1fr);gap:.25rem;margin:0;padding:0;display:grid}.appearance-menu .icons label{--cell-bg:transparent;--cell-line:transparent;--cell-fg:var(--ink-soft);aspect-ratio:1;color:var(--cell-fg);background:var(--cell-bg);border:1px solid var(--cell-line);border-radius:var(--radius);cursor:pointer;place-items:center;display:grid}.appearance-menu .icons label:hover{--cell-line:var(--line)}.appearance-menu .icons label:has(:checked){--cell-bg:var(--accent-wash);--cell-line:var(--accent);--cell-fg:var(--accent)}.appearance-menu .icons label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.appearance-menu .icons label input{opacity:0;pointer-events:none;position:absolute}.appearance-menu .icons label svg{fill:currentColor;block-size:1.5rem;inline-size:1.5rem}.appearance-menu .file{text-align:center;position:relative}.appearance-menu .file input{opacity:0;cursor:pointer;position:absolute;inset:0}.appearance-menu .remove-image{accent-color:var(--accent);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.preview{background:var(--accent-wash);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;display:flex}.preview .thumb{--size:3rem}.preview strong{font-size:1rem;display:block}.preview span{color:var(--ink-soft)}dialog.sheet{background:var(--surface);color:var(--ink);inline-size:min(100%,26rem);max-inline-size:100%;transition:translate .25s ease-out, display .25s allow-discrete, overlay .25s allow-discrete;border:0;border-radius:1.25rem 1.25rem 0 0;margin:auto auto 0;padding:1.5rem 1.25rem 2rem}@starting-style{dialog.sheet{translate:0 100%}}dialog.sheet:not([open]){translate:0 100%}dialog.sheet::backdrop{background:oklch(20% .02 var(--hue) / .45);transition:opacity .25s}@starting-style{dialog.sheet::backdrop{opacity:0}}@media (width>=40rem){dialog.sheet{border-radius:1.25rem;margin:auto}}dialog.sheet h2{font:500 1.5rem/1.2 var(--font-display);letter-spacing:-.01em}dialog.sheet .reassure{color:var(--ink-soft);margin-block:.25rem 1.25rem}dialog.sheet form{gap:1rem;display:grid}dialog.sheet .buttons{gap:.5rem;display:grid}.menu{position-area:bottom span-left}.links+.menu{position-area:bottom span-right}.menu{position-try-fallbacks:flip-block;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);min-inline-size:13rem;margin:.25rem 0;padding:.25rem}.menu :is(button,a){text-align:start;border-radius:calc(var(--radius) - .125rem);inline-size:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:.6rem .75rem;text-decoration:none;display:block}.menu :is(button,a):hover{background:var(--accent-wash)}.menu :is(button,a).danger{color:var(--danger)}.menu small{color:var(--ink-soft);display:block}}@layer overrides{[hidden]{display:none!important}form[inert]{opacity:.7}.hint:empty{display:none}.hint.error{color:var(--danger);font-weight:600}.hint.ok{color:var(--accent);font-weight:600}.picker:has(img:not([hidden])) svg{display:none}}@keyframes spin{to{rotate:1turn}}::view-transition-group(*){animation-duration:.22s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(*){animation:none}::view-transition-new(*){animation:none}.wishes.editable[data-sorting] .wish{transition:none}}
