@font-face{font-family:"Sora";src:url(/fonts/sora.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#FFF8EE;--ink:#3B1F14;--pri:#B3261E;--prid:#7A1712;--line:#F0D9C4;--lead:#5A3A2C;--exbg:#FFD45C;--exfg:#5C4300;--icbg:#FDE3C8;--dash:#F3E3D3;--mut:#6B4A3A;--sh:90,30,15;--good:#2F6B3A;--warn:#A3341B}
*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:17px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.w{max-width:1120px;margin:0 auto;padding:0 24px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;max-width:1120px;margin:0 auto}.logo{font:800 24px "Sora",system-ui,sans-serif;letter-spacing:-.02em;color:var(--pri)}.nav nav a{margin-left:22px}
.btn{display:inline-block;padding:15px 28px;border-radius:999px;background:var(--pri);color:#fff;font-weight:700;box-shadow:0 6px 0 var(--prid)}.ghost{background:#fff;color:var(--pri);box-shadow:0 4px 0 var(--line);border:2px solid var(--line)}
h1,h2,h3{font-family:"Sora",system-ui,sans-serif;font-weight:800;letter-spacing:-.025em}h1{font-size:60px;line-height:1.08}h2{font-size:40px;line-height:1.15}
.hero{text-align:center;padding:50px 0 40px}.lead{font-size:20px;max-width:620px;margin:18px auto 30px;color:var(--lead)}
.blob{background:#fff;border-radius:28px;padding:26px;box-shadow:0 12px 30px -10px rgba(var(--sh),.25)}
.ex{display:inline-block;font-size:13px;font-weight:700;background:transparent;color:var(--pri);padding:3px 10px;border:2px solid currentColor;border-radius:6px}
.ic{display:inline-flex;width:56px;height:56px;border-radius:18px;align-items:center;justify-content:center;font-size:28px;background:var(--icbg);margin-bottom:12px}
.row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:2px dashed var(--dash)}.mut{color:var(--mut);font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.sec{padding:60px 0;text-align:center}.sec .blob{text-align:left}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.chips span{background:#fff;border-radius:99px;padding:8px 16px;box-shadow:0 4px 12px -6px rgba(var(--sh),.3)}
.big{font:700 44px "Sora",system-ui,sans-serif}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stats div{background:var(--bg);border-radius:18px;padding:12px 6px;line-height:1.3;text-align:center}.stats b{display:block;font-size:22px}
.good{color:var(--good)}.f{background:#fff;border:2px solid var(--line);border-radius:16px;padding:12px 16px;font-weight:700}label{font-size:14px;color:var(--mut);display:block;margin:0 0 6px 6px}
.sug{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sug div{border-radius:18px;padding:10px;text-align:center;background:var(--bg)}.sug .on{background:var(--pri);color:#fff}.sug b{display:block;font-size:20px}.sug .on .mut{color:#fff}
.foot{padding:30px;text-align:center;color:var(--mut)}
@media(max-width:760px){h1{font-size:40px}h2{font-size:30px}.grid3,.app{grid-template-columns:1fr!important}.nav nav{display:none}.sug{grid-template-columns:1fr 1fr}}

.nav{position:relative;z-index:5}
.btn{transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 var(--prid)}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--prid)}
.blob{transition:transform .25s,box-shadow .25s}.blob:hover{transform:translateY(-6px);box-shadow:0 22px 40px -14px rgba(var(--sh),.35)}
@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
@keyframes bob{50%{transform:translateY(-8px)}}
@keyframes mq{to{transform:translateX(-50%)}}
.in{animation:up .8s cubic-bezier(.2,.8,.2,1) both}.d1{animation-delay:.12s}.d2{animation-delay:.24s}.d3{animation-delay:.36s}.d4{animation-delay:.5s}
.mq{overflow:hidden;background:var(--pri);color:#fff;padding:14px 0;font:700 20px "Sora",system-ui,sans-serif}.mq div{display:flex;gap:48px;width:max-content;animation:mq 40s linear infinite;white-space:nowrap}.mq:hover div{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-top:40px;padding-bottom:80px}
.split h1{font-size:56px;letter-spacing:-.035em;margin-top:18px}.split em{color:var(--pri);font-style:normal}.split .lead{margin:18px 0 30px}
.pic{position:relative;height:560px}
.dot{position:absolute;inset:20px -30px -10px 40px;background:var(--icbg);border-radius:58% 42% 55% 45%/48% 58% 42% 52%;animation:pop 1s .1s both}
.blobimg{position:absolute;inset:0 10px 30px 20px;background:url(/img/fish-chips.jpg) 55% 70%/cover;background-image:image-set(url(/img/fish-chips.avif) type("image/avif"),url(/img/fish-chips.webp) type("image/webp"),url(/img/fish-chips.jpg) type("image/jpeg"));border-radius:42% 58% 46% 54%/55% 45% 55% 45%;box-shadow:0 30px 60px -20px rgba(var(--sh),.45);animation:pop 1s .2s both,morph 14s ease-in-out 1.2s infinite}
@keyframes morph{50%{border-radius:55% 45% 40% 60%/45% 55% 45% 55%}}
.chip{position:absolute;background:#fff;border-radius:22px;padding:12px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 30px -12px rgba(var(--sh),.4);line-height:1.25;animation:up .7s both,bob 5s ease-in-out infinite;font-weight:700}
.chip b{display:block;font:700 26px "Sora",system-ui,sans-serif}.ic.sm{width:44px;height:44px;font-size:22px;margin:0;border-radius:14px}
.c1{top:40px;left:-20px;animation-delay:.6s,1.4s}.c2{bottom:70px;right:-10px;animation-delay:.8s,2.2s}.c3{bottom:0;left:30px;animation-delay:1s,3s;font-size:15px}
@media(max-width:760px){.split{grid-template-columns:1fr;padding-top:16px;padding-bottom:40px}.split h1{font-size:40px}.split .btn.ghost{display:none}.pic{height:340px;margin-top:10px}.c1{left:0}.c2{right:0}.chip b{font-size:22px}.dot{inset:20px 0 0 30px}}

/* app additions */
.nav nav a.on{color:var(--pri);font-weight:700}
.privacy{display:flex;gap:16px;align-items:flex-start;background:#fff;border:3px solid var(--pri);border-radius:28px;padding:22px 26px;text-align:left;max-width:860px;margin:0 auto}
.privacy b{font-family:"Sora",system-ui,sans-serif;font-weight:700;letter-spacing:-.015em;font-size:19px;display:block;margin-bottom:4px}
.signin{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.signin span{background:var(--bg);border:2px solid var(--line);border-radius:99px;padding:6px 14px;font-weight:700;font-size:15px}
.page{max-width:780px;margin:0 auto;padding:30px 24px 60px}.page h1{font-size:46px;margin:14px 0 18px}.page h2{font-size:28px;margin:30px 0 10px}.page p,.page li{margin:0 0 12px}.page ul{padding-left:22px}
.draft{background:var(--exbg);color:var(--exfg);border-radius:18px;padding:14px 18px;font-weight:700;margin:10px 0 20px}
.foot{border-top:2px dashed var(--dash);margin-top:30px}.foot nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.foot a{text-decoration:underline}
input,select{font:inherit;color:var(--ink);background:#fff;border:2px solid var(--line);border-radius:16px;padding:10px 14px;font-weight:700;width:100%}
input:focus,select:focus{outline:3px solid var(--icbg);border-color:var(--pri)}
.lines .ln{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr .8fr auto auto;gap:8px;align-items:end;padding:10px 0;border-bottom:2px dashed var(--dash)}
.lines .ln label{margin-left:4px;font-size:12px}.lines .cost{font-weight:700;padding:10px 0;text-align:right}
.x{background:none;border:0;font-size:22px;cursor:pointer;color:var(--mut);padding:8px}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:700}
.toggle{display:flex;gap:10px;align-items:center;font-weight:700}.toggle input{width:22px;height:22px}
.sug button{all:unset;cursor:pointer;display:block;border-radius:18px;padding:10px;text-align:center;background:var(--bg)}.sug button b{display:block;font-size:20px}
.err{color:var(--warn);font-weight:700}.bad{color:var(--warn)}
@media(max-width:760px){.lines .ln{grid-template-columns:1fr 1fr 1fr}.lines .ln .nm{grid-column:1/-1}.privacy{flex-direction:column}.page h1{font-size:36px}}
.sug button.on{background:var(--pri);color:#fff}.sug button.on .mut{color:#fff}
.lines .ln{grid-template-columns:repeat(6,1fr) auto}.lines .ln .nm{grid-column:1/-1}
select{padding:10px 8px}
.top3{grid-template-columns:2fr 1fr 1fr}
@media(max-width:760px){.top3{grid-template-columns:1fr 1fr!important}.top3>div:first-child{grid-column:1/-1}.lines .ln{grid-template-columns:1fr 1fr 1fr}}
.share .acts{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.share .act{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:18px;border:2px solid var(--line);background:#fff;color:var(--pri);font:700 15px "Inter",system-ui,sans-serif;cursor:pointer}.share .act span{font-size:22px}.share .act:hover{border-color:var(--pri)}
.post{max-width:740px;margin:0 auto;padding:20px 24px 50px}.post h1{font-size:44px;margin:10px 0}.post h2{font-size:28px;margin:30px 0 10px}.post h3{font-size:21px;margin:22px 0 8px}.post p,.post ul,.post ol{margin:0 0 14px}.post ul,.post ol{padding-left:24px}.post a{color:var(--pri);text-decoration:underline}.post table{border-collapse:collapse;margin:0 0 16px;width:100%}.post td,.post th{border:1px solid var(--line);padding:6px 10px;text-align:left}.post blockquote{border-left:4px solid var(--exbg);padding:4px 14px;margin:0 0 14px;color:var(--lead)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.cards .blob h3{font-size:22px;margin:8px 0}.cats a{display:inline-block;margin:0 8px 8px 0;padding:6px 14px;border-radius:99px;border:2px solid var(--line);background:#fff;font-weight:600;font-size:15px}.cats a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.cta{background:var(--pri);color:#fff;border-radius:28px;padding:24px;margin:30px 0}.cta a{color:#fff}.cta .btn{background:#fff;color:var(--pri);box-shadow:none;text-decoration:none}
@media(max-width:760px){.post h1{font-size:32px}.post h2{font-size:24px}}
/* member area */
.member{padding-bottom:40px}.mhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs a{padding:8px 16px;border-radius:99px;background:#fff;font-weight:700;border:2px solid var(--line)}.tabs a.on{background:var(--pri);color:#fff;border-color:var(--pri)}
.tbl{width:100%;border-collapse:collapse}.tbl th{font-size:13px;color:var(--mut);text-align:left;padding:8px 6px;border-bottom:2px solid var(--line)}.tbl td{padding:10px 6px;border-bottom:2px dashed var(--dash)}.tbl td.n,.tbl th.n{text-align:right}
.tbl a{text-decoration:underline}.flag{display:inline-block;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:#fde2dc;color:var(--warn)}.okf{background:#e3f1e5;color:var(--good)}
.mform{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end}.note{background:var(--exbg);color:var(--exfg);border-radius:18px;padding:12px 16px;font-weight:700;margin:0 0 16px}
.stack{display:flex;flex-direction:column;gap:20px}.mrow{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.mrow>*{flex:1;min-width:140px}.mrow .btn{flex:0 0 auto;padding:11px 20px}
.btn.sm{padding:10px 18px;box-shadow:0 4px 0 var(--prid)}.btn.danger{background:var(--warn);box-shadow:0 4px 0 #6d1d10}
@media(max-width:760px){.mform{grid-template-columns:1fr 1fr}.mform .nm{grid-column:1/-1}.tbl .hm{display:none}}
@media(max-width:760px){.ln.mrow>*{min-width:0;flex:1 1 40%}.ln.mrow>.x{flex:0 0 auto}}
/* polish: display type, swashes, waves, floats, reveals */
.disp{letter-spacing:-.045em}.hl{position:relative;display:inline-block;white-space:nowrap;z-index:0}
.hl::before{content:"";position:absolute;left:-4px;right:-4px;bottom:.08em;height:.42em;background:var(--exbg);border-radius:8px 14px 6px 12px;z-index:-1;transform:skew(-6deg) scaleX(0);transform-origin:left;animation:hlin .7s .6s cubic-bezier(.2,.8,.2,1) forwards}
.rv .hl::before,.hl.rvx::before{animation-play-state:paused}.rv.vis .hl::before{animation-play-state:running}
.swash{position:absolute;left:0;right:0;bottom:-.22em;width:100%;height:.3em;color:var(--pri);opacity:.85;stroke-dasharray:320;stroke-dashoffset:320;animation:draw .9s .9s ease-out forwards}
.rv .swash{animation-play-state:paused}.rv.vis .swash{animation-play-state:running}
@keyframes hlin{to{transform:skew(-6deg) scaleX(1)}}@keyframes draw{to{stroke-dashoffset:0}}
.hero{position:relative;overflow:hidden}.float span{position:absolute;font-size:34px;opacity:.22;animation:drift 12s ease-in-out infinite;pointer-events:none}
.f1{top:8%;left:46%}.f2{top:70%;left:3%;animation-delay:-3s!important}.f3{top:4%;right:4%;animation-delay:-6s!important}.f4{top:84%;left:52%;animation-delay:-2s!important}.f5{top:40%;left:-1%;animation-delay:-8s!important;font-size:26px}
@keyframes drift{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,-18px) rotate(12deg)}}
.wave{display:block;width:100%;height:46px;margin-bottom:-1px}.wave.flip{transform:scaleY(-1);margin:-1px 0 0}
.stband{background:var(--pri);color:#fff}.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;padding:8px 24px}
.statrow b{display:block;font:800 clamp(30px,5vw,46px)/1.1 "Sora",system-ui,sans-serif;letter-spacing:-.03em;color:var(--exbg)}.statrow span{font-weight:600;opacity:.9;font-size:15px}
.tint{background:#fff}.steps .blob{position:relative;background:var(--bg)}.num{position:absolute;top:-18px;right:18px;font:800 64px/1 "Sora",system-ui,sans-serif;color:var(--exbg);-webkit-text-stroke:2px var(--exfg);opacity:.9}
.mrw{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:2px dashed var(--dash)}.mrw.last{border:0}
.me{font-size:26px;width:44px;height:44px;display:grid;place-items:center;background:var(--icbg);border-radius:14px}.mn,.mp{display:flex;flex-direction:column;line-height:1.25}.mn small,.mp small{font-size:13px;color:var(--mut);font-weight:600}
.mp{align-items:flex-end;text-align:right}.mp b{font:800 22px "Sora",system-ui,sans-serif;color:var(--good)}.mp.warnc b{color:var(--warn)}.mp.warnc small{color:var(--warn)}
.rv{transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}html.js .rv:not(.vis){opacity:0;transform:translateY(28px);animation:rvsafe 0s 4s forwards}
@keyframes rvsafe{to{opacity:1;transform:none}}.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}
.btn.ghost:hover{box-shadow:0 9px 0 var(--line)}a.btn,.chip{will-change:transform}
@media(max-width:760px){.statrow{grid-template-columns:1fr 1fr;gap:18px 10px}.float span{font-size:24px}.num{font-size:50px}.wave{height:30px}}
@media(prefers-reduced-motion:reduce){html.js .rv:not(.vis){opacity:1;transform:none}.hl::before{transform:skew(-6deg)}.swash{stroke-dashoffset:0}.float{display:none}}
/* member polish */
.mh{font-size:clamp(30px,5.5vw,44px);letter-spacing:-.04em;margin:4px 0 8px}
.mstats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}.mstats .blob{padding:16px 18px}
.mstats b{display:block;font:800 clamp(26px,4vw,36px)/1.15 "Sora",system-ui,sans-serif;letter-spacing:-.03em;color:var(--pri);margin-top:4px}.mstats b small{font-size:.5em;color:var(--mut);font-weight:700}
.mstats b.sm{font-size:18px;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}.mstats b.bad{color:var(--warn)}.mstats b.good{color:var(--good)}
.mst .big{font-family:"Sora",system-ui,sans-serif;letter-spacing:-.03em}
.empty-ill{width:170px;height:auto;margin:0 auto 8px;display:block}.steam path{animation:steam 2.6s ease-in-out infinite}.steam path+path{animation-delay:.8s}
@keyframes steam{50%{transform:translateY(-5px);opacity:.2}}
.tabs a{transition:background .2s,color .2s,transform .15s}.tabs a:hover{transform:translateY(-2px)}
.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:var(--bg)}
.member{animation:up .5s cubic-bezier(.2,.8,.2,1) both}
@media(max-width:760px){.mstats{grid-template-columns:1fr 1fr}.ln.mrow>div:first-child{flex:1 1 100%!important}.ln.mrow select{text-overflow:ellipsis}}
.copy{font-size:13px;margin-top:6px}
@media(max-width:760px){.lines .ln.mrow{grid-template-columns:1fr 1fr}.lines .ln.mrow>div:first-child{grid-column:1/-1}.lines .ln.mrow select{width:100%}}

.stband .statrow,.statrow{display:flex!important;justify-content:center;gap:clamp(24px,8vw,110px);flex-wrap:wrap;text-align:center}
.ft{text-align:left;padding:44px 20px 26px}.ftgrid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:28px}
.ftlogo{font-weight:800;font-size:22px;text-decoration:none;color:inherit}.ftbrand p{margin:8px 0 0;max-width:280px;opacity:.8}
.ft nav{display:flex;flex-direction:column;gap:9px}.ft nav h4{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.ft nav a{text-decoration:none;font-weight:700}.ft nav a:hover{text-decoration:underline}
.ftbot{max-width:1000px;margin:30px auto 0;padding-top:18px;border-top:2px dashed var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}.ftbot p{margin:0}
@media(max-width:640px){.ftgrid{grid-template-columns:1fr 1fr}.ftbrand{grid-column:1/-1}.ftbot{flex-direction:column}}
.ft .ftlogo{text-decoration:none}.ftgrid{align-items:start}@media(max-width:640px){.stband .statrow,.statrow{gap:14px;flex-wrap:nowrap}.statrow>div{flex:1}.statrow b{font-size:24px}.statrow span{font-size:12px}}

h2.h3{font-size:22px;line-height:1.3;letter-spacing:-.02em}.post h2.h3,.cta h2.h3{margin:0}
.faq{max-width:760px;margin:26px auto 0;display:grid;gap:12px;text-align:left}.faq details{padding:16px 20px}.faq summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::after{content:"+";color:var(--pri);font-size:22px;line-height:1}.faq details[open] summary::after{content:"\2212"}.faq details p{margin:10px 0 0}
.ft nav .fth{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--ink)}.ftbrand p{opacity:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.plans{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:820px;margin:34px auto 0;text-align:left;align-items:stretch}
.plan{position:relative;background:#fff;border:2px solid var(--line);border-radius:28px;padding:30px 28px 24px;box-shadow:0 18px 40px -26px rgba(var(--sh),.5);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}
.plan:hover{transform:translateY(-6px);box-shadow:0 28px 50px -24px rgba(var(--sh),.55)}
.plan h3{font-size:24px;margin:0}.price{font:800 54px/1 "Sora",system-ui,sans-serif;letter-spacing:-.04em;margin:12px 0 18px;color:var(--ink)}.price span{font:600 16px "Inter",system-ui,sans-serif;color:var(--mut);letter-spacing:0;margin-left:4px}
.pl{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:14px}.pl li{display:flex;gap:12px;align-items:flex-start}.pl b{font-weight:700}
.pi{flex:0 0 36px;width:36px;height:36px;padding:7px;border-radius:12px;background:var(--icbg);color:var(--prid)}
.pchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pchips span{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--bg);border:1.5px solid var(--line);color:var(--prid)}
.pfine{margin:auto 0 0;padding-top:14px;border-top:2px dashed var(--dash);font-weight:700;color:var(--mut);font-size:14px}
.plan.pro{background:var(--pri);border-color:var(--pri);color:#fff}.plan.pro h3,.plan.pro .price{color:#fff}.plan.pro .price span,.plan.pro .pfine{color:#FBDCD2}.plan.pro .pfine{border-color:rgba(255,255,255,.25)}
.plan.pro .pi{background:rgba(255,224,138,.18);color:var(--exbg)}
.ribbon{position:absolute;top:-14px;right:22px;background:var(--exbg);color:var(--exfg);font:800 13px "Sora",system-ui,sans-serif;padding:7px 14px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(0,0,0,.35);transform:rotate(2deg)}
.pcall{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,224,138,.4);border-radius:18px;padding:14px 16px;margin:0 0 18px}.pcall p{margin:0;color:#FDEDE6;font-size:15px}
.pcall .pbig{font:800 21px/1.3 "Sora",system-ui,sans-serif;color:#fff;margin-bottom:6px;letter-spacing:-.02em}.plan.pro .hl{color:var(--exbg)}
@media(max-width:700px){.plans{grid-template-columns:1fr;gap:30px}.price{font-size:46px}.plan{padding:26px 20px 20px}}
@media(prefers-reduced-motion:reduce){.plan,.plan:hover{transition:none;transform:none}.ribbon{transform:none}}
.plan.pro .hl{color:#fff}.plan.pro .hl::before{opacity:.35}.plan.pro .swash{color:var(--exbg);opacity:1}
/* Menu dashboard */
.mpick{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-bottom:4px}.mpick button{flex:none;border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:8px 14px;font:600 14px/1 inherit;cursor:pointer}.mpick button.on{background:var(--pri);border-color:var(--pri);color:#fff}
.mstats b.st-good{color:var(--good)}.mstats b.st-close{color:#9A6A00}.mstats b.st-low{color:var(--warn)}.mstats .chg{display:block;font-size:13px;font-weight:700;color:var(--pri)}
.mdtbl{padding:6px}.mdhead{display:flex;gap:6px;overflow-x:auto;padding:8px}.sorth{flex:none;border:0;background:var(--bg);color:var(--lead);border-radius:999px;padding:7px 12px;font:600 13px/1 inherit;cursor:pointer}.sorth.on{background:var(--icbg);color:var(--exfg)}
.mdrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 12px;align-items:center;padding:14px 12px 14px 16px;border-top:1px solid var(--dash);border-left:5px solid var(--line);border-radius:12px;margin:4px 0;transition:background .2s}
.mdrow.st-good{border-left-color:var(--good)}.mdrow.st-close{border-left-color:#E5A800}.mdrow.st-low{border-left-color:var(--warn)}.mdrow.chgd{background:#FFF8E1}
.c-name{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.c-name a{font-weight:700;color:var(--ink);text-decoration:none}.c-name a:hover{text-decoration:underline}
.flag,.okf{font-size:12px;font-weight:700;border-radius:999px;padding:3px 9px}.flag{background:#FDE7E1;color:var(--warn)}.okf{background:#E3F1E6;color:var(--good)}.mdrow.st-close .flag{background:var(--icbg);color:var(--exfg)}
.c-price{grid-column:1/-1;display:flex;align-items:center;gap:6px}.c-price .pfx{font-weight:700;color:var(--mut)}.c-price input{width:100%;max-width:140px;min-height:44px;font-size:16px}
.ml{display:block;font-size:12px;color:var(--mut)}.pill{display:inline-block;border-radius:999px;padding:2px 10px;background:var(--line)}
.st-good .pill{background:#E3F1E6;color:var(--good)}.st-close .pill{background:var(--icbg);color:var(--exfg)}.st-low .pill{background:#FDE7E1;color:var(--warn)}
.tryg{grid-column:1/-1;justify-self:start;border:1px dashed var(--pri);background:none;color:var(--pri);border-radius:999px;padding:6px 12px;font:600 13px/1 inherit;cursor:pointer}
.wibar{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 16px;border-radius:18px;background:var(--prid);color:#fff;box-shadow:0 10px 30px rgba(var(--sh),.25)}.wibar .ghost{background:transparent!important;color:#fff!important;border:2px solid #fff!important}
@media(min-width:900px){.mdhead,.mdrow{display:grid;grid-template-columns:2.2fr 1.3fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center}.mdhead{padding:8px 12px 8px 21px}.sorth{justify-self:start}.c-name,.c-price{grid-column:auto}.ml{display:none}.tryg{grid-column:2/-1}}
@media(prefers-reduced-motion:reduce){.mdrow{transition:none}}
/* Made for messy hands */
.messy .kick{font:700 13px/1 inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--pri);margin:0 0 8px}.messy h2{margin-top:0}
.mgrid{display:grid;gap:16px;margin-top:18px}.mcard{position:relative;padding:22px 22px 22px 96px;min-height:96px}.mcard h3{margin:0 0 6px}.mcard p{margin:0;color:var(--lead)}
.dood{position:absolute;left:20px;top:20px;width:60px;height:60px;transform:rotate(-8deg) scale(.6);opacity:0;transition:transform .6s cubic-bezier(.3,1.6,.5,1) .15s,opacity .4s .15s}.mcard.vis .dood,html:not(.js) .dood{transform:rotate(-8deg) scale(1);opacity:1}.mcard:hover .dood{transform:rotate(6deg) scale(1.08)}
.mline{margin:22px 0 0;text-align:center;font-size:clamp(18px,2.4vw,22px)}.mline b{color:var(--pri);background:var(--exbg);border-radius:999px;padding:2px 12px;white-space:nowrap}
@media(min-width:860px){.mgrid{grid-template-columns:repeat(3,1fr)}.mcard{padding:96px 22px 22px}}
@media(prefers-reduced-motion:reduce){.dood{transition:none;transform:none;opacity:1}.mcard:hover .dood{transform:none}}
/* Member area: big tap targets (48px) */
.member .tabs a,.mpick button,.sorth,.tryg,.member .btn,.member button,.member input,.member select,.member .x{min-height:48px}
.member a.btn,.member .sorth,.member .tryg{display:inline-flex;align-items:center}.member .x{min-width:48px}
.member .tabs a{display:inline-flex;align-items:center}.member input[type=hidden]{min-height:0}
/* Price alerts */
.palert{display:flex;gap:14px;background:#fff;border:2px solid #E5A800;border-radius:22px;padding:18px;margin:0 0 18px;box-shadow:0 8px 24px rgba(var(--sh),.1);animation:paIn .45s cubic-bezier(.2,.8,.2,1)}.palert.applied{border-color:var(--good)}
.pa-ic{flex:none;width:40px;height:40px}.pa-body{flex:1;min-width:0}.palert h2{font-size:20px;margin:0 0 4px}.palert h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--pri);margin:14px 0 6px}.palert p{margin:0}
.pa-list{list-style:none;margin:0;padding:0}.pa-list li{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--dash)}
.pa-dish{display:flex;flex-direction:column;gap:2px}.pa-dish span{font-size:14px;color:var(--lead)}.pa-low{color:var(--warn)}.pa-ok{font-weight:700;color:var(--good);min-height:48px;display:inline-flex;align-items:center}
.pa-list li.done .pa-low{color:var(--good)}.pa-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
@keyframes paIn{from{opacity:0;transform:translateY(-8px)}}
@media(max-width:560px){.palert{flex-direction:column;padding:16px}.pa-list li form,.pa-list li form .btn,.pa-acts form,.pa-acts .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.palert{animation:none}}
/* What-if planner */
.undoline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#E3F1E6;border-radius:18px;padding:8px 8px 8px 16px;margin:0 0 16px}
.wp{display:grid;gap:18px}.wp-ctrl h2,.fip h2{font-size:20px;margin:0 0 10px}.wp-ctrl select,.wp-ctrl input:not([type=range]):not([type=checkbox]){width:100%}
.sl{margin:14px 0}.sl label{display:flex;justify-content:space-between}.sl label b{color:var(--pri)}
input[type=range]{width:100%;min-height:48px;accent-color:var(--pri);cursor:pointer}
.ingx{margin:6px 0 12px}.ingx summary{min-height:48px;display:flex;align-items:center;font-weight:700;color:var(--pri);cursor:pointer}.ingr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}.ingr label{margin:0}.pin{display:flex;align-items:center;gap:6px;flex:none}.pin input{width:84px!important}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.wpst .chg{display:block;font-size:13px;font-weight:700;color:var(--pri)}
.wpl{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wpl li{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;align-items:center;background:#fff;border-radius:14px;padding:12px 14px;border-left:5px solid var(--line);box-shadow:0 4px 14px rgba(var(--sh),.06)}
.wpl li.st-good{border-left-color:var(--good)}.wpl li.st-close{border-left-color:#E5A800}.wpl li.st-low{border-left-color:var(--warn)}.wpn,.wps,.when{grid-column:1/-1}.wpl s{color:var(--mut)}
.wps{justify-self:start;font-size:13px;font-weight:700;background:var(--icbg);color:var(--exfg);border-radius:999px;padding:4px 10px}.when{font-weight:700;font-size:14px}.st-low .when{color:var(--warn)}.st-good .when{color:var(--good)}
.wpap{margin-top:14px;border:2px solid var(--pri)}.wpap h3{margin:0 0 6px}.ck{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer}.ck input{width:22px;height:22px;min-height:0!important;accent-color:var(--pri)}
@media(min-width:960px){.wp{grid-template-columns:340px 1fr;align-items:start}.wp-ctrl{position:sticky;top:12px}.wpl li{grid-template-columns:1.6fr 1.2fr 1.2fr 1fr}.wpn{grid-column:auto}.wps,.when{grid-column:2/-1}}
/* Food inflation projector */
.fip{margin-top:22px}.fiphd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.fiphd h2{margin:0}
.onsref{font-size:13px;color:var(--mut);margin:4px 0 0}.onsref .x{font-size:13px;text-decoration:underline;color:var(--pri)}
.seg{display:flex;gap:6px;background:var(--bg);border-radius:999px;padding:4px;margin:10px 0 16px;max-width:420px}.seg button{flex:1;min-height:48px;border:0;border-radius:999px;background:none;font:700 14px/1 inherit;color:var(--lead);cursor:pointer}.seg button.on{background:var(--pri);color:#fff}
.fchart{margin:0 0 16px}.fchart svg,.lockc{width:100%;height:auto;display:block}.fchart text{font-size:12px;fill:var(--mut)}.fchart .gl{stroke:var(--dash)}
.goal{stroke:#E5A800;stroke-width:2;stroke-dasharray:6 5}.fchart .goalt{fill:#9A6A00;font-weight:700}
.dl{fill:none;stroke:#F2B8A8;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 1s cubic-bezier(.3,.8,.3,1) forwards}.dl.bl{stroke:var(--warn);opacity:.75}
.avg{fill:none;stroke:var(--pri);stroke-width:4;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw 1.1s .15s cubic-bezier(.3,.8,.3,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.fchart figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--mut)}.k{display:inline-block;width:18px;height:4px;border-radius:4px}.avgk{background:var(--pri)}.blk{background:var(--warn)}.okk{background:#F2B8A8}
.fdis{font-size:13px;color:var(--mut);margin:14px 0 0;border-top:1px dashed var(--dash);padding-top:10px}
.lockt{position:relative}.lockc{filter:blur(3px);opacity:.55}.lockc .dl,.lockc .avg{animation:none;stroke-dashoffset:0}
.lockm{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;padding:10px}.lockm p{margin:0;max-width:440px;font-weight:600;background:rgba(255,255,255,.85);border-radius:14px;padding:8px 12px}
@media(max-width:560px){.lockm{position:static;margin-top:-40px}}
@media(prefers-reduced-motion:reduce){.dl,.avg{animation:none;stroke-dashoffset:0}}
/* Allergens */
.alf,.dtf{grid-column:1/-1;border:2px dashed var(--line);border-radius:18px;padding:10px 12px;margin:4px 0}.alf legend,.dtf legend{font-weight:700;font-size:15px;padding:0 6px}
.alg{display:flex;flex-wrap:wrap;gap:6px}.alc{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:4px 12px 4px 6px;border-radius:99px;background:var(--bg);border:2px solid transparent;font-size:14px;font-weight:600;cursor:pointer}
.alc.on{background:#FFF3D1;border-color:var(--exbg)}.alc input{width:20px;height:20px;accent-color:var(--pri)}
.ab{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border-radius:99px;background:var(--pri);color:#fff;font:700 12px "Sora",sans-serif}.ab.dt{background:var(--exbg);color:var(--exfg)}
.ab.new{background:var(--warn);outline:3px solid #FDE7E1}.alrow{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.alrow .ab{min-width:26px;height:26px;font-size:11px}
.alv{font-size:13px;margin-top:6px}.lk{text-decoration:underline;color:var(--pri);font-size:14px;min-height:48px;display:inline-flex;align-items:center}
.alpill{display:inline-flex;align-items:center;gap:6px;background:#FFF3D1;border-radius:99px;padding:4px 12px 4px 4px;font-weight:600;font-size:15px;margin:0 6px 6px 0}
.warnb{background:#FDE7E1;color:var(--warn);border-radius:18px;padding:12px 16px;font-weight:600;margin:12px 0}.warnb a{text-decoration:underline}.okb{background:#E3F2E6;color:var(--good);border-radius:18px;padding:12px 16px;font-weight:700;margin:12px 0}
.cfm{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cfl{background:#fff;border:2px solid var(--line)}
.pchip{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:6px 14px;border-radius:99px;font-size:14px;font-weight:700;border:0;cursor:pointer;margin:4px 6px 4px 0;font-family:inherit}
.swp{background:var(--exbg);color:var(--exfg)}.lockc{background:var(--bg);color:var(--mut);border:2px dashed var(--line)}
.swl{background:var(--bg);border-radius:18px;padding:14px;display:grid;gap:10px}.swi{background:#fff;border-radius:14px;padding:10px 12px}.sav{font-size:13px;font-weight:700;background:#E3F2E6;color:var(--good);padding:2px 10px;border-radius:99px}.sav.none{background:var(--bg);color:var(--mut)}
.newal{color:var(--warn);font-weight:700;font-size:14px;margin-top:4px}
/* Print my menu */
.vh{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.upl{cursor:pointer;min-height:48px;display:inline-flex;align-items:center}
.pgrid{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start}.pctl{display:grid;gap:14px}.pprev{position:sticky;top:12px}
.pd summary{font:800 18px "Sora",sans-serif;cursor:pointer;min-height:48px;display:flex;align-items:center}.pd label{display:block;margin-top:8px}.pd .alc{display:inline-flex;margin:6px 6px 0 0}.pd input:not([type=checkbox]),.pd textarea,.pd select{width:100%}
.pl{font-weight:700;margin:12px 0 6px}.tpls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tpl{display:grid;gap:2px;text-align:left;background:var(--bg);border:3px solid transparent;border-radius:16px;padding:8px;cursor:pointer;font:inherit;min-height:48px}.tpl.on{border-color:var(--pri);background:#fff}.tpl .mut{font-size:12px;line-height:1.3}
.tpv{display:block;height:44px;border-radius:8px;background:#fff;border:2px double var(--pri)}.tpl-chalk .tpv{background:#3B1F14;border-color:#f4b428}.tpl-modern .tpv{border:0;border-top:10px solid var(--pri);box-shadow:inset 0 2px 0 #f4b428}.tpl-market .tpv{background:linear-gradient(90deg,#fff 48%,var(--line) 48% 52%,#fff 52%);border:2px solid var(--pri)}
.sws{display:flex;flex-wrap:wrap;gap:8px}.sw{width:48px;height:48px;border-radius:99px;border:3px solid #fff;background:linear-gradient(135deg,var(--a) 55%,var(--b) 55%);box-shadow:0 0 0 2px var(--line);cursor:pointer}.sw.on{box-shadow:0 0 0 3px var(--ink)}
.secs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.secs .pchip{background:var(--bg);cursor:default}
.pdish{border-top:2px dashed var(--dash);padding:10px 0}.pdn{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.stk{background:var(--exbg);color:var(--exfg);font-size:12px;font-weight:800;padding:2px 10px;border-radius:99px;transform:rotate(-3deg)}
.okt{font-size:13px;color:var(--good);font-weight:700}.wt{font-size:13px;color:var(--warn);font-weight:700}.phc{display:flex;align-items:center;gap:6px}.phc img{width:48px;height:48px;object-fit:cover;border-radius:10px}
.lgp{display:flex;align-items:center;gap:12px;margin-bottom:8px}.lgp img{max-height:64px;max-width:160px;object-fit:contain}.psave{position:sticky;bottom:8px;z-index:2}
.msheet{container-type:inline-size;background:#fff;color:#282c2b;aspect-ratio:210/297;width:100%;max-width:640px;margin:0 auto;box-shadow:0 20px 40px -18px rgba(var(--sh),.5);border-radius:6px;position:relative;overflow:hidden;font-family:var(--mf)}
.msheet.a5{aspect-ratio:148/210;max-width:470px}.msin{position:absolute;inset:3.3cqw;padding:6cqw 4.3cqw 4cqw;display:flex;flex-direction:column;text-align:center}
.b-thin .msin{border:.3cqw solid var(--ink)}.b-double .msin{border:.9cqw double var(--ink)}.b-dotted .msin{border:.5cqw dotted var(--ink)}.b-rounded .msin{border:.4cqw solid var(--ink);border-radius:4cqw}
.b-corners .msin{background:linear-gradient(var(--ink),var(--ink)) top left/9cqw .45cqw,linear-gradient(var(--ink),var(--ink)) top left/.45cqw 9cqw,linear-gradient(var(--ink),var(--ink)) top right/9cqw .45cqw,linear-gradient(var(--ink),var(--ink)) top right/.45cqw 9cqw,linear-gradient(var(--ink),var(--ink)) bottom left/9cqw .45cqw,linear-gradient(var(--ink),var(--ink)) bottom left/.45cqw 9cqw,linear-gradient(var(--ink),var(--ink)) bottom right/9cqw .45cqw,linear-gradient(var(--ink),var(--ink)) bottom right/.45cqw 9cqw;background-repeat:no-repeat}
.mlogo{max-height:10.5cqw;max-width:30cqw;object-fit:contain;margin:0 auto 2cqw}.mtitle{font:700 6.2cqw/1.1 var(--mf);color:var(--ink);letter-spacing:0}.mrule{display:block;width:17cqw;height:.6cqw;background:var(--acc);margin:2cqw auto;border-radius:1cqw}
.mabout{font-style:italic;font-size:2.4cqw;color:#646c6a;margin:0 6cqw 2cqw}.mbody{flex:1;overflow:hidden}.msec{margin-top:2.2cqw}.msec h3{font:700 3cqw var(--mf);letter-spacing:.3cqw;text-transform:uppercase;color:var(--ink);margin-bottom:1.6cqw}
.msec h3::after{content:"";display:block;width:9cqw;height:.3cqw;background:var(--acc);margin:.8cqw auto 0}.mdish{display:flex;gap:2cqw;text-align:left;margin-bottom:2.2cqw}.mph{width:9.5cqw;height:9.5cqw;object-fit:cover;border-radius:1cqw}.mdt{flex:1;min-width:0}
.mdl{display:flex;align-items:baseline;gap:.8cqw;flex-wrap:wrap}.mdn{font-weight:700;font-size:2.7cqw}.mdots{flex:1;border-bottom:.3cqw dotted #9aa3a1;min-width:3cqw}.mpr{font-weight:700;font-size:2.7cqw;color:var(--ink)}
.mdg{font:700 1.5cqw sans-serif;border:.25cqw solid var(--ink);color:var(--ink);border-radius:2cqw;padding:0 .7cqw}.msp{font:800 1.5cqw sans-serif;background:var(--acc);color:#281e00;border-radius:2cqw;padding:.2cqw 1cqw;transform:rotate(-3deg)}
.mdd{font-style:italic;font-size:2.2cqw;color:#646c6a;line-height:1.35}.mal{font:1.8cqw sans-serif;color:#646c6a;margin-top:.4cqw;display:flex;gap:.6cqw;flex-wrap:wrap}.mask{font:600 1.8cqw sans-serif;color:#963c14;margin-top:.4cqw}
.mai{display:inline-flex;width:4.2cqw;height:4.2cqw;border-radius:99px;background:#eef2f0;align-items:center;justify-content:center;font:700 1.45cqw sans-serif;color:#282c2b}
.mfoot{font-size:1.8cqw;color:#646c6a;border-top:.2cqw solid var(--acc);padding-top:1.4cqw}.mfx{font-weight:700;color:var(--ink);font-size:2cqw}.mleg{font-size:1.3cqw;line-height:1.35;margin-top:.6cqw}
.t-chalk{background:#3B1F14;color:#ebe8de}.t-chalk .msin{--ink:var(--acc)}.t-chalk .mtitle,.t-chalk .msec h3,.t-chalk .mpr,.t-chalk .mfx{color:#f5f1e6}.t-chalk .mdd,.t-chalk .mabout,.t-chalk .mal,.t-chalk .mfoot{color:#bec4be}.t-chalk .mai{background:#465653;color:#ebe8de}.t-chalk .mask{color:var(--acc)}.t-chalk .mdg{color:var(--acc);border-color:var(--acc)}
.t-modern{border-top:2.9cqw solid var(--ink);box-shadow:inset 0 .7cqw 0 var(--acc),0 20px 40px -18px rgba(var(--sh),.5)}.t-modern .msin{text-align:left}.t-modern .mlogo{margin-left:0}.t-modern .mrule,.t-modern .msec h3::after{margin-left:0}.t-modern .mabout{margin-left:0}
.t-market .mbody{columns:2;column-gap:4cqw;text-align:left}.t-market .msec{break-inside:avoid}.t-market .msec h3{border-bottom:.3cqw solid var(--acc);padding-bottom:.6cqw}.t-market .msec h3::after{display:none}.t-market .mpr{background:var(--acc);color:#281e00;padding:0 1cqw;border-radius:1cqw}
@media(max-width:860px){.pgrid{grid-template-columns:1fr}.pprev{position:static}}
@media print{body:has(.msheet) *{visibility:hidden}body:has(.msheet) .msheet,body:has(.msheet) .msheet *{visibility:visible}body:has(.msheet) .msheet{position:fixed;left:0;top:0;width:100vw;max-width:none;height:100vh;aspect-ratio:auto;box-shadow:none;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* USP section */
.usp{position:relative}.tag{display:inline-block;font:800 13px "Sora",sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:8px;background:var(--exbg);color:var(--exfg);box-shadow:0 3px 0 rgba(0,0,0,.08)}
.t1{transform:rotate(-4deg)}.t2{transform:rotate(3deg);background:#fff;color:var(--mut);border:2px dashed var(--line)}.t3{transform:rotate(-3deg);background:var(--pri);color:#fff}.t4{transform:rotate(-2deg);margin-bottom:10px}
.uh{margin:18px auto 0;max-width:820px;line-height:1.12}.uh .lt{font-weight:300;display:block}.uh .bd{font-weight:800}
.circ{position:relative;display:inline-block;padding:0 6px}.circ svg{position:absolute;inset:-12px -14px;width:calc(100% + 28px);height:calc(100% + 24px);pointer-events:none}
.ugrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.utile{position:relative;text-align:left;transform:rotate(var(--r));transition:transform .2s}.utile:hover{transform:rotate(0) translateY(-3px)}
.utile h3{font-weight:500;font-size:20px;line-height:1.2;margin:8px 0 6px}.utile h3 b{font-weight:800;background:linear-gradient(transparent 58%,var(--exbg) 58% 90%,transparent 90%)}.utile p{color:var(--lead);font-size:15px}
.uic{width:52px;height:52px}.upro{border:3px solid var(--pri)}.stick{position:absolute;top:-12px;right:14px;background:var(--pri);color:#fff;font:800 12px "Sora",sans-serif;letter-spacing:.08em;padding:5px 12px;border-radius:99px;transform:rotate(6deg);box-shadow:0 3px 0 var(--prid)}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:44px 0 0}.nums div{display:flex;flex-direction:column;align-items:center}.nums b{font:800 64px/1 "Sora",sans-serif;color:var(--pri);letter-spacing:-.04em}.nums small{font-size:24px;font-weight:600}.nums span{font-weight:600;color:var(--lead);margin-top:6px}
.cmp{display:flex;align-items:center;justify-content:center;gap:18px;margin:46px auto 0;max-width:860px;flex-wrap:wrap}.cmp p{font:500 22px/1.3 "Sora",sans-serif;margin-top:8px}.cmpo{opacity:.85;text-align:left}.cmpo s{text-decoration-color:var(--warn);text-decoration-thickness:3px}.cmpp{text-align:left}.cmpp p{font-size:28px}.cmpp b{font-weight:800}
.arr{width:110px;height:56px;flex:0 0 auto}
.pq{max-width:720px;margin:46px auto 0;font:700 30px/1.25 "Sora",sans-serif;color:var(--ink);background:#fff;border-left:10px solid var(--exbg);border-radius:0 28px 28px 0;padding:24px 28px 24px 56px;position:relative;text-align:left;box-shadow:0 12px 30px -10px rgba(var(--sh),.25)}
.pq span{position:absolute;left:14px;top:-6px;font-size:84px;color:var(--pri);line-height:1}
@media(max-width:900px){.ugrid{grid-template-columns:1fr 1fr}.nums{grid-template-columns:1fr 1fr;row-gap:26px}}
@media(max-width:560px){.ugrid{gap:14px}.utile{padding:18px}.utile h3{font-size:17px}.utile p{font-size:14px}.nums b{font-size:48px}.cmp{flex-direction:column}.arr{transform:rotate(80deg)}.pq{font-size:22px;padding-left:46px}.uh .lt{font-size:28px}}
@media(prefers-reduced-motion:reduce){.utile,.utile:hover{transform:none;transition:none}}
.warnb a,.pw a{display:inline-block;min-height:48px;line-height:48px;padding:0 4px}
.cmp{display:grid;grid-template-columns:1fr auto 1fr;flex-wrap:nowrap}.ugrid{padding:0 6px}
@media(max-width:560px){.cmp{grid-template-columns:1fr;justify-items:center}}
/* heads-up notice */
.nback{position:fixed;inset:0;z-index:100;background:rgba(10,40,38,.55);display:grid;place-items:center;padding:16px;animation:nfade .25s ease-out}
.nbox{position:relative;background:#fff;border-radius:26px;max-width:480px;width:100%;padding:28px 24px 22px;border-top:8px solid var(--pri);box-shadow:0 24px 60px -12px rgba(0,0,0,.4);animation:npop .3s cubic-bezier(.2,.9,.3,1.2)}
.nbox h2{font:800 26px/1.2 "Sora",sans-serif;margin:0 0 10px;color:var(--ink)}.nbox p{color:var(--lead);line-height:1.55}
.nsw{position:absolute;top:-22px;right:22px;width:44px;height:44px;border-radius:50%;background:var(--exbg);box-shadow:0 3px 0 rgba(0,0,0,.1)}
.nlink a{display:inline-block;min-height:48px;line-height:48px;text-decoration:underline;color:var(--pri);font-weight:700}
.nbox .btn{width:100%;min-height:52px;margin-top:4px}
@keyframes nfade{from{opacity:0}}@keyframes npop{from{opacity:0;transform:translateY(14px) scale(.97)}}
@media(prefers-reduced-motion:reduce){.nback,.nbox{animation:none}}
/* guide tick box */
.gtick{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:16px 0 10px;padding:4px 14px;min-height:56px;border-radius:16px;background:#fff;border:2px dashed var(--exbg)}
.gtick.on{border-style:solid;border-color:var(--line)}
.gtick label{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;font-weight:700;color:var(--ink);cursor:pointer}
.gtick input{width:24px;height:24px;margin:0;accent-color:var(--pri);flex:0 0 auto}
.gmore{background:none;border:0;min-height:48px;padding:0 6px;color:var(--pri);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
.gate{position:relative}.gate.shut .gbody{filter:blur(7px);opacity:.55;pointer-events:none;user-select:none;max-height:340px;overflow:hidden}
.gprompt{position:absolute;left:50%;top:40px;transform:translateX(-50%);width:min(92%,420px);text-align:center;background:var(--exbg);color:var(--exfg);font-weight:700;padding:14px 18px;border-radius:16px;box-shadow:0 8px 20px -8px rgba(0,0,0,.25)}
@media(prefers-reduced-motion:no-preference){.gbody{transition:filter .3s,opacity .3s}}

.enc{display:inline-block;color:var(--exfg);transform:rotate(-4deg);font-size:.8em}.steps{row-gap:40px}

.cband{width:100vw;margin:56px 0 0 calc(50% - 50vw);padding:56px 16px;background:var(--pri);background-image:radial-gradient(circle at 15% 20%,rgba(255,255,255,.08) 0 120px,transparent 121px),radial-gradient(circle at 88% 80%,rgba(255,255,255,.07) 0 160px,transparent 161px)}
.cmp2{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;max-width:1000px;margin:0 auto}
.cside{background:#fff;border-radius:30px;padding:28px 26px;text-align:center;box-shadow:0 18px 0 rgba(0,0,0,.12)}.cold{transform:rotate(-3deg);opacity:.95}.cnew{transform:rotate(2.5deg);box-shadow:0 18px 0 var(--exfg)}
.cbig{font:800 clamp(64px,11vw,120px)/1 "Sora",sans-serif;letter-spacing:-.04em;margin:14px 0 6px;color:var(--ink)}.cold .cbig{color:var(--lead)}.cold s{text-decoration-color:var(--warn);text-decoration-thickness:.09em}
.clab{font:600 18px/1.35 "Sora",sans-serif;color:var(--lead)}
.vs{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--exbg);color:var(--exfg);font:800 34px "Sora",sans-serif;transform:rotate(-10deg);box-shadow:0 8px 0 var(--exfg);border:4px solid #fff}
@media(prefers-reduced-motion:no-preference){.cband .rv.vis{animation:cpop .6s cubic-bezier(.3,1.6,.5,1) both}.cband .d1.vis{animation-delay:.15s}.cband .d2.vis{animation-delay:.3s}}
@keyframes cpop{from{scale:.7;opacity:0}to{scale:1;opacity:1}}
@media(max-width:700px){.cmp2{grid-template-columns:1fr;gap:18px;justify-items:center}.cside{width:100%;max-width:360px}.vs{width:76px;height:76px;font-size:28px}.cband{padding:40px 16px}}
.pslim h3{font:800 24px "Sora",sans-serif;margin-bottom:8px}.pslim ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.pslim li{font-weight:600;padding-left:28px;position:relative}.pslim li::before{content:"✓";position:absolute;left:0;color:var(--pri);font-weight:800}
.fsub{margin:18px auto 0;max-width:760px;font:700 clamp(20px,3.2vw,28px)/1.3 "Sora",sans-serif;color:var(--pri)}.fsub b{color:var(--ink);white-space:nowrap}
.hsl{position:absolute;inset:0;border-radius:inherit;background:center/cover;opacity:0;transition:opacity 1.2s ease}.hsl.on{opacity:1}.blobimg b,.chip b{transition:opacity .4s}
@media(prefers-reduced-motion:reduce){.hsl{transition:none}}
@media(max-width:760px){.c3{white-space:nowrap;font-size:13px;padding:10px 14px;left:10px}}
/* SaucySums sauce theme */
.logo{display:inline-flex;align-items:center;gap:8px;min-height:48px}.lgs{color:#8A5A00}.lgmark{flex:none}
.nav nav a{display:inline-flex;align-items:center;min-height:48px}
.hero,.split{position:relative}
.split::after{content:"";position:absolute;right:2%;top:-10px;width:120px;height:120px;pointer-events:none;opacity:.14;z-index:-1;background:radial-gradient(circle at 40% 40%,#B3261E 0 38%,transparent 39%),radial-gradient(circle at 78% 70%,#E1A100 0 12%,transparent 13%),radial-gradient(circle at 18% 82%,#6B3A1E 0 9%,transparent 10%)}
.wave .drip{opacity:1}
.ft{background-image:linear-gradient(90deg,#B3261E 0 33%,#E1A100 33% 66%,#6B3A1E 66%);background-size:100% 6px;background-repeat:no-repeat}
.tag.t1{background:transparent;color:var(--pri);border:2px solid currentColor;box-shadow:none}
.pchip.lockc{min-height:48px;display:inline-flex;align-items:center}
.brit{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}
.brit .blob h3{margin:6px 0}
.brit .ic{font-size:30px}
.britcta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}
.britcta .btn{min-height:48px;display:inline-flex;align-items:center}