:root{--sc-bg: #fffdf9;--sc-ink: #241815;--sc-muted: #7a6d64;--sc-accent: #8C1D18;--sc-accent-soft: rgba(140, 29, 24, .12);--sc-accent-2: #c7a36a;--sc-card: rgba(255, 255, 255, .86);--sc-line: rgba(140, 118, 98, .25);--sc-glass-bg: rgba(255, 252, 247, .82);--sc-glass-border: rgba(255, 255, 255, .55);--sc-shadow-soft: 0 18px 45px rgba(15, 10, 8, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--sc-ink);background:radial-gradient(circle at top left,#f4e7d8 0,#fffdf9 42%,#fdf4ec);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sc-shell{min-height:100vh}.sc-header{position:sticky;top:0;z-index:30;max-width:1120px;margin:0 auto;padding:6px 18px 4px;display:flex;align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(160deg,#fffdf9f5,#fff8f0c7);border-bottom:1px solid var(--sc-line)}.sc-header-inner{display:flex;flex-direction:column;gap:4px;width:100%}.sc-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sc-logo{height:auto;max-height:60px;max-width:220px;display:block}.sc-brand-caption{font-family:Playfair Display,serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-header__lang{display:flex;gap:6px}.sc-lang{border-radius:999px;padding:5px 10px;border:1px solid rgba(110,90,74,.4);background:#ffffffe6;cursor:pointer;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-muted);transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}.sc-lang.is-active{border-color:var(--sc-accent);background:linear-gradient(135deg,var(--sc-accent),#b1362f);color:#fff;transform:translateY(-1px)}.sc-hero{max-width:1120px;margin:0 auto;padding:24px 20px 16px;display:grid;grid-template-columns:1.1fr .9fr;gap:32px}.sc-hero-left{animation:sc-fade-up .5s ease-out both}.sc-hero-right{animation:sc-fade-up .6s ease-out both}.sc-kicker{margin:0 0 4px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-muted)}.sc-title{margin:0 0 6px;font-family:Playfair Display,serif;font-weight:700;font-size:40px;line-height:1.1;letter-spacing:.03em}.sc-subtitle{margin:0 0 6px;font-size:18px;line-height:1.4;color:var(--sc-ink);font-weight:600}.sc-lead-strong{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--sc-ink)}.sc-lead{margin:0 0 6px;font-size:15px;line-height:1.6;color:var(--sc-muted)}.sc-lead-typed{margin:0 0 16px;font-size:15px;color:var(--sc-ink);white-space:nowrap;overflow:hidden;border-right:1px solid rgba(70,50,40,.45);max-width:100%;animation:sc-typing 3s steps(40,end) .2s 1 normal both,sc-caret .7s step-end infinite}.sc-bullets{margin:0 0 16px;padding-left:16px;font-size:14px;color:var(--sc-muted)}.sc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sc-actions--end{justify-content:flex-end}.sc-btn{padding:10px 16px;border-radius:999px;border:1px solid rgba(120,99,83,.5);background:#ffffffeb;cursor:pointer;font-size:14px;color:var(--sc-ink);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.sc-btn--primary{background:linear-gradient(135deg,var(--sc-accent),#c74336);border-color:transparent;color:#fff;box-shadow:0 12px 26px #8c1d1859}.sc-btn--ghost{background:#ffffffb8}.sc-btn--text{padding:6px 8px;font-size:13px;border:none;background:transparent;box-shadow:none}.sc-btn--text:hover{background:#ffffff80}.sc-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #1a0f0a2e}.sc-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px #1a0f0a38}.sc-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.sc-note{margin:10px 0 0;font-size:12px;color:var(--sc-muted)}.sc-card{background:var(--sc-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid var(--sc-glass-border);padding:18px 18px 16px;box-shadow:var(--sc-shadow-soft)}.sc-card__title{margin:0 0 10px;font-size:18px;font-weight:600}.sc-mode-tabs{display:flex;gap:4px;margin-bottom:10px;padding:2px;border-radius:999px;background:#ffffff29}.sc-mode-tab{flex:1;border-radius:999px;border:none;padding:6px 10px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--sc-muted);transition:background .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.sc-mode-tab.is-active{background:#fff;color:var(--sc-ink);box-shadow:0 8px 18px #0000001f;transform:translateY(-1px)}.sc-form-section{margin-top:10px}.sc-form-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#645044e6;margin-bottom:4px}.sc-row{display:flex;align-items:center;gap:12px;margin:10px 0}.sc-row--effort{align-items:flex-start}.sc-row>label{min-width:110px;font-size:14px}.sc-block{margin:10px 0}.sc-label-with-help{display:flex;align-items:center;gap:6px;font-size:14px}.sc-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:11px;font-weight:600;cursor:default;background:#ffffff14;border:1px solid rgba(140,118,98,.6);color:var(--sc-muted);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sc-help--intro{animation:sc-hint-pop 1.4s ease-out}.sc-tooltip{position:absolute;left:50%;bottom:125%;transform:translate(-50%,8px);padding:8px 10px;min-width:180px;max-width:240px;font-size:12px;color:var(--sc-muted);background:#fffcf7e6;border-radius:12px;border:1px solid rgba(255,255,255,.7);box-shadow:0 12px 30px #0000002e;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:normal}.sc-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:rgba(255,255,255,.7) transparent transparent transparent}.sc-help:hover .sc-tooltip{opacity:1;transform:translate(-50%)}input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--sc-line);background:#fffffff2;font-size:14px;color:var(--sc-ink);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--sc-accent);box-shadow:0 0 0 1px #8c1d184d;background:#fff}.sc-select-wrap{position:relative;width:100%}.sc-select-wrap select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:34px}.sc-select-wrap:after{content:"";position:absolute;right:11px;top:50%;width:8px;height:8px;border-right:2px solid rgba(120,100,90,.95);border-bottom:2px solid rgba(120,100,90,.95);transform:translateY(-50%) rotate(45deg);pointer-events:none}.sc-tastes-input{margin-top:4px}.sc-effort-pills{display:flex;flex-wrap:nowrap;gap:6px}.sc-pill{border-radius:999px;padding:5px 10px;font-size:11px;border:1px solid rgba(150,120,96,.6);background:#ffffffe6;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .12s ease;white-space:nowrap}.sc-pill.is-active{background:linear-gradient(135deg,var(--sc-accent),#c74336);border-color:transparent;color:#fff;box-shadow:0 10px 22px #8c1d184d;transform:translateY(-1px)}.sc-roulette-subtitle{margin:4px 0 10px;font-size:13px;color:var(--sc-muted)}.sc-chip-row{display:flex;flex-wrap:wrap;gap:6px}.sc-chip{border-radius:999px;padding:5px 10px;font-size:11px;border:1px solid rgba(150,120,96,.6);background:#ffffffe6;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .12s ease;white-space:nowrap}.sc-chip.is-active{background:linear-gradient(135deg,#f5e1c4,#f1cfaa);border-color:#966e50e6;box-shadow:0 8px 16px #1e120a40}.sc-roulette-hint{margin:8px 0 0;font-size:12px;color:var(--sc-muted)}.sc-btn--roulette.is-spinning{animation:sc-roulette-pulse .45s ease-in-out infinite alternate;box-shadow:0 0 #fff6,0 18px 34px #8c1d188c}.sc-result{max-width:1120px;margin:16px auto 0;padding:0 20px}.sc-result-inner{background:radial-gradient(circle at top,#1e1511,#070405 70%);border-radius:18px;padding:14px 16px 16px;border:1px solid rgba(0,0,0,.8);box-shadow:0 16px 36px #0000008c}.sc-result-inner h2{margin:0 0 10px;font-size:16px;font-weight:600;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#f6f0e6}.sc-loading{margin:4px 0 10px;display:flex;align-items:center;gap:8px;font-size:13px;color:#f6f0e6}.sc-loading-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(246,240,230,.8);border-top-color:transparent;animation:sc-spin .7s linear infinite}.sc-result-error{padding:8px 10px;border-radius:10px;background:#b42a2a1f;border:1px solid rgba(180,42,42,.4);color:#ffe0e0;font-size:13px}.sc-result-card{margin-top:6px;background:radial-gradient(circle at top left,#ffffff14,#140c08f5);border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:14px 14px 12px;box-shadow:0 18px 40px #0000008c;color:#f4f0e8;animation:sc-pop .22s ease-out}.sc-result-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.sc-result-kind{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#f4ecdcb3}.sc-result-title{margin:2px 0 0;font-family:Playfair Display,serif;font-size:20px;line-height:1.25}.sc-result-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#f4ecdcbf}.sc-result-meta span{padding:4px 8px;border-radius:999px;border:1px solid rgba(244,236,220,.3);background:#00000026}.sc-result-tags{margin:10px 0 6px;display:flex;flex-wrap:wrap;gap:6px}.sc-tag{padding:4px 9px;border-radius:999px;font-size:11px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.sc-result-block{margin-top:10px}.sc-block-title{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:#f4ecdc99;margin-bottom:4px}.sc-block-text{margin:0;font-size:13px;color:#fdf8ef}.sc-ingredients-list{list-style:none;margin:0;padding:0;font-size:13px}.sc-ingredients-list li{display:flex;align-items:center;gap:6px;padding:2px 0}.ing-name{flex:1}.ing-dot{width:12px;height:1px;background:#f4ecdc73}.ing-amount{white-space:nowrap;color:#f4ecdce6}.sc-steps-list{margin:0;padding-left:18px;font-size:13px}.sc-steps-list li{padding:2px 0}.sc-subs-list{margin:0;padding-left:16px;font-size:13px}.sc-subs-list li{padding:2px 0}.sc-result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:6px}.sc-result-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.sc-how{max-width:1120px;margin:24px auto;padding:0 20px}.sc-how h2{margin:6px 0 10px;font-size:18px}.sc-how ol{margin:0;padding-left:20px;color:var(--sc-muted);font-size:14px}.sc-footer{max-width:1120px;margin:20px auto 40px;padding:12px 20px 0;display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid var(--sc-line);font-size:12px}.sc-footer a{color:var(--sc-muted);text-decoration:none}.sc-footer a:hover{color:var(--sc-ink);text-decoration:underline}.small-muted{color:var(--sc-muted);font-size:12px}.sc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08040273;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:40}.sc-modal-panel{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:41}.sc-modal-panel[role=dialog]{background:var(--sc-glass-bg);border-radius:18px;border:1px solid var(--sc-glass-border);box-shadow:0 20px 48px #00000059;max-width:460px;width:calc(100% - 40px);padding:18px 18px 14px;animation:sc-pop .22s ease-out}.sc-cookie{position:fixed;left:0;right:0;bottom:16px;display:flex;justify-content:center;z-index:50;pointer-events:none}.sc-cookie__inner{pointer-events:auto;max-width:520px;width:calc(100% - 32px);padding:10px 12px;border-radius:16px;background:#150d08f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px #00000073;display:flex;align-items:center;gap:10px}.sc-cookie__text{flex:1;font-size:12px;color:#f7ede0}.sc-cookie__actions{display:flex;flex-wrap:wrap;gap:6px}.sc-cookie__btn{font-size:12px;padding:7px 12px}@keyframes sc-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sc-typing{0%{width:0}to{width:100%}}@keyframes sc-caret{0%,to{border-color:transparent}50%{border-color:#46322899}}@keyframes sc-pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sc-hint-pop{0%{transform:scale(.8);opacity:.2}20%{transform:scale(1.05);opacity:1}60%{transform:scale(1)}to{opacity:1}}@keyframes sc-roulette-pulse{0%{transform:translateY(-1px) scale(1)}to{transform:translateY(-2px) scale(1.02)}}@keyframes sc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:920px){.sc-header{padding:6px 14px 4px}.sc-logo{max-height:54px}.sc-brand-caption{font-size:12px;white-space:normal}.sc-hero{grid-template-columns:1fr;gap:20px}.sc-lead-typed{white-space:normal;border-right:none;animation:sc-fade-up .5s ease-out both}.sc-result-grid{grid-template-columns:1fr}}@media (max-width:600px){.sc-header{padding-top:6px}.sc-header-top{align-items:flex-start}.sc-title{font-size:32px}.sc-effort-pills{flex-wrap:wrap}.sc-cookie__inner{align-items:flex-start}.sc-actions{gap:6px;flex-wrap:nowrap}.sc-btn{font-size:12px;padding:8px 10px;white-space:nowrap}.sc-help .sc-tooltip{left:auto;right:0;transform:translateY(8px)}.sc-help .sc-tooltip:after{left:auto;right:12px;transform:none}.sc-help:hover .sc-tooltip{transform:translateY(0)}}