:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#090b0a;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#090b0a}.recorder-state{text-align:center;color:#f7f8f7;background:#090b0a;place-content:center;gap:18px;width:100%;height:100%;display:grid}.scene{color:#fff;background:radial-gradient(circle at 30% 0,#26362e 0,#111713 42%,#070908 100%);grid-template-rows:82px minmax(0,1fr);width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.scene--warm{background:radial-gradient(circle at 20% 0,#533822 0,#251810 40%,#0c0907 100%)}.scene__header{z-index:2;background:#080c09d1;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr minmax(240px,2fr) 1fr;align-items:center;gap:20px;padding:14px 28px;display:grid}.scene__header h1{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(20px,2vw,32px);overflow:hidden}.brand{color:#f4fbf6;letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.brand__mark{color:#07100a;background:linear-gradient(135deg,#a9e8bd,#51bf78);border-radius:14px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.timer{text-align:center;font-variant-numeric:tabular-nums;background:#0000004d;border:1px solid #ffffff24;border-radius:999px;justify-self:end;min-width:112px;padding:10px 16px;font-weight:800}.scene__stage{min-height:0;padding:20px 24px 24px}.scene__stage rtk-grid{width:100%;height:100%}.scene--cooking_focus .scene__stage{padding-bottom:142px}.recipe{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070b08e0;border:1px solid #ffffff29;border-radius:22px;grid-template-columns:max-content 1fr;align-items:center;gap:18px;min-height:94px;padding:16px 22px;display:grid;position:absolute;bottom:26px;left:28px;right:28px;box-shadow:0 20px 55px #00000059}.recipe span{color:#9bd8ae;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900}.recipe strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(18px,2vw,30px);line-height:1.25;display:-webkit-box;overflow:hidden}@media (max-aspect-ratio:4/5){.scene{grid-template-rows:72px minmax(0,1fr)}.scene__header{grid-template-columns:1fr auto;padding:12px 18px}.scene__header h1{grid-area:2/1/auto/-1;font-size:20px}.brand__mark{width:36px;height:36px}.scene__stage{padding:14px}.recipe{grid-template-columns:1fr;gap:5px;bottom:14px;left:14px;right:14px}}