@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-ext-wght-normal-2qyXmZWE.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-vietnamese-wght-normal-rat7GD3o.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-ext-wght-normal-hICkpzq7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-wght-normal-mKek_fSS.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-ext-wght-normal-B-I5lbAQ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-wght-normal-BS5oQT7X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-ext-400-normal-C_uLvvQ5.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-ext-400-normal-Bh0R7Dhr.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-cyrillic-400-normal-BEIGL1Tu.woff2)format("woff2"),url(/assets/jetbrains-mono-cyrillic-400-normal-ugxPyKxw.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-greek-400-normal-C190GLew.woff2)format("woff2"),url(/assets/jetbrains-mono-greek-400-normal-B9oWc5Lo.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-vietnamese-400-normal-ByoDsISC.woff2)format("woff2"),url(/assets/jetbrains-mono-vietnamese-400-normal-CqNFfHCs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-ext-400-normal-Bc8Ftmh3.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-ext-400-normal-fXTG6kC5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jetbrains-mono-latin-400-normal-V6pRDFza.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-400-normal-6-qcROiO.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#e9edf1;--surface:#f7f9fa;--ink:#15191d;--ink-2:#46515b;--line:#d3dae0;--accent:#ff5a1f;--accent-ink:#d9420b;--on-accent:#15191d;--shade:#24364829;--shade-2:#2436483d;--code:#15191d;--code-ink:#e3e8ec;--sh:5px 6px 0 var(--shade);--sh-up:8px 10px 0 var(--shade);--sh-low:2px 3px 0 var(--shade);--r:12px;--display:"Unbounded Variable", system-ui, sans-serif;--text:"Golos Text Variable", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--pad:clamp(16px, 4vw, 40px);--max:1280px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#121518;--surface:#1e2328;--ink:#eef1f3;--ink-2:#98a3ad;--line:#333a41;--shade:#000000b8;--shade-2:#000000d9;--code:#0b0d0f;--accent-ink:#ff6a33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.seg button.on{background:#2e353c}.card-cover img,.recipe-cover img,.fan img,.tried img{filter:brightness(.92)}.btn.social{box-shadow:inset 0 0 0 1.5px var(--ink-2)}.btn.social:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.sheet{box-shadow:0 -1px 0 var(--line)}.sheet-wrap{background:#0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}html.locked{overflow:hidden}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--text);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;display:flex}body:after{content:"";pointer-events:none;z-index:200;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{flex-direction:column;flex:1;display:flex}main{width:100%;max-width:var(--max);padding:0 var(--pad) 48px;flex:1;margin:0 auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3{margin:0;font-weight:600}h2{font:600 clamp(19px, 2.4vw, 23px)/1.2 var(--display);letter-spacing:-.01em;align-items:baseline;gap:10px;display:flex}svg{flex:none}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:6px}.prompt :focus-visible,.btn.primary:focus-visible{outline-color:var(--ink);box-shadow:0 0 0 3px var(--bg)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:var(--accent);color:var(--on-accent)}.count{font:500 .62em/1 var(--display);color:var(--ink-2);font-variant-numeric:tabular-nums}.btn{border-radius:var(--r);height:46px;font:600 15px/1 var(--text);white-space:nowrap;background:var(--surface);color:var(--ink);box-shadow:var(--sh-low), inset 0 0 0 1px var(--line);justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.btn svg{width:19px;height:19px}.btn:hover{box-shadow:var(--sh), inset 0 0 0 1px var(--line);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--shade), inset 0 0 0 1px var(--line);transform:translate(2px,3px)}.btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--sh-low)}.btn.primary:hover{box-shadow:var(--sh)}.btn.primary:active{box-shadow:0 0 0 var(--shade)}.btn.primary.done{background:var(--ink);color:var(--bg)}.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.btn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--ink-2);transform:none}.btn.wide{width:100%}.btn.small{height:38px;padding:0 14px;font-size:14px}.btn:disabled{opacity:.55;pointer-events:none}.icon-btn{border-radius:var(--r);width:42px;height:42px;color:var(--ink);place-items:center;transition:background .15s,transform .12s;display:inline-grid}.icon-btn svg{width:21px;height:21px}.icon-btn:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}.icon-btn:active{transform:translate(1px,2px)}.icon-btn.on{color:var(--accent)}.icon-btn.tiny{width:30px;height:30px}.icon-btn.tiny svg{width:16px;height:16px}.top{z-index:50;width:100%;max-width:var(--max);padding:12px var(--pad);padding-top:max(12px, env(safe-area-inset-top));background:var(--bg);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:sticky;top:0}.logo{font:700 21px/1 var(--display);letter-spacing:-.03em;align-items:center;gap:10px;display:inline-flex}.logo i{background:var(--accent);width:22px;height:22px;box-shadow:4px 5px 0 var(--shade-2);border-radius:6px;position:relative}.top-nav{align-items:center;gap:6px;display:flex}.top-nav .btn{height:42px}.me{border-radius:50%;margin-left:4px;display:block}.me .avatar{box-shadow:var(--sh-low)}.roll{animation:.5s cubic-bezier(.3,1.4,.5,1) roll}@keyframes roll{0%{transform:rotate(-200deg)scale(.7)}}@media (max-width:640px){.top-nav .publish span{display:none}.top-nav .publish{width:42px;padding:0}.top-nav .btn.ghost:not(.publish){padding:0 14px}.top-nav .btn.ghost:not(.publish) svg{display:none}}.hero{grid-template-columns:1fr;align-items:center;gap:24px;padding:clamp(18px,5vw,56px) 0 clamp(20px,4vw,40px);display:grid}.ask{min-width:0}.ask-agent{font:700 clamp(46px, 11vw, 112px)/.95 var(--display);letter-spacing:-.045em;display:block}.ask-field{border-bottom:3px solid var(--ink);align-items:center;margin-top:clamp(10px,2vw,18px);display:flex;position:relative}.ask-field input,.ask-ghost{font:500 clamp(19px, 5.4vw, 44px)/1.25 var(--display);letter-spacing:-.03em}.ask-field input{min-width:0;caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;padding:6px 0 12px}.ask-field:focus-within{box-shadow:0 3px 0 var(--accent-ink)}.ask-ghost{pointer-events:none;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;position:absolute;top:6px;left:0;right:56px;overflow:hidden}.ask-ghost i{vertical-align:-.12em;background:var(--accent);width:3px;height:.95em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ask-btn{border-radius:var(--r);width:48px;height:48px;color:var(--ink);place-items:center;margin-bottom:6px;display:grid}.ask-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.ask-btn svg{width:26px;height:26px}@media (max-width:899px){.hero{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"agent fan""field field";gap:0 8px}.ask{display:contents}.ask-agent{grid-area:agent;align-self:end}.ask-field{grid-area:field}.fan{grid-area:fan;width:150px;height:104px;position:relative}.fan a{aspect-ratio:1;width:74px;box-shadow:4px 5px 0 var(--shade);border-radius:10px;position:absolute;top:50%;left:50%;overflow:hidden}.fan img{object-fit:cover;width:100%;height:100%}.fan-0{z-index:1;transform:translate(-100%,-50%)rotate(-9deg)}.fan-1{z-index:3;transform:translate(-50%,-58%)rotate(3deg)}.fan-2{z-index:2;transform:translate(-2%,-44%)rotate(11deg)}}@media (min-width:900px){.hero{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.fan{height:320px;display:block;position:relative}.fan a{aspect-ratio:1;width:220px;box-shadow:var(--sh-up);border-radius:14px;transition:transform .35s cubic-bezier(.3,1.3,.5,1);position:absolute;top:50%;left:50%;overflow:hidden}.fan img{object-fit:cover;width:100%;height:100%}.fan-0{z-index:1;transform:translate(-95%,-52%)rotate(-9deg)}.fan-1{z-index:3;transform:translate(-50%,-58%)rotate(2deg)}.fan-2{z-index:2;transform:translate(-8%,-46%)rotate(10deg)}.fan:hover .fan-0{transform:translate(-118%,-52%)rotate(-12deg)}.fan:hover .fan-2{transform:translate(15%,-44%)rotate(13deg)}.fan a:hover{z-index:4}}.cats{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:4px var(--pad) 18px;grid-auto-columns:132px;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cat{scroll-snap-align:start;background:var(--cat);color:#15191d;height:112px;box-shadow:var(--sh-low);border-radius:14px;flex-direction:column;justify-content:flex-end;padding:12px;transition:transform .15s,box-shadow .15s,opacity .2s;display:flex;position:relative;overflow:hidden}.cat:hover{box-shadow:var(--sh);transform:translate(-1px,-2px)}.cat.on{box-shadow:var(--sh-up), inset 0 0 0 2.5px #15191d;transform:translate(-2px,-3px)}.cat.none{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}.cat.none .cat-fan{opacity:.35;filter:grayscale()}.cat.none .cat-n{display:none}.cat-name{font:600 14px/1.1 var(--display);letter-spacing:-.01em;position:relative}.cat-n{font:650 15px/1 var(--display);opacity:.8;font-variant-numeric:tabular-nums;position:absolute;top:10px;left:12px}.cat-icon{stroke-width:1.8px;width:22px;height:22px;margin-bottom:6px;position:relative}.cat-fan{width:92px;height:92px;position:absolute;top:-10px;right:-16px}.cat-fan img{object-fit:cover;border-radius:9px;width:58px;height:58px;transition:transform .25s;position:absolute;box-shadow:3px 4px #15191d2e}.cat-fan img:first-child{top:22px;right:36px;transform:rotate(-10deg)}.cat-fan img:nth-child(2){top:16px;right:6px;transform:rotate(8deg)}.cat:hover .cat-fan img:first-child{transform:rotate(-16deg)translate(-4px,2px)}.cat:hover .cat-fan img:nth-child(2){transform:rotate(13deg)translate(3px,-2px)}@media (min-width:900px){.cats{grid-template-columns:repeat(6,1fr);grid-auto-flow:row;gap:14px;margin:0;padding:4px 0 18px;overflow:visible}.cat{height:124px}}.tried{margin:22px 0 6px}.tried-row{scrollbar-width:none;gap:10px;margin-top:12px;padding:2px 6px 8px 2px;display:flex;overflow-x:auto}.tried-row a{background:var(--surface);box-shadow:var(--sh-low), inset 0 0 0 1px var(--line);border-radius:14px;flex:none;grid-template-rows:auto auto;grid-template-columns:52px minmax(0,220px);align-items:center;gap:6px 12px;padding:8px 14px 8px 8px;display:grid}.tried-row a:hover{box-shadow:var(--sh), inset 0 0 0 1px var(--line)}.tried-row img{object-fit:cover;background:var(--cat);border-radius:10px;grid-row:span 2;width:52px;height:52px}.tried-row span{font:600 14.5px/1.2 var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.week{margin:24px 0 8px}.week ol{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.week a{border-radius:var(--r);grid-template-columns:44px minmax(0,1fr) 2fr auto;align-items:center;gap:12px;padding:6px;display:grid}.week a:hover{background:var(--surface)}.week img{object-fit:cover;border-radius:8px;width:44px;height:44px}.week-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.week-bar{height:12px}.week-bar i{height:100%;width:calc(var(--w) * 100%);background:var(--cat);min-width:6px;box-shadow:2px 3px 0 var(--shade);border-radius:4px;display:block}.week b{font:600 15px/1 var(--display);font-variant-numeric:tabular-nums;text-align:right;min-width:2.5ch}@media (max-width:640px){.week a{grid-template-columns:40px minmax(0,1fr) 44px auto}.week-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.25;display:-webkit-box}}.cats.searching .cat.none{display:none}.catalog{margin-top:20px}.catalog-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.seg{background:color-mix(in srgb, var(--ink) 6%, transparent);border-radius:14px;flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.seg button{height:40px;font:500 14px/1 var(--text);color:var(--ink-2);border-radius:10px;align-items:center;gap:6px;padding:0 14px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.seg button svg{width:16px;height:16px}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-low);font-weight:600}.seg .count{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;display:grid}@media (min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 22px}}@media (min-width:1100px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{flex-direction:column;gap:10px;min-width:0;display:flex}.card-cover{aspect-ratio:1;background:var(--cat);box-shadow:var(--sh);border-radius:14px;transition:transform .2s cubic-bezier(.3,1.3,.5,1),box-shadow .2s;position:relative;overflow:hidden}.card-cover img,.card-cover .autocover{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card:hover .card-cover{box-shadow:var(--sh-up);transform:translate(-2px,-3px)}.card:hover .card-cover img{transform:scale(1.035)}.card:active .card-cover{box-shadow:var(--sh-low);transform:translate(2px,3px)}.chip{color:#15191d;height:28px;font:600 13px/1 var(--display);font-variant-numeric:tabular-nums;background:#f7f9faf0;border-radius:8px;align-items:center;gap:8px;padding:0 8px;display:inline-flex;position:absolute;box-shadow:2px 3px #15191d24}.chip svg{width:14px;height:14px}.chip span{align-items:center;gap:3px;display:inline-flex}.card-level{justify-content:center;min-width:28px;padding:0;top:10px;left:10px}.card-level.wide{font:600 12px/1 var(--text);gap:6px;padding:0 9px 0 8px}.card-stats{bottom:10px;left:10px}.card h3{font:600 16px/1.25 var(--text);letter-spacing:-.005em;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-meta{color:var(--ink-2);align-items:center;gap:8px;margin-top:auto;display:flex}.card-cat{min-width:0;font:500 13px/1 var(--text);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-left:auto;display:inline-flex;overflow:hidden}.card-cat svg{box-sizing:content-box;background:var(--cat);color:#15191d;border-radius:6px;flex:none;width:15px;height:15px;padding:3px}.shelves{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.shelf{content-visibility:auto;contain-intrinsic-block-size:auto 420px;min-width:0}.shelf-h{color:var(--ink);align-items:center;gap:12px;margin-bottom:14px;text-decoration:none;display:flex}.shelf-icon{background:var(--cat);color:#15191d;width:42px;height:42px;box-shadow:var(--sh-low);border-radius:12px;flex:none;place-items:center;transition:transform .15s;display:grid}.shelf-icon svg{width:22px;height:22px}.shelf-h h3{font:600 clamp(19px, 2.4vw, 23px)/1.15 var(--display);letter-spacing:-.01em}.shelf-all{height:38px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--ink) 28%, transparent);font:600 15px/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:10px;align-items:center;gap:4px;margin-left:auto;padding:0 10px 0 13px;transition:background .15s,box-shadow .15s;display:inline-flex}.shelf-all svg{width:18px;height:18px;transition:transform .15s}.shelf-h:hover .shelf-all{background:var(--cat);color:#15191d;box-shadow:inset 0 0 0 1.5px #0000}.shelf-h:hover .shelf-all svg{transform:translate(2px)}.shelf-h:hover .shelf-icon{transform:rotate(-6deg)}.shelf-row{margin:-6px calc(var(--pad) * -1) 0;padding:6px var(--pad) 14px;scroll-padding:0 var(--pad);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:calc(43.4783% - 6.08696px);grid-auto-flow:column;gap:14px;display:grid;overflow-x:auto}.shelf-row::-webkit-scrollbar{display:none}.shelf-row>*{scroll-snap-align:start}.shelf-row{align-items:start}.shelf-more{aspect-ratio:1;background:var(--cat);color:#15191d;box-shadow:var(--sh);font:700 28px/1 var(--display);border-radius:14px;place-content:center;justify-items:center;gap:6px;text-decoration:none;display:grid}.shelf-more svg{width:26px;height:26px}@media (min-width:700px){.shelf-row{grid-auto-columns:calc(31.746% - 13.9683px);gap:22px}}@media (min-width:1100px){.shelf-row{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;align-items:stretch;margin:-6px 0 0;padding:6px 0 4px;overflow:visible}.shelf-row>:nth-child(n+5){display:none}}@media (max-width:640px){.card h3{font-size:15px}.card-meta .marks .mark:nth-child(n+3){display:none}}.autocover{background:var(--cat);color:#15191d;place-items:center;display:grid}.autocover svg{filter:drop-shadow(10px 12px #15191d29);width:42%;height:42%}.marks{display:inline-flex}.mark{--s:22px;width:var(--s);height:var(--s);background:var(--c,var(--ink-2));color:#fff;font:700 calc(var(--s) * .5)/1 var(--display);letter-spacing:-.04em;box-shadow:0 0 0 2px var(--bg);border-radius:7px;place-items:center;display:inline-grid}.mark.mono{font-family:var(--mono);font-weight:400;font-size:calc(var(--s) * .42);letter-spacing:-.08em}.marks .mark+.mark{margin-left:-5px}.mark.more{background:var(--line);color:var(--ink);font-size:10px}.empty{text-align:center;justify-items:center;gap:18px;padding:56px 0;display:grid}.empty p{font:600 20px/1.3 var(--display);color:var(--ink-2);margin:0}.recipe{grid-template-columns:1fr;gap:22px;padding-top:8px;display:grid}.recipe-cover{aspect-ratio:1;background:var(--cat);box-shadow:var(--sh-up);margin:0 calc(-1 * var(--pad) + 8px);border-radius:18px;overflow:hidden}.recipe-cover img,.recipe-cover .autocover{object-fit:cover;width:100%;height:100%}@media (max-width:959px){.recipe-cover{aspect-ratio:16/10}}.recipe-cover.stamp{animation:.42s cubic-bezier(.3,1.4,.5,1) stamp}@keyframes stamp{35%{box-shadow:0 0 0 var(--shade);transform:translate(6px,8px)}}.recipe.skeleton .recipe-cover{background:var(--line)}@media (min-width:960px){.recipe{grid-template-columns:minmax(340px,460px) minmax(0,1fr);align-items:start;gap:52px;padding-top:20px}.recipe-media{position:sticky;top:84px}.recipe-cover{margin:0}}.recipe-body{flex-direction:column;gap:22px;min-width:0;display:flex}.crumbs{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-chip{background:var(--cat);color:#15191d;height:34px;font:600 13px/1 var(--display);box-shadow:var(--sh-low);border-radius:10px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.cat-chip svg{width:16px;height:16px}.tools{gap:2px;margin-right:-8px;display:flex}.recipe h1{font:650 clamp(30px, 4.6vw, 50px)/1.05 var(--display);letter-spacing:-.035em;text-wrap:balance;margin-top:-6px}.byline{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:16px;margin-top:-8px;font-weight:500;display:flex}.byline a{align-items:center;gap:9px;display:inline-flex}.byline a:hover{color:var(--ink)}.source svg{width:16px;height:16px}.draft-btn{align-self:flex-start}.facts{flex-wrap:wrap;gap:8px;display:flex}.fact{background:var(--surface);height:38px;box-shadow:var(--sh-low), inset 0 0 0 1px var(--line);font:600 14px/1 var(--display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.fact>svg{width:17px;height:17px;color:var(--accent-ink);stroke-width:2.4px}button.fact{cursor:pointer}button.fact[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px var(--ink)}.fact-hint{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:10px;margin:-12px 0 0;padding:10px 14px;font-size:15px;line-height:1.4}.fact>svg.star{color:#f5b400;fill:#f5b400;stroke-width:1.6px}.fact.draft{background:var(--ink);color:var(--bg);box-shadow:var(--sh-low)}a.fact:hover{box-shadow:var(--sh), inset 0 0 0 1px var(--line)}.fact .spark{width:44px;height:18px;margin:0}.spark{width:100%;height:30px;overflow:visible}.spark-line{fill:none;stroke:var(--accent-ink);stroke-width:2px;stroke-linejoin:round}.spark-area{fill:color-mix(in srgb, var(--accent) 18%, transparent)}.spark.empty .spark-line{stroke:var(--line);stroke-dasharray:3 4}.level{align-items:flex-end;gap:3px;display:inline-flex}.level i{background:color-mix(in srgb, var(--ink-2) 30%, transparent);border-radius:2px;width:6px}.level i.on{background:var(--accent-ink)}.scheme.side{margin-top:18px;display:none}@media (min-width:960px) and (min-height:860px){.scheme.side{display:grid}.scheme.body,.dock .opener{display:none}}.scheme{background:var(--cat);color:#15191d;box-shadow:var(--sh), inset 0 0 0 1.5px #15191d1f;border-radius:16px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1.25fr) 20px minmax(0,1fr);align-items:center;gap:8px;padding:16px;display:grid}.scheme-col{flex-direction:column;gap:7px;min-width:0;display:flex}.scheme-arrow{opacity:.6;width:20px;height:20px}.node{min-width:0;font:600 13.5px/1.15 var(--text);text-overflow:ellipsis;white-space:nowrap;background:#ffffffb8;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex;overflow:hidden;box-shadow:2px 3px #15191d1a}.node svg{stroke-width:2px;width:18px;height:18px}.node.go{color:#15191d;text-align:left;background:#f7f9fa;transition:transform .15s,box-shadow .15s}.node.go:hover{transform:translate(-1px,-2px);box-shadow:4px 5px #15191d29}.node.go:active{box-shadow:none;transform:translate(1px,2px)}.node.go .ext{opacity:.55;width:14px;height:14px;margin-left:auto}.node .mark{--s:20px;box-shadow:none}.node.out{color:#f7f9fa;background:#15191d}@media (max-width:520px){.scheme{grid-template-columns:1fr;padding:14px}.scheme-arrow{justify-self:center;transform:rotate(90deg)}.scheme-col{flex-flow:wrap;justify-content:center}.scheme-col.agents .node{flex:none}}.steps{margin:0;padding:0;list-style:none;display:grid}.steps li{padding:0 0 16px 30px;font-size:16.5px;line-height:1.4;position:relative}.steps li:before{content:"";background:var(--ink);width:12px;height:12px;box-shadow:2px 2px 0 var(--shade-2);border-radius:50%;position:absolute;top:6px;left:2px}.steps li:last-child:before{background:var(--accent)}.steps li:after{content:"";background:var(--line);width:2px;position:absolute;top:20px;bottom:0;left:7px}.steps li:last-child{padding-bottom:0}.steps li:last-child:after{display:none}.prompt-box{flex-direction:column;gap:12px;scroll-margin-top:90px;display:flex}.prompt-box header,.skill header{justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt{background:var(--code);color:var(--code-ink);box-shadow:var(--sh-up);font:400 14px/1.75 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;padding:20px}.prompt .var{vertical-align:baseline;color:#ffc9b3;height:1.75em;min-height:26px;font:inherit;box-shadow:inset 0 -2px 0 var(--accent);background:#ff5a1f33;border:0;border-radius:6px;max-width:100%;margin:1px;padding:0 6px}.prompt .var:focus-visible{outline-offset:1px;outline:2px solid #ffc9b3}.prompt .var::placeholder{color:#ff9e7a;opacity:1}.editor input::placeholder,.editor textarea::placeholder{color:color-mix(in srgb, var(--ink-2) 75%, transparent);font-weight:500}.prompt .var:focus{background:#ff5a1f52}.prompt .var.set{color:#fff;background:#ffffff1a;box-shadow:inset 0 -2px #ffffff80}.prompt-wait{height:220px;display:block}.openers{flex-wrap:wrap;gap:10px;display:flex}.btn.opener{padding:0 14px 0 10px}.btn.opener .mark{box-shadow:none}.btn.opener .ext{width:15px;height:15px;color:var(--ink-2)}.btn.opener.square{width:54px;padding:0}.skill{flex-direction:column;gap:12px;display:flex}.skill .seg{align-self:flex-start}.cmd{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:8px;padding:10px 8px 10px 16px;display:flex}.cmd code{min-width:0;font:400 12.5px/1.55 var(--mono);color:var(--ink);white-space:nowrap;scrollbar-width:thin;flex:1;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.file{background:var(--surface);box-shadow:var(--sh-low), inset 0 0 0 1px var(--line);border-radius:14px;position:relative;overflow:hidden}.file summary{font:500 13px/1 var(--mono);color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;padding:14px;list-style:none;display:flex}.file summary::-webkit-details-marker{display:none}.file summary svg{width:16px;height:16px}.file summary:hover{color:var(--ink)}.file[open] summary{border-bottom:1px solid var(--line)}.file pre{font:400 12.5px/1.6 var(--mono);white-space:pre-wrap;margin:0;padding:14px}.reviews{flex-direction:column;gap:16px;scroll-margin-top:90px;display:flex}.stars{gap:2px;display:inline-flex}.stars svg{width:var(--s);height:var(--s);color:color-mix(in srgb, var(--ink-2) 55%, transparent);fill:none;stroke-width:1.6px}.stars svg.on{color:#f5b400;fill:#f5b400}.stars.pick button{border-radius:8px;padding:3px;transition:transform .12s}.stars.pick button:hover{transform:translateY(-2px)rotate(-6deg)}.stars.pick button:active{transform:scale(.9)}.stars.pick svg{filter:drop-shadow(2px 3px 0 var(--shade))}.review-form{flex-direction:column;gap:12px;display:flex}.review-form:has(textarea){background:var(--surface);box-shadow:var(--sh-low), inset 0 0 0 1px var(--line);border-radius:16px;padding:16px}.review-form textarea,.editor input,.editor textarea,.sheet-form input,.name-form input{background:var(--bg);width:100%;box-shadow:inset 0 0 0 1.5px var(--line);resize:vertical;border:0;border-radius:12px;outline:none;padding:12px 14px;transition:box-shadow .15s}.review-form textarea:focus,.editor input:focus,.editor textarea:focus,.sheet-form input:focus,.name-form input:focus{box-shadow:inset 0 0 0 2px var(--ink)}.review-actions{align-items:center;gap:8px;display:flex}.review-actions .btn.primary{margin-left:auto}.review-actions label{cursor:pointer}.review-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.review-list li{grid-template-columns:36px 1fr;gap:12px;display:grid}.review-top{flex-wrap:wrap;align-items:center;gap:10px;font-weight:600;display:flex}.review-top time{color:var(--ink-2);font-size:14px;font-weight:400}.review-body p{white-space:pre-wrap;margin:4px 0 0}.review-body img{object-fit:cover;width:160px;height:160px;box-shadow:var(--sh-low);border-radius:12px;margin-top:10px}.related{margin-top:64px}.related h2{margin-bottom:18px}.related h2 a:hover{color:var(--accent)}.skill-fold{background:var(--surface);box-shadow:var(--sh-low), inset 0 0 0 1px var(--line);border-radius:14px}.skill-fold>summary{font:600 16px/1 var(--display);cursor:pointer;align-items:center;gap:10px;padding:16px;list-style:none;display:flex}.skill-fold>summary::-webkit-details-marker{display:none}.skill-fold>summary svg{width:18px;height:18px;color:var(--ink-2)}.skill-fold[open]>summary{border-bottom:1px solid var(--line)}.skill-fold .skill{padding:16px}.skill-fold .skill h2{display:none}.skill-fold .skill header{justify-content:flex-end}.dock{gap:10px;margin-top:22px;display:flex}.dock .btn.primary{flex:1;height:54px;font-size:16px}.dock .btn.opener.square{height:54px}.btn .badge{background:var(--ink);min-width:24px;height:24px;color:var(--accent);font:650 13px/1 var(--display);border-radius:7px;place-items:center;padding:0 7px;display:inline-grid}@media (max-width:959px){.dock{z-index:40;padding:12px var(--pad);padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);gap:10px;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0}body:has(.dock) .foot{padding-bottom:100px}}.avatar{width:var(--s);height:var(--s);object-fit:cover;background:var(--line);border-radius:50%;flex:none}.avatar.letter{background:hsl(var(--h) 55% 78%);color:#15191d;font:700 calc(var(--s) * .42)/1 var(--display);place-items:center;display:inline-grid}.sheet-wrap{z-index:100;background:#0a0e1273;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:440px;padding:28px 22px;padding-bottom:max(26px, env(safe-area-inset-bottom));background:var(--surface);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;animation:.28s cubic-bezier(.2,1,.3,1) up;display:flex;position:relative}@media (min-width:640px){.sheet-wrap{align-items:center}.sheet{border-radius:22px;padding:32px 28px;box-shadow:12px 16px #0000002e}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.sheet-x{position:absolute;top:12px;right:12px}.sheet:focus{outline:none}.sheet h2{text-wrap:balance;padding-right:36px;font-size:24px}@media (min-width:640px){.sheet h2{font-size:28px}}.sheet-back{position:absolute;top:12px;left:12px}.sheet:has(.sheet-back) h2{padding-left:40px}.socials{gap:10px;display:grid}.btn.social{box-shadow:var(--sh-low), inset 0 0 0 1.5px var(--ink);position:relative}.btn.social:hover{box-shadow:var(--sh), inset 0 0 0 1.5px var(--ink)}.btn.social:active{box-shadow:0 0 0 var(--shade), inset 0 0 0 1.5px var(--ink)}.social-logo{display:flex;position:absolute;top:50%;left:14px;translate:0 -50%}.btn .social-logo svg{width:26px;height:26px}.sheet .btn{height:52px;font-size:16px}.sheet-form{gap:10px;display:grid}.sheet-form input{height:52px;font-size:16px}.sheet-error{color:#d93a0b;margin:0;font-weight:500}.sheet-form input[aria-invalid=true]{box-shadow:inset 0 0 0 2px #d93a0b}.logins{margin:0;padding:0;list-style:none;display:grid}.logins li{border-bottom:1px solid var(--line);align-items:center;min-height:60px;padding-left:42px;font-weight:600;display:flex;position:relative}.logins li .social-logo{left:0}.logins .social-logo svg{width:26px;height:26px}.logins li>:last-child{margin-left:auto}.sheet .logins .btn{height:40px;padding:0 16px;font-size:15px}.logins-on{color:#1e9e5a;width:24px;height:24px}.sheet.fill{max-height:88vh;overflow-y:auto}.fill-fields{gap:12px;display:grid}.fill-fields label{gap:6px;display:grid}.fill-fields label>span{font:500 14px/1.2 var(--text);color:var(--ink-2)}.fill-fields label i{color:color-mix(in srgb, var(--ink-2) 70%, transparent);font-style:normal}.fill-fields input{background:var(--bg);height:48px;box-shadow:inset 0 0 0 1.5px var(--line);border:0;border-radius:12px;outline:none;padding:0 14px;font-size:16px}.fill-fields input:focus{box-shadow:inset 0 0 0 2px var(--ink)}.sheet.fill{padding-bottom:0}.fill-go{padding:12px 22px max(16px, env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);gap:10px;margin:4px -22px 0;display:flex;position:sticky;bottom:0}.fill-go .btn.primary{flex:1}.fill-go .btn.opener.square{width:52px;padding:0}@media (min-width:640px){.sheet.fill{padding-bottom:0}.fill-go{margin:4px -28px 0;padding:14px 28px 20px}}.editor{grid-template-columns:1fr;gap:28px;padding-top:16px;display:grid}@media (min-width:960px){.editor{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:52px}.editor-side{position:sticky;top:84px}}.editor h1{font:650 clamp(28px, 4vw, 40px)/1.1 var(--display);letter-spacing:-.03em;margin-bottom:8px}.editor-form{flex-direction:column;gap:26px;min-width:0;display:flex}.field{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.field-h{font:600 14px/1 var(--display);letter-spacing:-.01em}.field.bad .field-h{color:#d93a0b}.field.bad input,.field.bad textarea{box-shadow:inset 0 0 0 2px #d93a0b}.field.bad .chips{outline-offset:6px;border-radius:8px;outline:2px solid #d93a0b}.field-row{grid-template-columns:1fr;gap:26px;display:grid}@media (min-width:760px){.field-row{grid-template-columns:1fr 1fr}}.title-input{letter-spacing:-.02em;font:600 20px/1.3 var(--display)!important}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{background:var(--surface);height:38px;box-shadow:inset 0 0 0 1.5px var(--line);font:500 14px/1 var(--text);border-radius:10px;align-items:center;gap:7px;padding:0 12px;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.chip-btn svg{width:17px;height:17px}.chip-btn .mark{--s:20px;box-shadow:none}.chip-btn:hover{box-shadow:inset 0 0 0 1.5px var(--ink-2)}.chip-btn.on{background:var(--ink);color:var(--bg);box-shadow:var(--sh-low);transform:translate(-1px,-1px)}.chip-btn.cat-pick.on{background:var(--cat);color:#15191d;box-shadow:var(--sh-low), inset 0 0 0 2px #15191d}.cover-field{flex-flow:wrap;align-items:flex-end}.cover-field .field-h{width:100%}.drop{aspect-ratio:1;cursor:pointer;background:var(--cat,var(--surface));width:140px;box-shadow:var(--sh-low), inset 0 0 0 1.5px var(--line);color:var(--ink-2);border-radius:14px;place-items:center;display:grid;overflow:hidden}.drop img{object-fit:cover;width:100%;height:100%}.drop svg{width:32px;height:32px}.steps-edit{counter-reset:s;gap:8px;margin:0;padding:0;list-style:none;display:grid}.steps-edit li{counter-increment:s;align-items:center;gap:8px;display:flex}.steps-edit li:before{content:counter(s);background:var(--ink);width:26px;height:26px;color:var(--bg);font:700 12px/1 var(--display);border-radius:8px;flex:none;place-items:center;display:grid}.prompt-input{min-height:200px;font:400 14px/1.65 var(--mono)!important}.vars{flex-wrap:wrap;gap:6px;display:flex}.vars code{color:var(--ink);font:400 13px/1.2 var(--mono);box-shadow:inset 0 -2px 0 var(--accent);background:#ff5a1f29;border-radius:6px;padding:4px 8px}.editor-side{gap:18px;display:grid}.editor-preview{pointer-events:none;max-width:320px}.editor-side .btn{height:54px;font-size:16px}.profile{flex-direction:column;gap:26px;padding-top:16px;display:flex}.profile-h{align-items:center;gap:20px;display:flex}.profile-ava{border-radius:50%;position:relative}.profile-ava .avatar{box-shadow:6px 8px 0 var(--shade)}.profile-ava.editable{cursor:pointer}.profile-cam{background:var(--accent);color:#15191d;width:34px;height:34px;box-shadow:var(--sh-low);border-radius:10px;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.profile-cam svg{width:18px;height:18px}.profile-name h1{font:650 clamp(26px, 4vw, 40px)/1.1 var(--display);letter-spacing:-.03em;align-items:center;gap:6px;display:flex}.handle{color:var(--ink-2);font-weight:500}.name-form{gap:8px;display:flex}.profile-actions{flex-wrap:wrap;gap:8px;display:flex}.tabs{align-self:flex-start}.page-h{font:650 clamp(28px, 4vw, 40px)/1.1 var(--display);letter-spacing:-.03em;align-items:baseline;gap:10px;display:flex}.draft{gap:10px;display:grid}.draft-actions{gap:6px;display:flex}.notfound{justify-items:center;gap:24px;padding:56px 0;display:grid}.notfound b{font:700 clamp(90px, 20vw, 180px)/1 var(--display);letter-spacing:-.06em;color:var(--accent);text-shadow:6px 7px 0 var(--shade)}.notfound .grid{width:100%}.notfound h2{justify-self:start;margin-top:24px}.foot{width:100%;max-width:var(--max);padding:28px var(--pad) 40px;color:var(--ink-2);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;margin:0 auto;font-weight:500;display:flex}.foot .logo{color:var(--ink);margin-right:auto;font-size:16px}.foot .logo i{width:16px;height:16px;box-shadow:3px 4px 0 var(--shade-2);border-radius:4px}.foot a{padding:10px 0}.foot a:hover{color:var(--ink)}.toast{z-index:150;left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);box-shadow:var(--sh-up);opacity:0;pointer-events:none;border-radius:12px;max-width:calc(100vw - 32px);padding:13px 18px;font-weight:600;transition:opacity .2s,transform .25s cubic-bezier(.2,1,.3,1);position:fixed;transform:translate(-50%,30px)}.toast.on{opacity:1;transform:translate(-50%)}body:has(.dock) .toast{bottom:calc(96px + env(safe-area-inset-bottom))}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}::view-transition-group(cover){animation-duration:.38s;animation-timing-function:cubic-bezier(.3,1,.4,1)}::view-transition-old(cover){object-fit:cover;height:100%}::view-transition-new(cover){object-fit:cover;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.pre{max-width:760px;padding:32px var(--pad)}.pre h1{font:650 clamp(28px, 4.6vw, 46px)/1.08 var(--display);letter-spacing:-.035em;margin-bottom:18px}.pre ol,.pre ul{gap:8px;padding-left:20px;font-size:17px;display:grid}.pre pre{background:var(--code);color:var(--code-ink);font:400 14px/1.75 var(--mono);white-space:pre-wrap;border-radius:16px;padding:20px}.cat-hero{background:var(--cat);color:#15191d;min-height:150px;box-shadow:var(--sh-up);border-radius:18px;align-items:flex-end;gap:14px;margin:8px 0 22px;padding:22px;display:flex;position:relative;overflow:hidden}.cat-hero h1{font:650 clamp(30px, 6vw, 56px)/1 var(--display);letter-spacing:-.035em;position:relative}.cat-hero-icon{stroke-width:1.8px;width:34px;height:34px;margin-bottom:4px;position:relative}.cat-hero-fan{width:220px;height:120px;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.cat-hero-fan img{object-fit:cover;border-radius:14px;width:110px;height:110px;position:absolute;box-shadow:5px 6px #15191d2e}.cat-hero-fan img:first-child{top:8px;right:120px;transform:rotate(-9deg)}.cat-hero-fan img:nth-child(2){top:-2px;right:60px;transform:rotate(4deg)}.cat-hero-fan img:nth-child(3){top:10px;right:0;transform:rotate(11deg)}@media (max-width:640px){.cat-hero{min-height:120px;padding:18px}.cat-hero-fan{width:130px;right:-6px}.cat-hero-fan img{width:72px;height:72px}.cat-hero-fan img:first-child{right:66px}.cat-hero-fan img:nth-child(2){right:32px}.cat-hero-fan img:nth-child(3){display:none}}.after{background:var(--ink);color:var(--bg);box-shadow:var(--sh);font:500 15px/1.3 var(--text);border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:8px 8px 8px 14px;animation:.24s cubic-bezier(.2,1,.3,1) up;display:flex}.after>svg{width:18px;height:18px;color:var(--accent);stroke-width:2.6px;flex:none}.after span{flex:1;min-width:0}.after .btn.small{background:var(--accent);height:36px;color:var(--on-accent);box-shadow:none}.after .icon-btn{color:var(--bg)}@media (max-width:959px){.after{z-index:41;left:var(--pad);right:var(--pad);bottom:calc(80px + env(safe-area-inset-bottom));margin:0;position:fixed}}.fill-fields label>span{color:var(--ink);font-size:14.5px;font-weight:600}.fill-fields input{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.fill-fields input::placeholder{color:color-mix(in srgb, var(--ink-2) 70%, transparent);font-weight:400}.fill-note{color:var(--ink-2);margin:0;font-size:13.5px;line-height:1.35}.fill-go{flex-wrap:wrap}.fill-go>.btn.primary{flex:100%;height:52px}.fill-agents{gap:8px;width:100%;display:flex}.fill-agents .btn.opener{flex:1;gap:8px;min-width:0;height:44px;padding:0 10px;font-size:14px}.empty-asks{flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px;display:flex}.field-note{color:var(--ink-2);font-size:13.5px;line-height:1.35}html.locked .toast{display:none}.skip{z-index:100;background:var(--ink);color:var(--bg);border-radius:10px;padding:10px 14px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip:focus{transform:none}main:focus{outline:none}