:root{font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#eef3fb;background:radial-gradient(circle at top,rgba(75,135,255,.24),transparent 24%),linear-gradient(180deg,#141821,#0f131b 52%,#0b0f16);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0d1118;--panel: rgba(24, 30, 42, .76);--panel-strong: rgba(30, 37, 51, .92);--line: rgba(164, 187, 222, .12);--text: #eef3fb;--muted: #9caec8;--accent: #4f97ff;--accent-strong: #79b2ff;--accent-soft: rgba(79, 151, 255, .16);--danger: #ff8aa0;--danger-soft: rgba(255, 120, 150, .16);--shadow: 0 24px 70px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;color:var(--text);background:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{border:1px solid transparent;border-radius:999px;min-height:48px;padding:.85rem 1.15rem;background:var(--accent);color:#f7fbff;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover,.button:hover{background:var(--accent-strong);transform:translateY(-1px)}button:active,.button:active{transform:translateY(0) scale(.985);filter:saturate(.96)}button:disabled,.button:disabled{opacity:.65;cursor:not-allowed;transform:none}.button--ghost{background:#ffffff0f;color:var(--text);border-color:#a4bbde24}.button--danger{background:var(--danger-soft);color:var(--danger);border-color:#d44f6747}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f131bc2;border-bottom:1px solid var(--line)}.brand{font-size:1.2rem;letter-spacing:.01em;font-weight:650}.site-nav{display:flex;gap:1rem;color:var(--muted)}.site-nav a:hover{color:var(--text)}.site-main{padding:1.5rem}.recipes-layout,.admin-layout{display:grid;gap:1.5rem}.recipes-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.admin-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start}.panel,.admin-sidebar,.admin-panel,.card,.preview-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel,.admin-sidebar,.admin-panel{padding:1.4rem}.admin-sidebar,.admin-panel{background:linear-gradient(180deg,#1a212ed6,#141a25e0)}.panel--wide{max-width:720px;margin:4rem auto}.panel--list,.panel--detail{min-height:0}.panel--list{display:grid;gap:1rem;align-content:start}.panel-heading h1,.section-heading h2,.recipe-detail h2,.admin-login-card h1{margin:0;font-size:clamp(2rem,4vw,3.2rem)}.eyebrow{margin:0 0 .35rem;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.lede,.sidebar-copy,.message,.recipe-list__button span,.card p,.preview-list span{color:var(--muted)}.field{display:grid;gap:.45rem}.field span{font-size:.95rem;color:var(--muted)}input,textarea,select{width:100%;border-radius:18px;border:1px solid var(--line);padding:.9rem 1rem;background:#ffffff0f;color:var(--text);box-shadow:inset 0 1px #ffffff0d}textarea{resize:vertical}.alpha-groups,.stack,.stack-form,.card-list{display:grid;gap:1rem}.list-toolbar{display:grid;gap:.85rem;position:relative;z-index:4;padding:1rem;background:var(--panel-strong);border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 28px #0003}.alpha-groups-wrap{display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr);align-items:start;position:relative;z-index:1}.alpha-jump{display:none}.alpha-group{border-top:1px solid var(--line);padding-top:.85rem}.alpha-group__title{color:#9dbdf1;font-size:1.1rem;font-weight:700;margin-bottom:.7rem}.recipe-list,.ingredient-list,.preview-list{list-style:none;padding:0;margin:0}.recipe-list{display:grid;gap:.5rem}.recipe-list__button{width:100%;text-align:left;display:grid;gap:.25rem;min-height:70px;padding:.95rem 1rem;position:relative;background:#ffffff0d;color:var(--text);border-radius:18px;line-height:1.35;border:1px solid rgba(164,187,222,.08);box-shadow:0 10px 24px #04091038;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.recipe-list__button strong{font-size:.98rem;font-weight:650}.recipe-list__button span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.88rem}.recipe-list__button--active{background:linear-gradient(135deg,#4f97ff42,#1f2a3ceb);border-color:#79b2ff57;box-shadow:0 18px 34px #07132666,inset 0 0 0 1px #79b2ff1a;transform:translate(4px)}.recipe-list__button--active:before{content:"";position:absolute;left:.45rem;top:.7rem;bottom:.7rem;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%)}.recipe-list__button--active strong{color:var(--accent-strong)}.recipe-list__button:active{transform:scale(.992);box-shadow:0 6px 16px #0409103d}.recipe-list__button--active:active{transform:translate(2px) scale(.992)}.recipe-detail{display:grid;gap:1.35rem}.recipe-hero{display:grid;gap:.35rem}.recipe-hero h2{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.03em}.detail-scroll{min-height:0}.detail-block{display:grid;gap:.9rem;padding:1.1rem 1.15rem;background:#ffffff0d;border:1px solid rgba(164,187,222,.08);border-radius:24px;box-shadow:0 14px 28px #04091033}.detail-block h3{margin:0;font-size:.98rem;letter-spacing:.02em;text-transform:uppercase;color:#9dbdf1}.ingredient-list li,.meta-grid{display:grid;gap:.65rem}.ingredient-list li{grid-template-columns:1fr auto;align-items:start;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(164,187,222,.1)}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.meta-card{padding:.95rem 1rem;background:#ffffff0d;border:1px solid rgba(164,187,222,.08);border-radius:20px;box-shadow:0 12px 24px #0409102e}.meta-grid dt{color:#9dbdf1;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:700}.meta-grid dd{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.recipe-photo{width:100%;max-height:360px;object-fit:cover;border-radius:28px;border:1px solid rgba(164,187,222,.08);box-shadow:0 22px 44px #00000047}.ingredient-list li span{color:var(--text);font-weight:550}.ingredient-list li strong{color:#a9c6f7;font-weight:700;text-align:right}.instructions-copy{margin:0;color:#dbe7f8;line-height:1.7;font-size:1.02rem}.empty-state,.admin-login-card{display:grid;gap:1rem}.message{padding:.9rem 1rem;border-radius:18px;background:#ffffff0f}.message--error{color:#ff9aae;background:#ff78961f}.admin-nav,.button-row,.card__actions{display:flex;flex-wrap:wrap;gap:.75rem}.admin-nav{flex-direction:column}.admin-nav__link{padding:.85rem 1rem;border-radius:18px;border:1px solid var(--line);color:var(--muted);background:#ffffff0a}.admin-nav__link--active,.admin-nav__link:hover{background:var(--accent-soft);color:var(--text)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card{padding:1.15rem 1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#ffffff0d;border:1px solid rgba(164,187,222,.08);box-shadow:0 14px 28px #04091033}.card__body h3{margin:0 0 .4rem}.card__eyebrow{margin:0 0 .45rem;color:#9dbdf1;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.settings-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.settings-card{padding:1.2rem;background:#ffffff0a;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 28px #04091033}.settings-card h3{margin:0 0 .4rem}.form-copy{margin:0;color:var(--muted)}.split-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ingredients-editor{display:grid;gap:1rem;padding:1.1rem;border-radius:24px;border:1px solid var(--line);background:#ffffff0d;box-shadow:0 12px 24px #0409102e}.ingredient-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:.75rem}.preview-panel{padding:1.15rem;background:#ffffff0d;border:1px solid rgba(164,187,222,.08);box-shadow:0 14px 28px #04091033}.preview-list{display:grid;gap:.75rem}.preview-list li{display:grid;gap:.25rem;padding-top:.75rem;border-top:1px solid var(--line)}.admin-sidebar{display:grid;gap:1.1rem;align-content:start}.admin-sidebar__intro{display:grid;gap:.45rem;padding:1rem 1.05rem;background:#ffffff0a;border:1px solid rgba(164,187,222,.08);border-radius:24px;box-shadow:0 14px 28px #0409102e}.admin-sidebar__intro h1{margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1;letter-spacing:-.03em}.admin-panel{display:grid;gap:1rem}.admin-login-card{padding:1.2rem;background:#ffffff0a;border:1px solid rgba(164,187,222,.08);border-radius:24px;box-shadow:0 14px 28px #04091033}.form-surface{padding:1.2rem;background:#ffffff0a;border:1px solid rgba(164,187,222,.08);border-radius:26px;box-shadow:0 16px 32px #04091033}.form-actions{display:flex;justify-content:flex-end;padding-top:.25rem}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em}@media(min-width:901px){.site-main{overflow:hidden}.recipes-layout{height:calc(100vh - 118px)}.panel--list{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.list-toolbar{position:sticky;top:0;z-index:4;margin:0;padding:1rem;background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(164,187,222,.1);border-radius:22px;box-shadow:0 16px 30px #0000003d}.alpha-jump{position:sticky;top:8.8rem;z-index:3;display:grid;justify-items:center;gap:.28rem;align-self:start;width:2.15rem;padding:.65rem 0 .35rem}.alpha-groups-wrap{grid-template-columns:minmax(0,1fr) 2.15rem;align-items:start}.alpha-jump__button{width:1.95rem;min-width:1.95rem;min-height:1.95rem;padding:.2rem .28rem;border-radius:999px;border:1px solid rgba(164,187,222,.12);background:#ffffff14;color:#b3ccf5;font-size:.74rem;font-weight:700;line-height:1;box-shadow:0 10px 20px #00000038}.alpha-jump__button:hover{color:#f7fbff;background:var(--accent)}.alpha-jump__button:active{transform:scale(.94);background:var(--accent-strong);color:#f7fbff}.alpha-groups{gap:.85rem}.alpha-group{padding-top:.7rem}.alpha-group__title{margin-bottom:.55rem;font-size:1.2rem}.panel--detail{position:sticky;top:0;height:100%;display:grid;overflow:hidden}.detail-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}@media(max-width:900px){.recipes-layout,.admin-layout,.split-fields,.ingredient-row,.card{grid-template-columns:1fr}.recipe-list__button{min-height:76px}.site-header,.section-heading{align-items:flex-start;flex-direction:column}.site-main{padding:1rem}}