:root,[data-theme=vino]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c-bg:#f8f3f4;--c-surface:#fff;--c-surface-sunk:#f1e8ea;--c-ink:#2b1419;--c-ink-muted:#75585e;--c-line:#e6d8db;--c-wine:#7b1e35;--c-wine-deep:#561327;--c-wine-soft:#f3dfe4;--c-on-wine:#fff;--c-star:#b8862c;--c-star-empty:#d9c9b0;--c-danger:#a8261f;--c-danger-soft:#f8e1df;--c-focus:#b23a58;--list-bordeaux:#7b1e35;--list-rosa:#b4546e;--list-corallo:#c35a3c;--list-ocra:#a87a1f;--list-oliva:#687236;--list-salvia:#3f7d63;--list-petrolio:#2a6676;--list-prugna:#5d3a6b;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:.8125rem;--fs-sm:.9375rem;--fs-md:1.0625rem;--fs-lg:1.375rem;--fs-xl:1.875rem;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--tap:44px;--shadow-raised:0 1px 0 #5613270f, 0 6px 18px -8px #5613274d;--shadow-sheet:0 -8px 30px -10px #2b141959}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--c-bg);color:var(--c-ink);font:400 var(--fs-md) / 1.45 var(--font-body);min-height:100dvh;margin:0}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.2}p{margin:0}a{color:var(--c-wine)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--c-ink-muted)}.small{font-size:var(--fs-sm)}.pre{white-space:pre-wrap}.icon{vertical-align:-.25em;flex:none;width:1.25em;height:1.25em;display:inline-flex}.icon svg{fill:currentColor;width:100%;height:100%}.icon.inline{vertical-align:-.125em;width:1em;height:1em}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--c-surface);cursor:pointer;touch-action:manipulation;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--c-wine);color:var(--c-on-wine)}.btn.primary:active{background:var(--c-wine-deep)}.btn.soft{background:var(--c-wine-soft);color:var(--c-wine-deep)}.btn.ghost{border-color:var(--c-line);background:0 0}.btn.danger{background:var(--c-danger);color:#fff}.btn.block{width:100%;display:flex}.btn.small{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm)}.btn.on-dark{color:var(--c-wine-deep);background:#fff}.danger-text{color:var(--c-danger)}.icon-btn{width:var(--tap);height:var(--tap);border-radius:var(--r-pill);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;font-size:1.15rem;display:inline-grid}.icon-btn:active{background:var(--c-surface-sunk)}.icon-btn:disabled{opacity:.3}.icon-btn.on-dark{color:#fff}.icon-btn.on-dark:active{background:#ffffff2e}.link-btn{color:var(--c-wine);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.chip{align-items:center;gap:var(--sp-2);min-height:38px;padding:0 var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-surface);font-size:var(--fs-sm);cursor:pointer;display:inline-flex}.chip.on{background:var(--c-wine);border-color:var(--c-wine);color:var(--c-on-wine)}.seg{border-radius:var(--r-pill);background:var(--c-surface-sunk);gap:3px;padding:3px;display:inline-flex}.seg button{align-items:center;gap:var(--sp-1);min-height:38px;padding:0 var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;display:inline-flex}.seg button.on{background:var(--c-surface);color:var(--c-wine-deep);box-shadow:var(--shadow-raised);font-weight:600}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field.grow{flex:1}.field-label{font-size:var(--fs-sm);color:var(--c-ink-muted);padding:0;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=url],input[type=date],select,textarea{width:100%;min-height:var(--tap);padding:10px var(--sp-3);border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-surface);font-size:max(16px, var(--fs-md))}textarea{resize:vertical;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:var(--lc,var(--c-wine));box-shadow:0 0 0 3px color-mix(in srgb, var(--lc,var(--c-wine)) 22%, transparent);outline:none}[aria-invalid=true]{border-color:var(--c-danger)}.field-error,.form-error{color:var(--c-danger);font-size:var(--fs-sm);font-weight:600}.inline-form{gap:var(--sp-2);align-items:center;display:flex}.inline-form input{flex:1;min-width:0}.file-btn{position:relative}.screen{min-height:100dvh}.page{padding:var(--sp-4) var(--sp-4) calc(110px + env(safe-area-inset-bottom))}.stack{gap:var(--sp-4);display:grid}.block{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-line);display:grid}.block+.block{margin-top:var(--sp-4)}.stack>.block+.block{margin-top:0}.block-title{font-size:var(--fs-md);font-weight:700}.sticky-actions{gap:var(--sp-2);padding:var(--sp-3) 0 calc(var(--sp-3) + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--c-bg) 30%);display:grid;position:sticky;bottom:0}.topbar{z-index:10;grid-template-columns:var(--tap) 1fr auto;align-items:center;gap:var(--sp-2);min-height:56px;padding:env(safe-area-inset-top) var(--sp-2) 0;background:color-mix(in srgb, var(--c-bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-line);display:grid;position:sticky;top:0}.topbar-title{font-size:var(--fs-lg);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:800;overflow:hidden}.topbar-actions{min-width:var(--tap);justify-content:flex-end;display:flex}.login{align-content:start;gap:var(--sp-5);min-height:100dvh;padding:calc(env(safe-area-inset-top) + var(--sp-6)) var(--sp-4) var(--sp-6);background:radial-gradient(120% 60% at 50% 0%, var(--c-wine) 0 52%, transparent 52.2%), var(--c-bg);display:grid}.login-brand{justify-items:center;gap:var(--sp-2);color:var(--c-on-wine);text-align:center;padding-bottom:var(--sp-4);display:grid}.login-mark{border-radius:50%;width:88px;height:88px;box-shadow:0 0 0 3px #ffffff38}.login-name{font:800 2.6rem/1 var(--font-display);letter-spacing:-.02em}.login-lead{opacity:.88;max-width:26ch}.login-card{gap:var(--sp-4);padding:var(--sp-5) var(--sp-4);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-raised);display:grid}.login-card h1{font-size:var(--fs-lg)}.demo-box{gap:var(--sp-2);padding:var(--sp-4);border:1px dashed var(--c-wine);border-radius:var(--r-md);background:var(--c-wine-soft);color:var(--c-wine-deep);display:grid}.demo-box h2{font-size:var(--fs-md)}.demo-users{gap:var(--sp-2);flex-wrap:wrap;display:flex}.shelf{gap:var(--sp-3);margin:0;padding:0;list-style:none;display:grid}.shelf-card{gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-line);border-left:6px solid var(--lc);color:inherit;grid-template-columns:56px 1fr auto;align-items:center;text-decoration:none;display:grid}.shelf-card:active{background:color-mix(in srgb, var(--lc) 7%, var(--c-surface))}.shelf-tile,.hero-tile{background:var(--lc);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;font-size:1.6rem;display:grid}.shelf-text{gap:2px;min-width:0;display:grid}.shelf-name{font:700 var(--fs-md) / 1.25 var(--font-display)}.shelf-desc{color:var(--c-ink-muted);font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shelf-meta{align-items:center;gap:var(--sp-3);color:var(--c-ink-muted);font-size:var(--fs-xs);display:flex}.shelf-share{align-items:center;gap:var(--sp-1);color:var(--lc);font-size:var(--fs-xs);font-weight:600;display:inline-flex}.shelf-chevron{color:var(--c-ink-muted)}.fab{right:var(--sp-4);bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));z-index:20;align-items:center;gap:var(--sp-2);min-height:56px;padding:0 var(--sp-5) 0 var(--sp-4);border-radius:var(--r-pill);background:var(--lc,var(--c-wine));color:#fff;font-weight:700;font-size:var(--fs-md);cursor:pointer;border:0;display:inline-flex;position:fixed;box-shadow:0 10px 24px -10px #2b141999}.fab .icon{font-size:1.4rem}.empty{justify-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);text-align:center;display:grid}.empty-icon{background:color-mix(in srgb, var(--lc,var(--c-wine)) 12%, var(--c-surface));width:84px;height:84px;color:var(--lc,var(--c-wine));border-radius:28px;place-items:center;font-size:2.6rem;display:grid}.empty h2{font-size:var(--fs-lg)}.empty p{max-width:32ch;color:var(--c-ink-muted)}.hero{padding:env(safe-area-inset-top) var(--sp-2) var(--sp-5);background:var(--lc);color:#fff}.hero-bar{justify-content:space-between;align-items:center;min-height:56px;display:flex}.hero-body{gap:var(--sp-4);padding:0 var(--sp-3);grid-template-columns:auto 1fr;align-items:center;display:grid}.hero .hero-tile{background:#ffffff29;width:64px;height:64px;font-size:2rem}.hero-tile.small{border-radius:12px;width:40px;height:40px;font-size:1.2rem}.hero-title{font-size:var(--fs-xl);letter-spacing:-.02em;overflow-wrap:anywhere;font-weight:800}.hero-desc{margin-top:var(--sp-1);opacity:.9}.hero-note{margin-top:var(--sp-2);font-size:var(--fs-sm);opacity:.9}.list-page{padding-top:var(--sp-3)}.toolbar{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-size:var(--fs-sm);display:flex}.items{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.item{border-radius:var(--r-md);background:var(--c-surface);border:1px solid var(--c-line);transition:box-shadow .15s}.items.is-sorting .item:not(.is-dragging){transition:transform .15s}.item.is-dragging{z-index:5;border-color:var(--lc);position:relative;box-shadow:0 14px 30px -12px #2b14198c}.item.open{border-color:color-mix(in srgb, var(--lc) 45%, var(--c-line))}.item-head{align-items:stretch;display:flex}.drag-handle{width:40px;color:var(--c-ink-muted);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;place-items:center;font-size:1.3rem;display:grid}.item-toggle{align-items:center;gap:var(--sp-3);min-width:0;min-height:60px;padding:var(--sp-2) var(--sp-3);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;display:flex}.items.draggable .item-toggle{padding-left:0}.item-text{flex:1;gap:1px;min-width:0;display:grid}.item-title{overflow-wrap:anywhere;font-weight:650}.item-subs{column-gap:var(--sp-3);color:var(--c-ink-muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.item-ratings{justify-items:end;gap:2px;display:grid}.item-chevron{color:var(--c-ink-muted);transition:transform .2s}.item.open .item-chevron{transform:rotate(180deg)}.item-details{padding:0 var(--sp-3) var(--sp-3);border-top:1px dashed var(--c-line)}.item-details dl{gap:var(--sp-3);margin:var(--sp-3) 0;grid-template-columns:1fr 1fr;display:grid}.kv.wide{grid-column:1/-1}.kv dt{font-size:var(--fs-xs);color:var(--c-ink-muted);font-weight:600}.kv dd{overflow-wrap:anywhere;margin:2px 0 0}.item-actions{gap:var(--sp-2);display:flex}.stars{color:var(--c-star);white-space:nowrap;gap:1px;display:inline-flex}.stars .icon{width:1.05em;height:1.05em}.stars.small .icon{width:.95em;height:.95em}.star-empty{color:var(--c-star-empty)}.star-input{gap:var(--sp-2);display:grid}.star-row{gap:var(--sp-1);display:flex}.star-slot{width:48px;height:48px;color:var(--c-star);place-items:center;display:grid;position:relative}.star-slot .icon{width:38px;height:38px}.star-hit{cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:50%;padding:0;position:absolute;top:0;bottom:0}.star-hit.left{left:0}.star-hit.right{right:0}.star-caption{gap:var(--sp-3);font-size:var(--fs-sm);color:var(--c-ink-muted);align-items:center;display:flex}.form-context{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);color:var(--lc);font-weight:700;display:flex}.choice-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.choice-chips .chip.on{background:var(--lc,var(--c-wine));border-color:var(--lc,var(--c-wine))}.templates{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.template{padding:var(--sp-3);border:1.5px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);text-align:left;cursor:pointer;justify-items:start;gap:2px;display:grid}.template.on{border-color:var(--c-wine);background:var(--c-wine-soft)}.template-icon{color:var(--c-wine);margin-bottom:var(--sp-1);font-size:1.4rem}.template-name{font-weight:700}.template-fields{font-size:var(--fs-xs);color:var(--c-ink-muted);line-height:1.3}.swatches{grid-template-columns:repeat(8,minmax(0,44px));justify-content:space-between;gap:6px;display:grid}.swatch{aspect-ratio:1;border-radius:var(--r-pill);background:var(--lc);color:#fff;cursor:pointer;border:0;place-items:center;width:100%;display:grid}.swatch.on{box-shadow:0 0 0 3px var(--c-surface), 0 0 0 5px var(--lc)}.icon-grid{gap:var(--sp-1);grid-template-columns:repeat(auto-fill,minmax(44px,1fr));display:grid}.icon-choice{aspect-ratio:1;color:var(--c-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;font-size:1.3rem;display:grid}.icon-choice.on{background:var(--lc);color:#fff}.field-editor{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:grid}.field-row{gap:var(--sp-1);padding:var(--sp-2);border-radius:var(--r-sm);background:var(--c-surface-sunk);display:grid}.field-row-main{align-items:center;gap:var(--sp-1);display:flex}.field-row-meta{justify-content:space-between;align-items:center;display:flex}.type-tag{font-size:var(--fs-xs);color:var(--c-ink-muted);padding-left:var(--sp-1)}.row-tools{display:flex}.row-tools .icon-btn{width:40px;height:40px}.eye{color:var(--c-ink-muted)}.eye.on{color:var(--lc,var(--c-wine))}.options{gap:var(--sp-2);padding:var(--sp-2) 0 0 var(--sp-2);border-left:3px solid var(--c-line);margin-left:var(--sp-1);display:grid}.options ul{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.options li{gap:var(--sp-1);display:flex}.add-field{gap:var(--sp-3);padding:var(--sp-3);border:1.5px dashed var(--c-line);border-radius:var(--r-sm);display:grid}.add-field h3{font-size:var(--fs-sm)}.members,.plain-list{gap:var(--sp-1);margin:0;padding:0;list-style:none;display:grid}.members li,.plain-list li{align-items:center;gap:var(--sp-2);min-height:var(--tap);overflow-wrap:anywhere;display:flex}.member-email{flex:1;min-width:0}.member-head{align-items:center;gap:var(--sp-3);display:flex}.member-head .hero-tile{background:var(--lc)}.danger-zone{border-color:color-mix(in srgb, var(--c-danger) 30%, var(--c-line))}.danger-zone .btn,.settings .block>.btn{justify-self:start}.scrim{z-index:40;background:#2b141973;animation:.15s ease-out fade;position:fixed;inset:0}.sheet{z-index:41;max-height:85dvh;padding:var(--sp-2) var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom));border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-surface);box-shadow:var(--shadow-sheet);animation:.2s ease-out rise;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet-grip{width:40px;height:4px;margin:0 auto var(--sp-2);background:var(--c-line);border-radius:2px}.sheet-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.sheet-head h2{font-size:var(--fs-lg)}.sort-option{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);border:1.5px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);text-align:left;cursor:pointer;display:flex}.sort-option>span:not(.icon){flex:1;display:grid}.sort-option.on{border-color:var(--lc,var(--c-wine));background:color-mix(in srgb, var(--lc,var(--c-wine)) 8%, var(--c-surface))}.sort-option .check{color:var(--lc,var(--c-wine))}.sort-field{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;border-bottom:1px solid var(--c-line);display:flex}.sort-field:last-child{border-bottom:0}.sort-field-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.sort-field .seg button{padding:0 var(--sp-2);font-size:var(--fs-xs)}.dialog{left:var(--sp-4);right:var(--sp-4);z-index:41;gap:var(--sp-3);max-width:420px;padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-sheet);margin:0 auto;animation:.15s ease-out pop;display:grid;position:fixed;top:50%;translate:0 -50%}.dialog h2{font-size:var(--fs-lg);overflow-wrap:anywhere}.dialog-hint{padding:var(--sp-3);border-radius:var(--r-sm);background:var(--c-surface-sunk);font-size:var(--fs-sm)}.dialog-hint .link-btn{margin-top:var(--sp-1);display:block}.dialog-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.banners{z-index:30;position:sticky;top:0}.banner{align-items:center;gap:var(--sp-2);padding:calc(env(safe-area-inset-top) + var(--sp-2)) var(--sp-4) var(--sp-2);font-size:var(--fs-sm);display:flex}.banner span:not(.icon){flex:1}.banner.update{background:var(--c-wine-deep);color:#fff}.banner.sync{color:#6b4a00;background:#fff4dc}.toast-zone{left:var(--sp-4);right:var(--sp-4);bottom:calc(88px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-items:center;display:grid;position:fixed}.toast{max-width:420px;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-ink);color:#fff;font-size:var(--fs-sm);box-shadow:var(--shadow-raised);animation:.15s ease-out pop}.toast.error{background:var(--c-danger)}.boot{background:var(--c-bg);min-height:100dvh}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30%)}}@keyframes pop{0%{opacity:0;scale:.96}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=720px){.page,.hero-body,.hero-bar{max-width:640px;margin-inline:auto}.fab{right:calc(50% - 320px + var(--sp-4))}}