:root{--bg: #faf7f2;--surface: #ffffff;--ink: #1c1a17;--ink-soft: #5d574e;--accent: #1f7a5a;--accent-ink: #ffffff;--like: #1f7a5a;--pass: #b3452f;--super: #a2761c;--tomato: #dc674f;--sage: #78977a;--lemon: #e4b83f;--aubergine: #75536c;--ocean: #4f8294;--clay: #b5795b;--line: #e6e0d6;--radius: 24px;--shadow: 0 24px 60px rgb(64 45 22 / 18%);--font: "Avenir Next", Avenir, "Segoe UI", sans-serif;--display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}@media(prefers-color-scheme:dark){:root{--bg: #16150f;--surface: #211f19;--ink: #f4f0e8;--ink-soft: #b3ab9c;--line: #35322a;--shadow: 0 10px 30px rgb(0 0 0 / 45%)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.5;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}h1{font-family:var(--display);font-size:1.6rem;line-height:1.2}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shell{display:flex;flex-direction:column;min-height:100dvh;max-width:1040px;margin:0 auto}.shell__header{display:flex;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.shell__brand{font-weight:700;color:var(--ink);text-decoration:none}.shell__nav{display:flex;gap:12px;margin-inline-start:auto}.shell__nav a{color:var(--ink-soft);text-decoration:none}.shell__nav a.active{color:var(--accent);font-weight:600}.shell__actions{display:flex;gap:8px;align-items:center}.shell__main{flex:1;padding:16px}.auth,.groups,.group,.filters,.settings,.legal,.invite,.session{width:100%;max-width:640px;margin-inline:auto}.shell__footer{display:flex;gap:16px;justify-content:center;padding:16px;border-top:1px solid var(--line);font-size:.85rem}.shell__footer a{color:var(--ink-soft)}.button{min-height:44px;padding:10px 16px;font:inherit;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer;text-decoration:none}.button:focus-visible,.chip:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.button--primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.button--ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.button--danger{color:#fff;background:var(--pass);border-color:var(--pass)}.button--danger-text{color:var(--pass)}.button--like{color:#fff;background:var(--like);border-color:var(--like)}.button--pass{color:#fff;background:var(--pass);border-color:var(--pass)}.button--super{color:#fff;background:var(--super);border-color:var(--super)}.button:disabled{opacity:.5;cursor:progress}input,select{min-height:44px;padding:8px 12px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px}.chip{padding:8px 14px;font:inherit;font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;cursor:pointer}.chip--on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.chip--tag{cursor:default;font-size:.78rem;color:var(--ink-soft);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}.deck__stack{position:relative;height:68dvh;min-height:500px}.deck__card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.deck__card--top{cursor:grab;-webkit-user-select:none;user-select:none}.deck__card--top:active{cursor:grabbing}.deck__stamp{position:absolute;top:18px;z-index:2;padding:6px 14px;font-weight:800;text-transform:uppercase;color:#fff;border-radius:8px}.deck__stamp--like{left:18px;background:var(--like);transform:rotate(-8deg)}.deck__stamp--pass{right:18px;background:var(--pass);transform:rotate(8deg)}.deck__controls{display:flex;gap:10px;justify-content:center;margin-top:16px}.deck__hint,.deck__counter,.session__hint{margin:10px 0 0;font-size:.85rem;color:var(--ink-soft);text-align:center}.card{display:flex;flex-direction:column;height:100%}.card__media{position:relative;isolation:isolate;height:52%;min-height:250px;overflow:hidden;background:linear-gradient(145deg,#163f2e,#e7a94d)}.card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.deck__card--top:hover .card__media img{transform:scale(1.025)}.card__media:after{position:absolute;inset:auto 0 0;height:45%;content:"";background:linear-gradient(transparent,#14110b94);pointer-events:none}.card__quickfacts{position:absolute;right:14px;bottom:14px;z-index:1;display:flex;gap:7px}.card__quickfacts span{padding:6px 10px;font-size:.78rem;font-weight:750;color:#fff;background:#14110bb8;border:1px solid rgb(255 255 255 / 25%);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card__placeholder{display:grid;place-items:center;height:100%;font-size:3rem;font-weight:700;color:#fff;opacity:.85}.card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 20px;overflow-y:auto}.card__title{margin:0;font-family:var(--display);font-size:clamp(1.4rem,5vw,1.9rem);line-height:1.08}.card__meta{display:flex;gap:8px;margin:0;font-size:.9rem;color:var(--ink-soft)}.card__description{margin:0}.card__ingredients{margin:0;padding:0;list-style:none}.card__ingredients li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--line)}.card__amount{color:var(--ink-soft);white-space:nowrap}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.card__allergens{margin:0;font-size:.78rem;color:var(--ink-soft)}.card__flip{align-self:flex-start;padding-inline:0}.session__header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}.session__participants{display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none}.session__participant{display:flex;gap:6px;align-items:center;font-size:.85rem}.session__avatar{display:grid;place-items:center;width:30px;height:30px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:50%}.session__swipes{color:var(--ink-soft)}.session__status{margin-inline-start:auto;font-size:.8rem;color:var(--ink-soft)}.session__status--live{color:var(--like)}.session__queued,.filters__disclaimer,.settings__disclaimer{padding:10px 12px;font-size:.85rem;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:12px}.session__exhausted{padding:32px 16px;text-align:center}.match{padding:24px 4px 40px;text-align:center}.match__eyebrow{margin:0;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.match__title{margin:8px 0;font-family:var(--display);font-size:clamp(2rem,8vw,3.2rem);line-height:1}.match__subtitle{margin:0 0 20px;color:var(--ink-soft)}.match__hero{width:100%;max-height:420px;margin-bottom:16px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.match__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}.match__body{display:grid;gap:20px;margin-bottom:24px;text-align:start}.match__ingredients,.match__steps{margin:0;padding-inline-start:20px}.match__steps li{margin-bottom:8px}.auth,.groups,.group,.filters,.settings,.legal,.invite{display:flex;flex-direction:column;gap:14px}.page-intro h1,.page-intro p{margin-block:0}.page-intro h1{font-size:clamp(2.2rem,8vw,4.6rem);letter-spacing:-.045em}.page-intro>p:last-child{max-width:48ch;color:var(--ink-soft)}.eyebrow{font-size:.75rem;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:.16em}.section-heading h2,.quick-match h2{margin:0;font-family:var(--display)}.quick-match{position:relative;display:grid;grid-template-columns:1fr auto;gap:12px;padding:22px;overflow:hidden;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:var(--radius)}.quick-match:after{position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;content:"";background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:44% 56% 63% 37%;transform:rotate(20deg)}.quick-match>*{position:relative;z-index:1}.quick-match>div,.quick-match .form-error{grid-column:1 / -1}.quick-match p{margin:4px 0 0;color:var(--ink-soft)}.quick-match label,.quick-match input{width:100%}.quick-match__icon{float:inline-end;font-size:2rem;transform:rotate(8deg)}.form-error{color:var(--pass)!important}.auth__form,.groups__create{display:flex;flex-direction:column;gap:12px}.auth__form label,.settings label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--ink-soft)}.auth__error{padding:10px 12px;color:#fff;background:var(--pass);border-radius:12px}.groups__list,.group__members{margin:0;padding:0;list-style:none}.groups__item{display:block;padding:16px 18px 10px;color:inherit;text-decoration:none;border-radius:var(--radius) var(--radius) 0 0}.groups__row{overflow:hidden;margin-bottom:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .16s ease,transform .16s ease}.groups__row:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));transform:translateY(-1px)}.groups__item:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.groups__name{display:block;font-family:var(--display);font-size:1.12rem;font-weight:700}.groups__leave{min-height:36px;padding:5px 10px;font:inherit;font-size:.75rem;color:var(--pass);background:transparent;border:0;border-radius:999px;cursor:pointer}.groups__footer{display:flex;gap:12px;align-items:center;justify-content:space-between;min-height:48px;padding:4px 10px 10px 18px}.room-status{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:.75rem;font-weight:700;color:var(--ink-soft)}.room-status:before{width:7px;height:7px;content:"";background:var(--ink-soft);border-radius:50%}.room-status--open{color:var(--accent)}.room-status--open:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}.room-status--matched{color:var(--super)}.room-status--matched:before{background:var(--super)}.group__result{padding:22px;background:color-mix(in srgb,var(--super) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--super) 28%,var(--line));border-radius:var(--radius)}.group__result h2,.group__result p{margin-top:0}.group__waiting{display:flex;gap:14px;align-items:center;padding:18px;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}.group__waiting>span{font-size:1.8rem}.group__waiting h2,.group__waiting p{margin:0}.group__waiting p,.groups__count,.group__hint,.settings__hint,.filters__note{font-size:.85rem;color:var(--ink-soft)}.group__link code{display:block;padding:8px;overflow-wrap:anywhere;background:var(--surface);border:1px solid var(--line);border-radius:10px}.profile-row{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.profile-row__role{margin-inline-start:auto;font-size:.75rem;color:var(--ink-soft)}.profile-avatar{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;font-size:1.25rem;border:2px solid color-mix(in srgb,#fff 62%,transparent);border-radius:50%;box-shadow:0 3px 10px #1e140a26}.profile-avatar--large{width:96px;height:96px;font-size:3.1rem}.profile-avatar--tomato{background:var(--tomato)}.profile-avatar--sage{background:var(--sage)}.profile-avatar--lemon{background:var(--lemon)}.profile-avatar--aubergine{background:var(--aubergine)}.profile-avatar--ocean{background:var(--ocean)}.profile-avatar--clay{background:var(--clay)}.group__danger{padding-top:20px;margin-top:16px;border-top:1px solid var(--line)}.group__danger p{margin:4px 16px;font-size:.78rem;color:var(--ink-soft)}.filters__group{padding:12px;border:1px solid var(--line);border-radius:var(--radius)}.filters__chips{display:flex;flex-wrap:wrap;gap:8px}.settings__block{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.profile-editor{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.profile-editor__fields{display:flex;flex-direction:column;gap:12px}.profile-editor h2{margin:0}.profile-palette,.color-palette{display:flex;flex-wrap:wrap;gap:8px}.avatar-choice,.color-choice{display:grid;place-items:center;width:42px;height:42px;padding:0;font-size:1.25rem;background:var(--bg);border:1px solid var(--line);border-radius:50%;cursor:pointer}.avatar-choice--on,.color-choice--on{outline:3px solid var(--ink);outline-offset:2px}.color-choice--tomato{background:var(--tomato)}.color-choice--sage{background:var(--sage)}.color-choice--lemon{background:var(--lemon)}.color-choice--aubergine{background:var(--aubergine)}.color-choice--ocean{background:var(--ocean)}.color-choice--clay{background:var(--clay)}.recipes{display:flex;flex-direction:column;gap:20px}.recipes .page-intro h1{font-size:clamp(2.25rem,4.5vw,3.65rem)}.recipe-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:620px}.recipe-search input,.recipe-search label{width:100%}.recipe-tabs{display:flex;gap:8px}.recipe-filters{padding:18px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:var(--radius)}.recipe-filters__header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}.recipe-filters__header p,.recipe-filters__header h2{margin:0}.recipe-filters__header h2{font-family:var(--display);font-size:1.35rem}.recipe-filters__groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe-filters__group{min-width:0;padding:12px;border:1px solid var(--line);border-radius:16px}.recipe-filters__group legend{padding-inline:5px;font-size:.75rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em}.recipe-filters .chip{padding:6px 10px;font-size:.78rem}.recipe-tabs span{display:inline-grid;min-width:20px;min-height:20px;margin-inline-start:4px;place-items:center;font-size:.7rem;color:var(--ink);background:var(--bg);border-radius:999px}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.recipe-tile{position:relative;height:620px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 34px #402d161a;transition:transform .18s ease,box-shadow .18s ease}.recipe-tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.recipe-tile .card__body{overflow-x:hidden;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.recipe-tile .card__title{font-size:clamp(1.15rem,1.7vw,1.5rem);overflow-wrap:anywhere}.recipe-tile .card__meta{flex-wrap:wrap}.favorite-button{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:46px;height:46px;padding:0;font-size:1.8rem;color:#fff;background:#18140f94;border:1px solid rgb(255 255 255 / 40%);border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.favorite-button--on{color:#ffe6de;background:var(--tomato)}.recipes__empty{padding:48px 20px;color:var(--ink-soft);text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}@media(max-width:680px){.shell__header{flex-wrap:wrap}.shell__nav{order:3;width:100%;justify-content:space-around;padding-top:8px;border-top:1px solid var(--line)}.profile-editor,.quick-match,.recipe-search,.recipe-filters__groups{grid-template-columns:1fr}.profile-editor>.profile-avatar{margin-inline:auto}.recipe-tile{height:min(680px,76dvh);min-height:560px}}.settings__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.settings__hint--danger{margin-top:20px}.legal dl{display:grid;grid-template-columns:1fr;gap:4px}.legal dt{font-weight:600}.legal dd{margin:0 0 10px;color:var(--ink-soft)}.legal__placeholder{padding:12px;border:1px dashed var(--pass);border-radius:12px;color:var(--pass)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}