:root{--bg:#f6f4ff;--surface:#fff;--ink:#1e1b3a;--muted:#6b6890;--line:#e4e0f7;--brand:#6c4cf1;--pop:#ffce4a;--ok:#12a878;--bad:#d6336c}@media (prefers-color-scheme:dark){:root{--bg:#13112a;--surface:#1d1a3b;--ink:#f1efff;--muted:#a6a3cc;--line:#322e5e;--brand:#8f77ff;--on-brand:#150b33;--ok:#3dd6a3;--bad:#ff7aa8}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;display:flex}main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:8px 16px 56px}h1,h2,h3,.brand{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;line-height:1.1}h1{margin:.3em 0 .4em;font-size:clamp(1.9rem,6vw,2.6rem);font-weight:800}h2{margin:1.6em 0 .6em;font-size:1.35rem;font-weight:700}a{color:var(--brand);text-underline-offset:3px}:focus-visible{outline:3px solid var(--pop);outline-offset:2px}.site{justify-content:space-between;align-items:center;gap:12px;padding:18px 0 6px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;text-decoration:none;display:inline-flex}.logo{color:var(--muted);flex:none}.brand .logo{width:34px;height:34px}.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin:12px 0;padding:16px 18px}main>form.stack,.themed>form.stack{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}form.stack{gap:10px;display:grid}.field{font-weight:600;display:block}.field input,.field select,.field textarea{font-weight:400}.field>input,.field>select,.field>textarea,.field>.suffix,.field>.pw{margin-top:6px;display:block}textarea{resize:vertical;min-height:5.5em;line-height:1.45}input,select,textarea{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:12px 14px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 20%, transparent);outline:none}button,.btn{background:var(--brand);color:var(--on-brand,#fff);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-weight:600;line-height:1.3;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}button:hover,.btn:hover{filter:brightness(1.08)}button:active,.btn:active{transform:translateY(1px)scale(.97)}button.ghost,.btn.ghost{color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand);background:0 0}button.small,.btn.small{padding:7px 14px;font-size:.92rem}button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}.btn svg,.share-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:.92em}.err{color:var(--bad);font-weight:600}.ok{color:var(--ok);font-weight:600}.hero{padding:28px 0 8px}.hero h1{font-size:clamp(2.3rem,9vw,3.6rem)}.hero p{color:var(--muted);max-width:30em;font-size:1.15rem}.hero .hero-note{margin:14px 0 0;font-size:.92rem}.demo{margin:44px 0 0}.demo-frame{border:1px solid var(--line);pointer-events:none;-webkit-user-select:none;user-select:none;background:radial-gradient(color-mix(in srgb, var(--brand) 22%, transparent) 1.2px, transparent 1.4px) 0 0 / 18px 18px, color-mix(in srgb, var(--brand) 5%, var(--bg));border-radius:28px;padding:6px 22px 18px;position:relative}.demo .tag{margin:22px 0}.demo .card{box-shadow:0 12px 26px -20px color-mix(in srgb, var(--brand) 60%, transparent);margin:10px 0}.demo .item-head{align-items:center}.demo-state{flex:none;font-size:.92rem}.demo figcaption{color:var(--muted);text-align:center;margin:14px 4px 0}.demo figcaption strong{color:var(--ink)}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:20px;margin:48px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;color:var(--muted);align-content:start;gap:4px;font-size:.95rem;line-height:1.45;display:grid}.steps li:before{content:counter(s);background:var(--pop);color:#2a2100;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:6px;font-weight:800;display:grid}.steps strong{color:var(--ink);font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;font-size:1.1rem}@media (max-width:560px){.demo-frame{border-radius:22px;padding:4px 12px 12px}.demo .avatar{display:none}.steps{grid-template-columns:1fr;gap:18px}.steps li{grid-template-columns:32px 1fr;column-gap:14px}.steps li:before{grid-row:span 2;margin:0}}.tag{background:linear-gradient(135deg, var(--pop), color-mix(in srgb, var(--pop) 65%, #fff));color:#2a2100;box-shadow:0 2px 0 color-mix(in srgb, var(--pop) 75%, #000), 0 16px 30px -16px color-mix(in srgb, var(--brand) 60%, transparent);border-radius:14px 30px 30px 14px;margin:18px 0 28px;padding:22px 80px 22px 62px;position:relative;transform:rotate(-1deg)}.tag:before{content:"";background:var(--bg);border-radius:50%;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;left:22px;box-shadow:inset 0 0 0 2px #2a210040}.tag:after{content:var(--t-icon,"🎁");filter:drop-shadow(0 4px 6px #2a210033);font-size:2.6rem;line-height:1;position:absolute;top:50%;right:18px;transform:translateY(-50%)rotate(10deg)}.tag h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.7rem,6vw,2.3rem)}.tag .tag-title{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;font-size:clamp(1.4rem,5vw,1.9rem);font-weight:800;line-height:1.1;display:block}.tag p{opacity:.75;margin:4px 0 0}.tag .tag-small{opacity:.6;margin-top:0;font-size:.85rem}.chip{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);border-radius:999px;margin-right:8px;padding:2px 11px;font-size:.82rem;font-weight:700;display:inline-block}.chip.p3{background:color-mix(in srgb, var(--bad) 15%, transparent);color:var(--bad)}.chip.p4{background:var(--brand);color:var(--on-brand,#fff)}.chip.p1{background:var(--line);color:var(--muted)}.price{color:var(--muted);font-weight:600}.bought{background:color-mix(in srgb, var(--ok) 11%, var(--surface));border-color:color-mix(in srgb, var(--ok) 35%, var(--line))}.bought .t{color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px}.themed:before{content:"";z-index:-1;background:var(--t-bg,none);position:fixed;inset:0}.themed .card,.themed>form.stack{background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:color-mix(in srgb, var(--brand) 16%, var(--line));box-shadow:0 14px 32px -20px color-mix(in srgb, var(--brand) 55%, transparent)}.themed>form.stack{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--line))}.themed .card.bought{background:color-mix(in srgb, var(--ok) 12%, var(--surface));border-color:color-mix(in srgb, var(--ok) 35%, var(--line));box-shadow:none}.t-zakladni{--t-icon:"🎁";--t-bg:radial-gradient(circle, color-mix(in srgb, var(--brand) 22%, transparent) 1.5px, transparent 2px) 0 0/26px 26px, radial-gradient(60% 45% at 100% 0, color-mix(in srgb, var(--brand) 14%, transparent), transparent), radial-gradient(50% 40% at 0 100%, #ffce4a2e, transparent), var(--bg)}.t-narozeniny{--brand:#d12a63;--pop:#ffc94d;--t-icon:"🎂";--t-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg opacity='.6' stroke-linecap='round'%3E%3Crect x='20' y='22' width='13' height='5' rx='2' fill='%23FF5C8A' transform='rotate(35 26 24)'/%3E%3Crect x='118' y='38' width='13' height='5' rx='2' fill='%234AB8FF' transform='rotate(-25 124 40)'/%3E%3Crect x='72' y='128' width='13' height='5' rx='2' fill='%23FFB020' transform='rotate(62 78 130)'/%3E%3Ccircle cx='152' cy='118' r='4' fill='%23FFCE4A'/%3E%3Ccircle cx='38' cy='98' r='3' fill='%23B98CFF'/%3E%3Ccircle cx='98' cy='78' r='2.5' fill='%23FF5C8A'/%3E%3Cpath d='M136 160q5-8 10 0t10 0' stroke='%23B98CFF' stroke-width='2.5' fill='none'/%3E%3Cpath d='M58 48q5-8 10 0t10 0' stroke='%2312C2A0' stroke-width='2.5' fill='none'/%3E%3Cpath d='M12 162l5-9 5 9z' fill='%234AB8FF'/%3E%3Cpath d='M160 70l5-9 5 9z' fill='%23FF5C8A'/%3E%3C/g%3E%3C/svg%3E") 0 0/180px 180px, radial-gradient(55% 40% at 100% 0, #ff5c8a2e, transparent), radial-gradient(50% 40% at 0 100%, #ffce4a33, transparent), linear-gradient(160deg, color-mix(in srgb, #ff5c8a 10%, var(--bg)), color-mix(in srgb, #ffce4a 12%, var(--bg)))}.t-vanoce{--brand:#b4233f;--pop:#f7c948;--t-icon:"🎄";--t-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='none' stroke='%2378A6C8' stroke-width='1.8' stroke-linecap='round' opacity='.55'%3E%3Cpath transform='translate(36 44)' d='M0-11V11M-9.5-5.5L9.5 5.5M-9.5 5.5L9.5-5.5M-3-8L0-5 3-8M-3 8L0 5 3 8'/%3E%3Cpath transform='translate(150 128) scale(.7)' d='M0-11V11M-9.5-5.5L9.5 5.5M-9.5 5.5L9.5-5.5M-3-8L0-5 3-8M-3 8L0 5 3 8'/%3E%3Cpath transform='translate(70 170) scale(.5)' d='M0-11V11M-9.5-5.5L9.5 5.5M-9.5 5.5L9.5-5.5'/%3E%3C/g%3E%3Cpath transform='translate(140 40)' d='M0-7l2 4.3 4.7.6-3.4 3.2.9 4.6L0 2.4-4.2 4.7l.9-4.6-3.4-3.2 4.7-.6z' fill='%23E2B23A' opacity='.7'/%3E%3Cpath transform='translate(40 128) scale(.7)' d='M0-7l2 4.3 4.7.6-3.4 3.2.9 4.6L0 2.4-4.2 4.7l.9-4.6-3.4-3.2 4.7-.6z' fill='%23E2B23A' opacity='.7'/%3E%3Cg fill='%23D6336C' opacity='.5'%3E%3Ccircle cx='100' cy='96' r='3'/%3E%3Ccircle cx='105' cy='92' r='3'/%3E%3C/g%3E%3Cg fill='%2378A6C8' opacity='.4'%3E%3Ccircle cx='96' cy='22' r='2'/%3E%3Ccircle cx='182' cy='182' r='2'/%3E%3Ccircle cx='12' cy='190' r='1.5'/%3E%3Ccircle cx='186' cy='84' r='1.5'/%3E%3C/g%3E%3C/svg%3E") 0 0/200px 200px, radial-gradient(60% 40% at 100% 0, #12a87826, transparent), radial-gradient(55% 40% at 0 100%, #d6336c22, transparent), linear-gradient(180deg, color-mix(in srgb, #12a878 12%, var(--bg)), color-mix(in srgb, #d6336c 8%, var(--bg)))}.t-svatba{--brand:#8c6a2c;--pop:#f3e3c3;--t-icon:"💍";--t-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23C9A44C' stroke-width='1.4' opacity='.6'%3E%3Ccircle cx='34' cy='40' r='7'/%3E%3Ccircle cx='44' cy='40' r='7'/%3E%3Cpath transform='translate(118 112)' d='M0 6C-9-1-6-10 0-5 6-10 9-1 0 6z'/%3E%3Cpath d='M110 30q10 6 20 0M115 28q-2-6 3-9M125 28q2-6-3-9' stroke-linecap='round'/%3E%3Cpath d='M28 128q8 5 16 0M32 126q-2-5 2-7M40 126q2-5-2-7' stroke-linecap='round'/%3E%3C/g%3E%3Cg fill='%23E8A3B5' opacity='.45'%3E%3Ccircle cx='80' cy='80' r='2.5'/%3E%3Ccircle cx='150' cy='70' r='1.5'/%3E%3Ccircle cx='76' cy='150' r='1.5'/%3E%3C/g%3E%3C/svg%3E") 0 0/160px 160px, radial-gradient(60% 45% at 100% 0, #f4c6d044, transparent), radial-gradient(55% 40% at 0 100%, #e8d5a855, transparent), linear-gradient(170deg, color-mix(in srgb, #e8d5a8 18%, var(--bg)), color-mix(in srgb, #f4c6d0 16%, var(--bg)))}.t-miminko{--brand:#2a72c0;--pop:#bde3ff;--t-icon:"🍼";--t-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cg fill='%237CC4FF' opacity='.3'%3E%3Cpath transform='translate(20 50)' d='M0 14a8 8 0 0 1 5-15 11 11 0 0 1 21 3 7 7 0 0 1 2 12z'/%3E%3Cpath transform='translate(120 140) scale(.75)' d='M0 14a8 8 0 0 1 5-15 11 11 0 0 1 21 3 7 7 0 0 1 2 12z'/%3E%3C/g%3E%3Cg fill='%23FFC94D' opacity='.65'%3E%3Cpath transform='translate(150 40)' d='M0-7l2 4.3 4.7.6-3.4 3.2.9 4.6L0 2.4-4.2 4.7l.9-4.6-3.4-3.2 4.7-.6z'/%3E%3Cpath transform='translate(60 150) scale(.6)' d='M0-7l2 4.3 4.7.6-3.4 3.2.9 4.6L0 2.4-4.2 4.7l.9-4.6-3.4-3.2 4.7-.6z'/%3E%3C/g%3E%3Cg fill='%23FF9EC4' opacity='.45'%3E%3Ccircle cx='100' cy='90' r='3'/%3E%3Ccircle cx='180' cy='100' r='2'/%3E%3Ccircle cx='30' cy='110' r='2'/%3E%3C/g%3E%3Cpath d='M86 30a6 6 0 1 0 6 8 5 5 0 1 1-6-8z' fill='%23B98CFF' opacity='.4'/%3E%3C/svg%3E") 0 0/200px 200px, radial-gradient(60% 45% at 100% 0, #7cc4ff33, transparent), radial-gradient(55% 40% at 0 100%, #ff9ec42e, transparent), linear-gradient(180deg, color-mix(in srgb, #7cc4ff 12%, var(--bg)), color-mix(in srgb, #ffe08a 10%, var(--bg)))}.t-velikonoce{--brand:#377f25;--pop:#c9efa0;--t-icon:"🐣";--t-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cg opacity='.55'%3E%3Cg transform='translate(36 44) rotate(-15)'%3E%3Cellipse rx='9' ry='12' fill='%23FFCE4A'/%3E%3Cpath d='M-8.5-2l4 3 4.5-3 4.5 3 4-3' stroke='%23FF7AA8' stroke-width='1.6' fill='none'/%3E%3C/g%3E%3Cg transform='translate(132 124) rotate(12)'%3E%3Cellipse rx='8' ry='11' fill='%23B98CFF'/%3E%3Cpath d='M-7.8 2h15.6' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3Cg transform='translate(140 38)' fill='%23FF9EC4'%3E%3Ccircle cy='-4' r='3'/%3E%3Ccircle cx='3.8' cy='-1.2' r='3'/%3E%3Ccircle cx='2.4' cy='3.2' r='3'/%3E%3Ccircle cx='-2.4' cy='3.2' r='3'/%3E%3Ccircle cx='-3.8' cy='-1.2' r='3'/%3E%3Ccircle r='2' fill='%23FFCE4A'/%3E%3C/g%3E%3Cg transform='translate(50 146) scale(.75)' fill='%237CC4FF'%3E%3Ccircle cy='-4' r='3'/%3E%3Ccircle cx='3.8' cy='-1.2' r='3'/%3E%3Ccircle cx='2.4' cy='3.2' r='3'/%3E%3Ccircle cx='-2.4' cy='3.2' r='3'/%3E%3Ccircle cx='-3.8' cy='-1.2' r='3'/%3E%3Ccircle r='2' fill='%23FFCE4A'/%3E%3C/g%3E%3Cpath d='M86 92q4-10 0-18M86 92q-6-4-10-2M86 86q6-4 9-1' stroke='%237BC94E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 0 0/180px 180px, radial-gradient(60% 45% at 100% 0, #7bc94e2e, transparent), radial-gradient(55% 40% at 0 100%, #ffce4a33, transparent), linear-gradient(180deg, color-mix(in srgb, #7bc94e 12%, var(--bg)), color-mix(in srgb, #ffce4a 10%, var(--bg)))}@media (prefers-color-scheme:dark){.t-narozeniny{--brand:#ff8ab0;--on-brand:#2a0716}.t-vanoce{--brand:#ff8a9e;--on-brand:#2a0710}.t-svatba{--brand:#e0c27a;--on-brand:#271c05}.t-miminko{--brand:#7dbbff;--on-brand:#06203d}.t-velikonoce{--brand:#8fd46a;--on-brand:#0e2405}}.themes{border:0;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:4px 0;padding:0;display:grid}.themes legend{margin-bottom:8px;padding:0;font-weight:600}.theme{border:1.5px solid var(--line);cursor:pointer;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 10px 8px;font-size:.95rem;font-weight:600;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.theme:hover{border-color:var(--brand)}.theme:has(input:checked){border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 20%, transparent)}.theme:has(input:focus-visible){outline:3px solid var(--pop);outline-offset:2px}.theme input{width:auto;accent-color:var(--brand);margin:0;padding:0}.theme .swatch{background:var(--t-bg);border-radius:10px;flex-basis:100%;order:-1;place-items:center;height:64px;font-size:1.6rem;display:grid}.theme:has(input:checked) .swatch{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--brand) 40%, transparent)}.dialog{border:1px solid color-mix(in srgb, var(--brand) 20%, var(--line));background:var(--surface);width:min(400px,100vw - 32px);color:var(--ink);box-shadow:0 30px 60px -20px color-mix(in srgb, var(--brand) 45%, #0006);border-radius:24px;padding:0}.dialog[open]{animation:.18s ease-out dialog-in}.dialog::backdrop{background:color-mix(in srgb, var(--ink) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-body{text-align:center;padding:26px 24px 22px}.dialog-icon{background:color-mix(in srgb, var(--brand) 14%, var(--surface));border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 12px;font-size:1.7rem;display:grid;transform:rotate(-6deg)}.dialog-icon.danger{background:color-mix(in srgb, var(--bad) 14%, var(--surface))}.dialog h2{margin:0 0 6px;font-size:1.35rem}.dialog p{color:var(--muted);margin:0 0 20px}.dialog-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dialog-actions button{flex:140px}button.danger{background:var(--bad);color:#fff}@media (prefers-color-scheme:dark){button.danger{color:#2a0716}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}.back{background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--brand) 25%, transparent);color:var(--brand);border-radius:999px;align-items:center;gap:6px;margin:6px 0 4px;padding:7px 16px 7px 8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.back svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .15s}.back:hover{background:var(--brand);color:var(--on-brand,#fff)}.back:hover svg{transform:translate(-3px)}.list-card{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--line));background:var(--t-bg);color:var(--ink);box-shadow:0 12px 28px -20px color-mix(in srgb, var(--brand) 60%, transparent);border-radius:20px;align-items:center;gap:14px;margin:12px 0;padding:14px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.list-card:hover{border-color:var(--brand);box-shadow:0 18px 34px -18px color-mix(in srgb, var(--brand) 65%, transparent);transform:translateY(-2px)}.list-icon{background:var(--pop);width:56px;height:56px;box-shadow:0 2px 0 color-mix(in srgb, var(--pop) 70%, #000);border-radius:16px;flex:none;place-items:center;font-size:1.8rem;display:grid;transform:rotate(-6deg)}.list-body{flex:1;gap:6px;min-width:0;display:grid}.list-body strong{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.01em;overflow-wrap:anywhere;font-size:1.2rem;line-height:1.2}.list-meta{flex-wrap:wrap;gap:6px;display:flex}.list-meta .chip{background:color-mix(in srgb, var(--brand) 14%, var(--surface));margin:0}.list-meta .chip.p1{background:var(--line)}.list-go{background:color-mix(in srgb, var(--surface) 75%, transparent);fill:none;width:36px;height:36px;stroke:var(--brand);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--brand) 25%, transparent);border-radius:50%;flex:none;padding:9px;transition:transform .15s,background .15s,stroke .15s}.list-card:hover .list-go{background:var(--brand);stroke:var(--on-brand,#fff);transform:translate(3px)}.avatar{background:color-mix(in srgb, var(--brand) 16%, var(--surface));width:34px;height:34px;color:var(--brand);font-family:var(--font-display), system-ui, sans-serif;border-radius:11px;flex:none;place-items:center;font-weight:800;display:grid}.menu{position:relative}.menu summary{cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-weight:600;list-style:none;display:flex}.menu summary::-webkit-details-marker{display:none}.menu summary:hover,.menu[open] summary{box-shadow:inset 0 0 0 1.5px var(--brand)}.menu summary .avatar{border-radius:50%;width:30px;height:30px}.menu summary svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .15s}.menu[open] summary svg{transform:rotate(180deg)}.menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:9em;overflow:hidden}.menu-pop{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -16px #1e1b3a59}.menu-pop a,.menu-pop button{width:100%;color:var(--ink);text-align:left;background:0 0;border-radius:10px;padding:10px 12px;font-weight:500;text-decoration:none;display:block}.menu-pop a:hover,.menu-pop button:hover{background:color-mix(in srgb, var(--brand) 10%, transparent);filter:none}.menu-pop form{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.menu-pop button{color:var(--bad)}@media (max-width:420px){.menu-name{display:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head h1{margin-bottom:.3em}.empty{text-align:center;border:2px dashed color-mix(in srgb, var(--brand) 22%, var(--line));background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:24px;margin:20px 0;padding:32px 20px}.empty h2,.empty h3{margin:.2em 0 .3em}.empty p{max-width:26em;margin:0 auto}.empty-art{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--pop) 70%, #fff), var(--pop));width:84px;height:84px;box-shadow:0 12px 24px -12px color-mix(in srgb, var(--brand) 50%, transparent);border-radius:28px;place-items:center;margin-bottom:8px;font-size:2.6rem;display:inline-grid;transform:rotate(-6deg)}.page-empty{background:0 0;border:0;margin-top:40px}.cta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.item{gap:6px;display:grid}.item-head{align-items:flex-start;gap:12px;display:flex}.item-head .avatar{border-radius:13px;width:42px;height:42px;font-size:1.15rem}.item-main{flex:1;gap:4px;min-width:0;display:grid}.item-main .t{overflow-wrap:anywhere;font-size:1.05rem;line-height:1.3}.item-tags{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.item-tags .chip{margin:0}.item-note{padding-left:54px}.item-link{justify-self:start;margin-left:54px;font-size:.95rem;font-weight:600}.item-actions{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 0 54px;display:flex}.buyer-note{color:var(--muted);flex-basis:100%;margin:0;font-size:.92rem;font-style:italic}.bought .avatar{background:color-mix(in srgb, var(--ok) 18%, var(--surface));color:var(--ok)}.icon-btn{width:40px;height:40px;color:var(--muted);background:0 0;flex:none;padding:9px}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.icon-btn:hover{background:color-mix(in srgb, var(--bad) 12%, transparent);color:var(--bad);filter:none}a.icon-btn{border-radius:999px;place-items:center;display:inline-grid}.icon-btn.edit:hover{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand)}.item-tools{flex:none;gap:2px;display:flex}.list-top{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.back svg path[d^=M4\ 20]{stroke-width:2.2px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.trash{border-top:1px dashed var(--line);margin-top:40px;padding-top:8px}.trash h2{margin-bottom:.2em;font-size:1.1rem}.trash>p{margin:0 0 10px}.trash-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.trash-title{overflow-wrap:anywhere;min-width:0;font-weight:600;display:grid}.trash-title .muted{font-size:.85rem;font-weight:400}@media (max-width:420px){.item-note,.item-link,.item-actions{margin-left:0;padding-left:0}}.lead{font-size:1.08rem}.list-desc{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--line));border-left:4px solid var(--brand);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);white-space:pre-line;overflow-wrap:anywhere;border-radius:18px;margin:0 0 18px;padding:16px 20px;font-size:1.08rem;line-height:1.6}.howto{background:color-mix(in srgb, var(--pop) 30%, var(--surface));color:var(--ink);border-radius:16px;align-items:flex-start;gap:12px;margin:14px 0;padding:12px 16px;font-size:.95rem;display:flex}.howto p{margin:0}.howto>span{font-size:1.3rem;line-height:1.3}.progress{margin:18px 0 6px}.progress .row{margin-bottom:8px}.bar{background:color-mix(in srgb, var(--brand) 14%, var(--surface));border-radius:999px;height:10px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg, var(--ok), color-mix(in srgb, var(--ok) 70%, #fff));height:100%;transition:width .4s;display:block}.switch-label{cursor:pointer;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:inline-flex}.switch{appearance:none;background:var(--line);cursor:pointer;border:0;border-radius:999px;width:40px;height:24px;margin:0;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--brand)}.switch:checked:after{transform:translate(16px)}.switch:focus-visible{outline:3px solid var(--pop);outline-offset:2px;box-shadow:none}.themed:has(#only-free:checked) .card.bought{display:none}.cta{text-align:center;background:color-mix(in srgb, var(--surface) 75%, transparent);border:1px solid color-mix(in srgb, var(--brand) 16%, var(--line));border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin-top:36px;padding:18px;display:flex}.cta p{margin:0;font-weight:600}.cta>span{font-size:1.4rem}.dialog-form{text-align:left;margin-bottom:18px}.share{gap:12px;display:grid}.share-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.share-head h2{margin:0;font-size:1.15rem}.share p{margin:0}.toggle{color:var(--ink);background:0 0;padding:4px 0;font-size:.92rem;font-weight:600}.toggle:hover{filter:none}.toggle-track{background:var(--line);border-radius:999px;width:44px;height:26px;transition:background .15s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.toggle[aria-checked=true] .toggle-track{background:var(--ok)}.toggle[aria-checked=true] .toggle-thumb{transform:translate(18px)}.share-url{border:1.5px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:8px;padding:4px 4px 4px 0;display:flex}.share-url input{color:var(--muted);text-overflow:ellipsis;background:0 0;border:0;padding:8px 12px}.share-url input:focus{box-shadow:none}.share-url:focus-within{border-color:var(--brand)}.share-url button{flex:none}.share-btn{width:100%;padding:13px 20px;font-size:1.02rem}.share-more{flex-wrap:wrap;gap:8px;display:flex}.field-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.suffix{display:block;position:relative}.suffix:after{content:attr(data-suffix);color:var(--muted);pointer-events:none;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.suffix input{padding-right:44px}.field select{font-weight:400}.danger-zone{border-top:1px dashed color-mix(in srgb, var(--bad) 35%, var(--line));text-align:center;margin-top:40px;padding-top:20px}button.danger-ghost{color:var(--bad);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--bad) 60%, transparent)}.preview-bar{background:color-mix(in srgb, var(--brand) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 25%, var(--line));border-radius:16px;justify-items:start;gap:10px;margin:6px 0 10px;padding:12px 16px;display:grid}.preview-bar p{margin:0;font-size:.95rem}.preview-bar .back{margin:0}.auth{padding:12px 0}.auth-card{border:1px solid color-mix(in srgb, var(--brand) 16%, var(--line));background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:440px;box-shadow:0 24px 48px -28px color-mix(in srgb, var(--brand) 60%, transparent);border-radius:28px;margin:12px auto 0;padding:28px 24px 22px}.auth-art{background:var(--pop);width:64px;height:64px;box-shadow:0 2px 0 color-mix(in srgb, var(--pop) 70%, #000);border-radius:20px;place-items:center;margin-bottom:6px;font-size:2rem;display:grid;transform:rotate(-6deg)}.auth-card h1{margin:.35em 0 .15em;font-size:clamp(1.7rem,6vw,2.1rem)}.auth-sub{margin:0 0 18px}.auth-card form.stack{gap:14px}.auth-card form.stack button:not(.pw-toggle){margin-top:4px;padding:13px 20px}.auth-alt{text-align:center;color:var(--muted);margin:18px 0 0;font-size:.95rem}.alert{border-radius:12px;margin:0 0 14px;padding:10px 14px;font-size:.95rem}.alert.err{background:color-mix(in srgb, var(--bad) 12%, var(--surface))}.alert.ok{background:color-mix(in srgb, var(--ok) 12%, var(--surface))}.field-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.small-link{font-size:.88rem;font-weight:500}.pw{display:block;position:relative}.pw input{padding-right:48px}.pw-toggle{width:40px;height:40px;color:var(--muted);background:0 0;padding:9px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--brand);filter:none}.pw-toggle:active{transform:translateY(-50%)scale(.95)}.pw-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.foot{border-top:1px solid var(--line);width:100%;max-width:640px;color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:0 auto;padding:20px 16px 32px;font-size:.9rem;display:flex}.foot a{color:var(--muted)}.foot-brand{align-items:center;gap:6px;display:inline-flex}.foot a:hover{color:var(--brand)}.prose h2{margin-top:1.4em;font-size:1.15rem}.prose p{margin:.4em 0}main:has(.admin){max-width:980px}.seg{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);border-radius:999px;padding:3px;display:inline-flex}.seg a{color:var(--muted);border-radius:999px;padding:6px 14px;font-size:.9rem;font-weight:600;text-decoration:none}.seg a[aria-current=page]{background:var(--brand);color:var(--on-brand,#fff)}.tiles{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;display:grid}.tile{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:2px;padding:14px 16px;display:grid}.tile-label{color:var(--muted);font-size:.88rem;font-weight:600}.tile-value{font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700;line-height:1.15}.tile-hint{color:var(--muted);font-size:.78rem}.panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin:12px 0;padding:16px 18px}.panel h2{margin:0 0 4px;font-size:1.1rem}.panel>p.muted{margin:0 0 10px}.panels{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start;gap:0 12px;display:grid}@media (max-width:560px){.tiles{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}}.barlist{gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.barlist li{grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;display:grid}.barlist-label{overflow-wrap:anywhere;min-width:0;font-size:.95rem}.barlist-label small{color:var(--muted);font-size:.8rem;display:block}.barlist-value{font-variant-numeric:tabular-nums;font-weight:700}.barlist-value small{color:var(--muted);font-weight:500}.barlist-track{background:color-mix(in srgb, var(--brand) 10%, var(--surface));border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.barlist-track span{background:var(--brand);border-radius:4px;min-width:2px;height:100%;display:block}.colchart{margin-top:12px}.colchart-plot{height:180px;margin-left:36px;position:relative}.colchart-grid{border-top:1px solid var(--line);height:0;position:absolute;left:0;right:0}.colchart-grid i{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-style:normal;position:absolute;top:-.6em;right:calc(100% + 8px)}.colchart-bars{align-items:flex-end;gap:2px;display:flex;position:absolute;inset:0}.colchart-slot{cursor:default;outline:none;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.colchart-bar{background:var(--brand);border-radius:4px 4px 0 0;width:100%;max-width:24px;min-height:0;transition:opacity .15s}.colchart-slot:hover .colchart-bar,.colchart-slot:focus-visible .colchart-bar{opacity:.75}.colchart-slot:hover:before,.colchart-slot:focus-visible:before{content:"";background:color-mix(in srgb, var(--brand) 8%, transparent);border-radius:6px;position:absolute;inset:0}.colchart-slot:hover:after,.colchart-slot:focus-visible:after{content:attr(data-tip);z-index:2;background:var(--ink);color:var(--surface);white-space:nowrap;pointer-events:none;border-radius:10px;padding:6px 10px;font-size:.8rem;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.colchart-slot:first-child:hover:after,.colchart-slot:first-child:focus-visible:after{left:0;transform:none}.colchart-slot:last-child:hover:after,.colchart-slot:last-child:focus-visible:after{left:auto;right:0;transform:none}.colchart-slot:focus-visible{box-shadow:0 0 0 2px var(--pop);border-radius:6px}.colchart-x{color:var(--muted);justify-content:space-between;margin:6px 0 0 36px;font-size:.75rem;display:flex}.table-view{margin-top:12px;font-size:.9rem}.table-view summary{cursor:pointer;color:var(--brand);font-weight:600}.table-view table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px}.table-view th,.table-view td{border-bottom:1px solid var(--line);text-align:right;padding:6px 8px}.table-view th:first-child,.table-view td:first-child{text-align:left}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.p.2e115y8-hourl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.W0Viyq_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.W0Viyq_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}