:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#171719;background:#fff}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#fff}body{display:grid;grid-template-rows:44px 1fr 20px 58px}header{width:min(100%,460px);margin:auto;padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#555;font-size:11px}header b{color:#777;font-weight:600}.rail{width:100%;height:100%;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:12px;padding:0 12px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.recipe{flex:0 0 calc(100vw - 24px);height:100%;max-width:436px;margin:auto;scroll-snap-align:center;border:1px solid #29292d;border-radius:22px;background:#0f0f11;box-shadow:none;overflow:hidden;display:grid;grid-template-rows:42px 58px minmax(220px,42%) 1fr}.post-meta{display:flex;align-items:center;gap:9px;padding:8px 15px 5px;color:#eee}.avatar{width:27px;height:27px;border-radius:50%;display:block;overflow:hidden;border:1px solid #49494f}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.post-meta span:nth-child(2){min-width:0}.post-meta b,.post-meta small{display:block}.post-meta b{font-size:10px}.post-meta small{margin-top:2px;color:#777982;font-size:8px}.post-meta time{margin-left:auto;color:#62646c;font-size:8px}.recipe h1{margin:0;padding:6px 15px 10px;color:#fff;font-size:clamp(18px,5.2vw,23px);line-height:1.17;letter-spacing:-.035em}.recipe img{display:block;width:100%;height:100%;object-fit:cover}.recipe section{min-height:0;padding:12px 15px 14px;overflow:hidden}.recipe h2{margin:0 0 6px;color:#ff5a51;font-size:10px;letter-spacing:.09em}.recipe ol{margin:0;padding-left:19px;color:#eeeeef;font-size:clamp(10px,2.65vw,12px);line-height:1.42}.recipe p{margin:9px 0 0;padding-top:8px;border-top:1px solid #28282d;color:#9fa1a9;font-size:clamp(10px,2.55vw,12px);line-height:1.48}.dots{display:flex;align-items:center;justify-content:center;gap:6px}.dots i{width:5px;height:5px;border-radius:20px;background:#3f4046}.dots i.active{width:20px;background:#ff443a}.join{align-self:center;justify-self:center;display:flex;align-items:center;gap:10px;padding:9px 16px;color:#111;background:#fff;border:1px solid #111;border-radius:999px;text-decoration:none;font-size:11px;font-weight:800}.join svg{width:20px;height:20px;color:#8d7cff}.join b{color:#8d7cff;font-size:15px;font-weight:500}@media(min-width:460px){.recipe{flex-basis:436px}.rail{width:460px;margin:auto}}

.locked-recipe{display:flex;flex-direction:column;padding:0;background:#0f0f11}.locked-recipe>img{width:100%;height:58%;min-height:0;object-fit:cover;border-radius:0}.locked-recipe>div{padding:22px 20px}.locked-recipe small{color:#ff5a51;font-size:9px;font-weight:900;letter-spacing:.13em}.locked-recipe h1{height:auto;padding:0;margin:9px 0 8px;font-size:27px}.locked-recipe p{margin:0 0 18px;padding:0;border:0;font-size:12px;line-height:1.65}.locked-recipe a{display:block;padding:13px;border:1px solid #fff;border-radius:999px;color:#fff;text-align:center;text-decoration:none;font-size:12px;font-weight:850}

header>span{font-size:12px;font-weight:700}


.locked-recipe small{display:block;font-size:22px;line-height:1.25;letter-spacing:-.025em}


.locked-recipe small{font-family:"Yu Mincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;font-weight:800;letter-spacing:.035em}

.locked-recipe small{font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-size:29px;font-weight:800;line-height:1.2;letter-spacing:-.045em;background:linear-gradient(120deg,#f6a092 0%,#f5b56d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.locked-recipe small span{font-family:"Segoe Script","Brush Script MT",cursive;font-size:1.22em;font-weight:700;letter-spacing:-.07em;margin-right:.08em}