@charset "UTF-8";
:root{--paper:#faf8f2;--ink:#2c2925;--muted:#807a70;--yellow:#e2a650;--pale:#f4dfb8;--cream:#fbf4e6;--white:#fffdf8;--line:#e8e2d7;--green:#6d7e61;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}button,a,input,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,a{transition:background-color .3s var(--ease),color .3s var(--ease),transform .5s var(--ease)}button:active:not(:disabled),a.button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a46b20;outline-offset:4px}button:disabled{opacity:.4;cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600}p{text-wrap:pretty}img{display:block;max-width:100%;height:auto}strong,b{font-weight:600}[hidden]{display:none!important}::selection{background:var(--pale)}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.wrap{width:calc(100% - 96px);max-width:1328px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:16px;padding:12px 16px;background:white;z-index:30;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;width:calc(100% - 64px);max-width:1392px;margin:24px auto 0;padding:12px 24px;border:1px solid var(--line);border-radius:16px;background:#fffdf8e8;backdrop-filter:blur(20px)}.brand{display:flex;gap:12px;align-items:center;font-size:24px;font-weight:700;line-height:32px;white-space:nowrap}.brand img{width:40px;height:40px;border-radius:12px}.brand small{display:block;font-size:12px;line-height:16px;font-weight:400;color:var(--muted)}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a:hover,.site-header nav a[aria-current]{color:#9d671c}.nav-cta{display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px}.nav-cta:hover{color:#9d671c}.mobile-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 24px;background:var(--yellow);border-radius:12px;font-size:16px;font-weight:600;min-height:48px}.button:hover{background:#ebb969}.button .icon{width:20px}.text-button{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;text-align:left;color:#94611c}.text-button:hover{color:var(--ink)}.text-button:hover .icon{transform:translateX(4px)}.text-button .icon{transition:transform .5s var(--ease)}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;line-height:20px;letter-spacing:.08em;color:#8d7757;font-weight:500}.eyebrow>span:empty{width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.hero{display:grid;grid-template-columns:44% 56%;padding-top:64px;padding-bottom:64px;align-items:center;column-gap:0}.hero-copy{position:relative;z-index:2;padding-right:16px}.hero h1{font-size:60px;line-height:1.2;letter-spacing:-.055em;margin-top:24px;max-width:680px;font-weight:600}.hero h1>span{background:linear-gradient(90deg,#000,#666);background-clip:text;-webkit-background-clip:text;color:transparent;position:relative;white-space:nowrap}.hero h1>span:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:4px;background:var(--yellow)}.hero-description{font-size:18px;line-height:28px;color:#736c60;margin-top:32px;max-width:480px}.hero-action{display:flex;align-items:center;gap:16px;margin-top:32px}.hero-action>span{font-size:12px;line-height:20px;color:var(--muted)}.tiny-qr{padding:4px;border-radius:8px;background:white;box-shadow:0 4px 16px #56482d08}.tiny-qr img{width:64px;height:64px}.tiny-qr:hover{transform:scale(1.05)}.chapters{padding:0;list-style:none;margin:40px 0 0;max-width:456px}.chapters li+li{margin-top:4px}.chapters button{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:8px 12px;text-align:left;border-radius:8px;min-height:48px}.chapters button:hover{background:#f1eddf}.chapter-number{display:grid;place-items:center;border:1px solid #d9d3c6;border-radius:50%;width:32px;height:32px;font-size:12px;color:#8c8579;flex:none}.chapters strong{font-size:16px;line-height:24px;display:block}.chapters small{display:none;font-size:12px;line-height:16px;color:#80715c}.chapters button[aria-pressed=true]{background:#f3e9d5}.chapters button[aria-pressed=true] .chapter-number{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.chapters button[aria-pressed=true] small{display:block}.chapters button[aria-pressed=true]{min-height:64px}.chapters button>.icon{margin-left:auto;width:16px;opacity:0}.chapters button[aria-pressed=true]>.icon{opacity:1}.chapter-line{position:absolute;bottom:0;left:60px;right:12px;height:2px;overflow:hidden;background:transparent}.chapter-line i{display:block;height:100%;background:#bd8538;transform:scaleX(0);transform-origin:left}.hero-visual{min-width:0;position:relative;align-self:center}.stage-heading{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#918675;padding:0 16px 16px 24px}.stage-heading span:first-child{color:#5d564b;letter-spacing:.08em}.stage-window{width:100%;height:680px;position:relative;overflow:hidden}.stage{position:absolute;width:800px;height:760px;transform-origin:top left;isolation:isolate}.stage:before{content:"";position:absolute;width:480px;height:480px;left:224px;top:148px;border-radius:50%;background:#f3ead7;z-index:-1}.stage:after{content:"";position:absolute;width:280px;height:280px;left:320px;top:244px;border:1px solid #ebe0cb;border-radius:50%;z-index:-1}.player{display:flex;gap:12px;align-items:center;margin:8px 16px 0 24px;padding:12px 0;color:#827a6e;font-size:12px;line-height:16px}.icon-button{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#fffdf8;border:1px solid var(--line)}.icon-button:hover{background:#efe8d8}.icon-button .icon{width:16px;height:16px}.player .icon-button{width:32px;height:32px}.player input{flex:1;min-width:40px;accent-color:#bd8538;height:16px;cursor:pointer}.player-label{display:none}.player #timecode{font-variant-numeric:tabular-nums;white-space:nowrap}
/* The miniature UI intentionally follows the supplied app geometry and brand tokens. */
.phone{position:absolute;width:332px;height:688px;padding:8px;background:#282722;border:2px solid #777265;border-radius:48px;box-shadow:0 24px 32px -16px #57442440,2px 2px 0 #999284;transform-origin:center;will-change:transform,opacity}.main-phone{left:274px;top:24px;z-index:3}.phone-screen{position:relative;overflow:hidden;height:100%;width:100%;border-radius:38px;background:var(--cream)}.island{position:absolute;top:12px;left:110px;width:96px;height:24px;border-radius:24px;background:#222;z-index:5}.home-indicator{position:absolute;left:118px;bottom:12px;width:92px;height:4px;border-radius:4px;background:#312c25;z-index:7}.friend-phone{left:454px;top:48px;z-index:2;opacity:0;visibility:hidden}.app-scene{position:absolute;inset:0;overflow:hidden;background:var(--cream)}.app-status{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 8px;height:48px;font-size:12px;line-height:16px}.app-status>span{font-size:12px}.app-bar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px;font-size:16px}.app-bar>span:first-child{width:64px}.app-bar strong{white-space:nowrap;font-weight:600}.wx-capsule{display:flex;align-items:center;justify-content:center;gap:8px;width:72px;height:24px;border-radius:24px;border:1px solid #e8e3d7;background:#ffffff70;font-size:12px}.wx-capsule i{height:12px;border-right:1px solid #ddd3c2}.app-content{padding:16px 16px 80px;font-size:14px;line-height:20px}.app-content h3,.import-result h3{font-size:20px;line-height:28px}.import-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.import-heading img{width:72px;height:72px;object-fit:contain}.app-muted{font-size:12px;line-height:20px;color:#888071}.platforms{display:flex;gap:8px;margin-top:12px;margin-bottom:16px}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;background:#f3e7cf;color:#8a6b37;font-size:12px;line-height:16px;white-space:nowrap}.app-card{background:#fffdf8;border-radius:16px;padding:16px}.destination{display:flex;gap:12px;align-items:center;padding:12px;margin-bottom:16px;font-size:12px}.destination strong{padding:4px 12px;background:#f6e4b3;border-radius:8px;color:#805c22}.destination>span{color:#a0998c}.import-box{padding:16px}.import-box>p{font-size:12px;color:#999080;margin-top:8px;line-height:16px}.paste-text{padding:16px 12px;height:96px;font-size:12px;color:#9f917c;line-height:20px;background:#f8f2e7;margin:16px 0 12px;border-radius:12px;overflow:hidden}.paste-action{display:flex;align-items:center;justify-content:center;font-size:12px;background:#fbf1d8;color:#927139;border-radius:8px;padding:8px;gap:8px}.paste-action .icon{width:16px;height:16px}.app-fine{font-size:12px;line-height:20px;color:#8b8170;margin-top:12px}.app-bottom{position:absolute;bottom:0;left:0;right:0;padding:12px 16px 24px;background:#fffdf8e8;z-index:3}.app-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 8px;background:#e8b449;border-radius:12px;color:#5b401d;font-size:14px;line-height:20px;font-weight:600}.app-button .icon{width:16px;height:16px}.import-result{position:absolute;inset:96px 0 0;background:var(--cream);padding:16px;z-index:4;visibility:hidden;opacity:0}.result-label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:16px;color:#778363;margin-bottom:12px}.result-label .icon{width:16px;height:16px}.result-stats{margin-top:12px;font-size:12px;color:#9a8a71}.food{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:#e8dfcd;isolation:isolate}.food>img{position:absolute;max-width:none;width:225%;height:auto;left:-9.3%;top:-129%;pointer-events:none;user-select:none}.food-ribs>img{left:-115.7%}.food-soup>img{top:-271%}.food-rice>img{left:-115.7%;top:-271%}.food-eggs>img{top:-413%}.food-tofu>img{top:-129%}.food-chicken>img{width:116.7%;left:-8.4%;top:-41.5%}.result-photo{aspect-ratio:4/4.6;margin-top:16px}.result-photo>img{top:-36%;width:116.7%}.result-callout{position:absolute;bottom:80px;left:24px;right:24px;background:#fffdf8e8;padding:12px;border-radius:8px;font-size:12px;text-align:center}.import-result>.app-button{margin-top:16px}.edit-content{padding-top:8px}.app-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.app-section-head b{font-size:14px}.app-section-head small{font-size:12px;color:#9a8c73}.ingredient-editor{padding:12px;margin-top:12px}.ingredient-edit{display:flex;align-items:center;justify-content:space-between;gap:8px;height:48px;border-bottom:1px solid #f2ede4;font-size:14px}.ingredient-edit:last-child{border:0}.ingredient-edit .amount{display:flex;gap:8px;align-items:center;padding:4px 8px;background:#f6ebd8;border-radius:8px;color:#97753d;font-size:12px}.amount .icon{width:12px;height:12px}.edited-ingredient.changed{background:#fff2d1}.step-editor{display:flex;gap:12px;margin-top:16px;padding:12px;background:#fffdf8;border-radius:12px}.step-editor>b{color:#b88835}.step-editor strong{font-size:12px}.step-editor p{font-size:12px;line-height:20px;margin-top:4px}.step-editor small{font-size:12px;color:#99866b}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:12px;color:#8c816f}.collection-toolbar>span:first-child{display:flex;align-items:center;gap:8px;background:#fffdf8;padding:8px 12px;border-radius:24px;color:#2c2925}.collection-toolbar .icon{width:16px;height:16px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.collection-item{min-width:0;transform-origin:center}.collection-item .food{border-radius:12px;aspect-ratio:1.3}.collection-item strong{display:block;font-size:12px;line-height:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.collection-item small{display:block;font-size:12px;line-height:16px;color:#a08c69;text-align:center}.saved-message{display:flex;gap:8px;align-items:center;background:#fffdf8;padding:12px;margin-top:24px;border-radius:12px;color:#738264;font-size:12px}.saved-message .icon{width:16px;height:16px}.plan-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.plan-heading h3{font-size:20px;line-height:28px}.month-line{display:flex;justify-content:space-between;margin-top:24px;font-size:12px}.month-line>span{font-size:12px;color:#8b7d66;display:flex;align-items:center;gap:4px}.month-line .icon{width:12px;height:12px}.days{display:flex;justify-content:space-between;gap:8px;margin-top:12px;margin-bottom:24px}.day{display:flex;align-items:center;flex-direction:column;gap:4px;padding:8px 12px;border-radius:12px;min-width:40px}.day small{font-size:12px;line-height:16px;color:#9c907b}.day b{font-size:20px;line-height:28px}.day i{width:4px;height:4px;background:transparent;border-radius:50%}.day.chosen{background:#f0bd51}.day.chosen small{color:#8f672e}.day.chosen i{background:#8fa783}.dish-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.dish-row>.food{width:64px;height:64px;flex:none;aspect-ratio:1}.dish-row>div{min-width:0}.dish-row strong{display:block;font-size:14px;line-height:20px}.dish-row small{display:block;font-size:12px;line-height:20px;color:#9d9079;margin-top:4px}.pick-plus{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8b449;margin-left:auto;flex:none}.pick-plus .icon{width:16px;height:16px}.pick-plus.picked{background:#e9eeda;color:#687d4f}.picker-bottom{display:flex;gap:24px;align-items:center}.picker-bottom>span:first-child{font-size:12px;white-space:nowrap}.picker-bottom .app-button{flex:1}.plan-created{display:flex;gap:8px;color:#6d7e61;font-size:12px;background:#fffdf8;border-radius:8px;padding:12px}.plan-created .icon{width:16px;height:16px}.member-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#8f8575;margin-top:16px}.avatars{display:flex;align-items:center;padding-right:8px}.avatars i{width:28px;height:28px;border:2px solid var(--cream);border-radius:50%;background:#e7c278;display:grid;place-items:center;font-size:12px;font-style:normal;color:#71471c;margin-right:-8px}.avatars i+i{background:#c7d3bd;color:#51623c}.invite-link{margin-left:auto;color:#9d763a}.mini-tabs{display:flex;gap:16px;align-items:center;font-size:12px;margin-bottom:16px}.mini-tabs>span{color:#9e927c}.mini-tabs strong{padding-bottom:8px;box-shadow:0 2px 0 var(--yellow)}.grocery-title{display:flex;gap:8px;align-items:center;font-size:16px;margin-bottom:16px}.grocery-title small{font-size:12px;color:#998b72;margin-left:auto}.grocery-group{margin-bottom:16px;font-size:12px}.grocery-group>strong{display:block;padding:4px 8px;background:#eceede;border-radius:4px;color:#74816b}.grocery-group>div{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px solid #eee5d5}.grocery-group>div>span:last-child{color:#9e8c70}
.source-card{position:absolute;background:#fffdf8;border:1px solid #e9e0cf;border-radius:16px;padding:8px;box-shadow:0 12px 24px -12px #59451f40;z-index:5;will-change:transform,opacity}.source-card>b{display:block;font-size:14px;line-height:20px;margin:4px}.source-platform{display:block;font-size:12px;line-height:16px;margin:8px 4px 0;color:#938163}.source-video{left:62px;top:80px;width:180px;transform:rotate(-8deg)}.source-photo{position:relative}.source-photo>.food{height:164px;aspect-ratio:auto}.source-photo>.icon{position:absolute;top:60px;left:64px;width:40px;height:40px;background:#fffdf8e8;border-radius:50%;padding:12px;stroke-width:2}.source-note{left:54px;top:414px;width:196px;padding:16px;transform:rotate(4deg)}.note-rule{font-size:12px;line-height:20px;color:#ad8447;display:block;padding-bottom:8px;border-bottom:1px solid #ebe1d0}.source-note>b{font-size:18px;line-height:28px;margin:12px 0}.source-note>span:last-child{font-size:12px;color:#9a8c76}.source-recipe{left:598px;top:348px;width:164px;transform:rotate(7deg)}.source-recipe>.food{height:144px;aspect-ratio:auto}.detail-float{position:absolute;left:52px;top:244px;z-index:6;width:264px;background:#fffdf8;border:1px solid #e0ca9f;border-radius:16px;padding:24px;box-shadow:0 12px 32px -16px #9d753755}.detail-kicker{font-size:12px;line-height:20px;color:#9b793f}.detail-float>div{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.detail-float>div>b{font-size:18px}.detail-float>div>span{padding:8px;background:#f6e4b3;border-radius:8px;font-size:16px}.detail-float>p{font-size:12px;color:#9f8a69;margin-top:16px}.folder-float{top:480px;left:492px;width:240px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:16px;background:#f9efda;transform:rotate(4deg)}.folder-float>.icon{color:#bd8f3e}.folder-float>b{font-size:18px}.folder-float>span{font-size:12px;color:#8c7958;display:block;flex-basis:100%;padding-left:32px}.date-float{position:absolute;top:124px;left:64px;z-index:5;width:160px;border-radius:16px;box-shadow:0 12px 32px -12px #c3a16c55;background:#f2d595;padding:16px;text-align:center;transform:rotate(-6deg)}.date-float small{font-size:12px}.date-float>b{font-size:72px;line-height:1;display:block;margin-block:12px;font-weight:500}.date-float>span{font-size:12px}.invite-float{position:absolute;left:384px;top:568px;z-index:6;width:304px;padding:16px;display:flex;align-items:center;gap:16px;background:#fffdf8;border:1px solid #dfd8c8;border-radius:16px;box-shadow:0 12px 24px -12px #5c4e3a50}.invite-float>.icon{width:32px;height:32px;color:#ae7a31}.invite-float b{font-size:16px}.invite-float p{font-size:12px;color:#9b8b73;margin-top:4px}.sync-float{position:absolute;top:48px;left:336px;z-index:6;display:flex;align-items:center;gap:8px;background:#e9eedf;border-radius:24px;padding:12px 16px;color:#657b50;font-size:14px}.export-float{position:absolute;left:324px;top:182px;width:436px;z-index:7;transform:rotate(3deg);border-radius:16px;background:#fffdf8;border:1px solid #dfcda8;padding:12px;box-shadow:0 16px 40px -16px #6e552a50}.export-float>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#96743d;padding:4px 4px 12px}.export-float>img{border-radius:8px}.export-stamp{font-size:12px;display:block;text-align:center;color:#9a8563;margin-top:12px}.detail-float,.date-float,.invite-float,.sync-float,.export-float{opacity:0;visibility:hidden}.touch-cursor{position:absolute;z-index:8;left:500px;top:560px;width:40px;height:40px;border:2px solid #bd8538;background:#f4dfb8a0;border-radius:50%;opacity:0;pointer-events:none;display:grid;place-items:center}.touch-cursor>.icon{width:16px;height:16px;color:#8e621f}
.story-section{display:grid;grid-template-columns:44% 56%;align-items:center;gap:0;padding-block:96px}.section-copy{padding-right:32px}.section-copy h2,.section-heading h2,.start-section h2{font-size:48px;line-height:1.25;letter-spacing:-.035em;margin-top:24px}.section-copy>p:not(.eyebrow),.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:16px;line-height:28px;color:#877c6b;margin-top:24px}.text-benefits{list-style:none;padding:0;margin:24px 0 32px;display:flex;flex-direction:column;gap:12px;color:#776d5d;font-size:14px}.text-benefits .icon{width:16px;height:16px;color:#b18a48;margin-right:8px}.recipe-composition{position:relative;min-height:656px;display:flex;align-items:center;justify-content:flex-start;padding-left:48px}.real-shot{position:relative;width:264px;border:8px solid #e8e3d8;border-radius:32px;overflow:hidden;background:var(--cream);box-shadow:0 16px 40px -24px #75604470;transform:rotate(-4deg)}.real-shot>img{width:100%}.real-shot figcaption{font-size:12px;line-height:16px;color:#8e8069;padding:8px;text-align:center}.recipe-edit-note{position:absolute;left:264px;top:224px;width:280px;background:#fffdf8;border:1px solid #e3d4b6;border-radius:16px;padding:24px;transform:rotate(3deg);box-shadow:0 12px 32px -16px #80623540}.recipe-edit-note>span{font-size:12px;letter-spacing:.08em;color:#a58450}.recipe-edit-note h3{font-size:24px;line-height:32px;margin:16px 0 24px}.recipe-edit-note>div{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #ece5d6;font-size:14px}.recipe-edit-note strong{background:#f7e8c5;padding:4px 12px;border-radius:8px;color:#8c6c36}.recipe-edit-note>p{font-size:12px;color:#99876b;margin:16px 0 24px}.planning-section{background:#f0eddf;padding-block:96px}.section-heading{display:flex;justify-content:space-between;gap:64px;align-items:flex-end}.section-heading>p,.section-heading>div:last-child>p{max-width:416px}.planning-layout{display:grid;grid-template-columns:55% 45%;margin-top:64px;gap:0;align-items:center}.menu-paper{background:#fffdf8;box-shadow:0 12px 32px -16px #8e7b5450;padding:32px;border-radius:16px;transform:rotate(-2deg);max-width:592px;border:1px solid #e2dbca}.paper-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#9d8051}.paper-date{display:flex;align-items:center;gap:24px;margin:24px 0 32px}.paper-date>b{font-size:60px;line-height:1;font-weight:500;letter-spacing:-.06em}.paper-date>span{font-size:14px;line-height:24px;color:#998973}.menu-paper .dish-row{padding:12px 0}.menu-paper .dish-row>.food{width:96px;height:80px;border-radius:8px}.menu-paper .dish-row strong{font-size:18px;line-height:28px}.menu-paper .dish-row small{font-size:14px;line-height:20px}.paper-members{display:flex;gap:12px;align-items:center;margin-top:24px;font-size:12px;color:#9e8c6f;border-top:1px solid #eae2d3;padding-top:24px;flex-wrap:wrap}.paper-members>span:last-child{margin-left:auto}.plan-explanation{padding-left:64px;display:flex;flex-direction:column;gap:48px}.number-label{font-size:12px;color:#a38a60;display:block;margin-bottom:16px}.plan-explanation h3{font-size:24px;line-height:32px}.plan-explanation p{font-size:14px;line-height:24px;color:#91836c;margin:16px 0 24px}.export-section{padding-block:96px}.section-heading .text-button{margin-top:24px}.export-preview{display:block;width:100%;margin-top:48px;padding:24px;background:#f1ead9;border-radius:16px;transition:transform .5s var(--ease)}.export-preview:hover{transform:translateY(-4px)}.export-preview>img{width:100%;border-radius:12px;max-height:640px;object-fit:contain}.export-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:0 16px 24px;font-size:14px;color:#967b4c}.export-labels>span{display:flex;align-items:center;justify-content:center;gap:12px}.tagline{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-block:80px}.tagline>p{font-size:48px;line-height:1.35;letter-spacing:-.035em;max-width:680px;font-weight:500}.tagline>img{width:96px;height:96px;border-radius:24px;transform:rotate(8deg);margin-right:96px}.reveal-word{color:var(--ink);opacity:.3;transition:opacity .7s var(--ease)}.reveal-word.visible{opacity:1}.faq-section{display:grid;grid-template-columns:40% 60%;gap:0;padding-block:80px}.faq-section h2{font-size:30px;line-height:40px;margin-top:24px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:24px 0}summary{display:flex;justify-content:space-between;gap:24px;align-items:center;cursor:pointer;list-style:none;font-size:16px}summary::-webkit-details-marker{display:none}summary .icon{width:16px;height:16px;transition:transform .5s var(--ease)}details[open] summary .icon{transform:rotate(45deg)}details>p{font-size:14px;line-height:24px;color:#8d806d;margin-top:16px;padding-right:40px}.start-section{display:flex;justify-content:space-between;gap:48px;align-items:center;padding:64px;background:#f3e7cf;border-radius:24px;margin-top:32px;margin-bottom:80px}.start-section .button{margin-top:32px}.start-section>div>p:last-child{font-size:12px;line-height:20px;color:#947d58;margin-top:16px}.large-qr{padding:24px;background:#fffdf8;border-radius:16px;width:280px;text-align:center}.large-qr>img{width:224px;height:224px}.large-qr>span{font-size:12px;line-height:20px;color:#9b896d;display:block;margin-top:12px}.footer{padding:32px 0 40px;border-top:1px solid var(--line);display:flex;gap:32px;align-items:center;font-size:12px;line-height:20px;color:#9a8d78}.footer .brand{font-size:20px;color:var(--ink)}.footer .brand>img{width:32px;height:32px;border-radius:8px}.footer>div{display:flex;gap:24px;margin-left:auto}.footer>small{font-size:12px;white-space:nowrap}.footer button:hover{color:#8b631e}
dialog{border:1px solid #e5dccb;background:var(--paper);color:var(--ink);border-radius:24px;padding:40px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 32px 80px #29251d33}dialog::backdrop{background:#24221c80;backdrop-filter:blur(8px)}body:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:16px;top:16px}.app-dialog{width:480px;text-align:center}.dialog-logo{width:48px;height:48px;border-radius:12px;margin:0 auto 16px}.app-dialog .eyebrow{justify-content:center}.app-dialog h2{font-size:24px;line-height:32px;margin-top:12px}.dialog-code{width:240px;height:240px;margin:24px auto;background:#fff}.app-dialog>p:not(.eyebrow){font-size:12px;line-height:20px;color:#94836a}.dialog-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px}.dialog-actions>.button{font-size:14px}#copy-status{min-height:20px;margin-top:16px}.shot-dialog{width:960px;padding:24px}.shot-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.shot-dialog-top h3{font-size:20px;line-height:28px;margin-top:8px}.shot-dialog>img{max-height:72dvh;width:auto;max-width:100%;margin:auto;border-radius:12px}.shot-dialog>p{font-size:12px;line-height:20px;text-align:center;color:#9b8a6f;margin-top:16px}.info-dialog{width:560px}.info-dialog h2{font-size:24px;line-height:32px;margin-bottom:24px}.info-dialog p{font-size:14px;line-height:24px;margin-top:16px;color:#807360}.navigation{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:32px;background:#faf8f2f5;backdrop-filter:blur(20px)}.navigation>div{display:flex;align-items:center;justify-content:space-between}.navigation nav{display:flex;flex-direction:column;gap:32px;margin-top:80px;font-size:30px;line-height:40px}.noscript{padding:24px;background:var(--pale);text-align:center}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:80px}.hero-copy{padding-left:16px}.stage-heading{padding-left:32px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:48px}.hero-description{font-size:16px;line-height:28px}.site-header nav{gap:24px}.site-header .brand small{display:none}.hero-action{gap:12px}.hero-action>.button{padding:12px 16px;gap:12px}.hero-action>span{font-size:12px}.tiny-qr img{width:48px;height:48px}.hero{padding-top:48px}.chapters{margin-top:32px}.section-copy h2,.section-heading h2,.start-section h2{font-size:36px;line-height:1.3}.recipe-composition{padding-left:24px}.recipe-edit-note{left:192px;width:248px;top:240px}.real-shot{width:248px}.plan-explanation{padding-left:48px}.menu-paper{padding:24px}.paper-members>span:last-child{flex-basis:100%;margin:0}.tagline>p{font-size:36px;line-height:1.4}.tagline>img{margin-right:48px}.start-section{padding:48px}}
@media(max-width:980px){.hero{grid-template-columns:43% 57%;align-items:start}.hero h1{font-size:36px;line-height:1.3;letter-spacing:-.04em}.hero-description{font-size:14px;line-height:24px;margin-top:24px}.desktop-break{display:none}.hero-action>span{display:none}.hero-action{margin-top:24px}.chapters{margin-top:24px}.chapters button{gap:12px;padding:8px;min-height:48px}.chapters strong{font-size:14px;line-height:20px}.chapters small{font-size:12px}.chapter-number{width:24px;height:24px}.chapter-line{left:44px}.hero-visual{align-self:center}.stage-heading{font-size:12px;gap:8px;padding-inline:12px}.stage-heading>span:last-child{max-width:112px;text-align:right}.player{gap:8px;margin-left:12px;margin-right:8px}.player #timecode{font-size:12px}.story-section{padding-block:80px;grid-template-columns:45% 55%}.section-copy{padding-right:16px}.section-copy h2{font-size:30px;line-height:40px}.section-copy>p:not(.eyebrow){font-size:14px;line-height:24px}.recipe-composition{padding-left:8px;min-height:616px}.real-shot{width:224px}.recipe-edit-note{width:224px;left:112px;top:288px;padding:16px}.recipe-edit-note h3{font-size:20px;line-height:28px;margin-bottom:16px}.recipe-edit-note>p{display:none}.recipe-edit-note .text-button{margin-top:16px;font-size:12px}.section-heading{gap:40px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px;line-height:24px;max-width:328px}.planning-layout{grid-template-columns:55% 45%}.plan-explanation{padding-left:32px;gap:32px}.plan-explanation h3{font-size:20px;line-height:28px}.menu-paper .dish-row>.food{width:80px;height:64px}.menu-paper .dish-row strong{font-size:14px;line-height:24px}.menu-paper .dish-row small{font-size:12px}.paper-date>b{font-size:48px}.tagline>img{width:80px;height:80px;margin-right:24px}.faq-section{grid-template-columns:36% 64%}.faq-section h2{font-size:24px;line-height:32px}.start-section{padding:40px}.large-qr{width:224px;padding:16px}.large-qr>img{width:192px;height:192px}.footer{gap:24px;flex-wrap:wrap}.footer>span{display:none}}
@media(max-width:720px){html{scroll-padding-top:32px}.wrap{width:calc(100% - 40px)}.site-header{width:calc(100% - 32px);margin-top:16px;padding:12px 16px;gap:16px}.site-header .brand{font-size:20px;line-height:28px;gap:8px}.brand img{width:32px;height:32px;border-radius:8px}.site-header nav{display:none}.nav-cta{margin-left:auto;font-size:12px;gap:8px}.nav-cta .icon{width:16px}.mobile-toggle{display:grid}.mobile-toggle.icon-button{width:32px;height:32px;border:0;background:transparent}.hero{display:flex;flex-direction:column;padding-top:40px;padding-bottom:40px;gap:32px}.hero-copy{width:100%;padding-right:0}.hero h1{font-size:36px;line-height:1.3;margin-top:16px}.hero-description{font-size:16px;line-height:28px;max-width:440px;margin-top:24px}.hero-action>span{display:block}.hero-action{gap:16px}.hero-action>.button{padding:12px 16px;font-size:14px;gap:12px}.tiny-qr img{width:48px;height:48px}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:32px;max-width:none}.chapters li+li{margin:0}.chapters button{min-height:48px;padding:8px;gap:8px;justify-content:flex-start;border:1px solid var(--line);border-radius:12px}.chapters button[aria-pressed=true]{min-height:48px;border-color:#dfc18d}.chapters strong{font-size:12px;line-height:20px;white-space:nowrap}.chapters small,.chapters button[aria-pressed=true] small,.chapters button>.icon{display:none}.chapter-number{font-size:12px;width:20px;height:20px;border:0;background:transparent}.chapter-line{left:12px;right:12px}.hero-visual{width:100%;align-self:stretch}.stage-heading{padding:0 4px 12px}.stage-heading>span:last-child{max-width:none}.stage-window{width:100%}.stage:before{width:380px;height:380px;left:10px;top:144px}.stage:after{width:280px;height:280px;left:60px;top:196px}.player{margin:0;gap:8px;padding-top:8px}.player .icon-button{width:32px;height:32px}.player input{min-width:64px}.story-section{display:flex;flex-direction:column;padding-block:48px;gap:40px;align-items:stretch}.section-copy{padding:0}.section-copy h2,.section-heading h2,.start-section h2{font-size:30px;line-height:40px;margin-top:16px}.section-copy>p:not(.eyebrow){font-size:14px;line-height:24px;margin-top:16px}.text-benefits{gap:8px;margin:24px 0}.recipe-composition{min-height:592px;padding-left:16px}.real-shot{width:240px}.recipe-edit-note{width:216px;left:auto;right:0;top:256px}.recipe-edit-note h3{font-size:20px;line-height:28px}.planning-section{padding-block:48px}.section-heading{flex-direction:column;align-items:flex-start;gap:16px}.section-heading>p,.section-heading>div>p:not(.eyebrow){font-size:14px;line-height:24px;margin-top:0;max-width:none}.planning-layout{display:flex;flex-direction:column;gap:48px;margin-top:32px}.menu-paper{width:100%;padding:24px;max-width:480px}.paper-date>b{font-size:48px}.menu-paper .dish-row>.food{width:80px;height:64px}.menu-paper .dish-row strong{font-size:16px;line-height:24px}.plan-explanation{padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-explanation h3{font-size:18px;line-height:28px}.plan-explanation p{font-size:14px;line-height:24px;margin-top:12px}.plan-explanation .text-button{font-size:12px;gap:4px}.plan-explanation .text-button .icon{width:16px}.number-label{margin-bottom:12px}.export-section{padding-block:48px}.export-preview{margin-top:32px;padding:8px;border-radius:12px}.export-labels{padding:8px 4px 16px;gap:8px;font-size:12px}.export-labels>span{gap:4px}.export-labels .icon{width:12px;height:12px}.tagline{padding-block:48px;gap:16px}.tagline>p{font-size:30px;line-height:1.4}.tagline>img{width:48px;height:48px;border-radius:12px;margin-right:0;align-self:flex-end;margin-bottom:8px}.faq-section{display:flex;flex-direction:column;gap:32px;padding-block:48px}.faq-section h2{font-size:24px;line-height:32px;margin-top:16px}summary{font-size:14px;gap:16px}details{padding:24px 0}details>p{padding-right:16px}.start-section{flex-direction:column;align-items:stretch;padding:32px 24px;margin-top:32px;margin-bottom:48px;gap:32px;border-radius:16px}.large-qr{width:100%;display:flex;align-items:center;gap:24px;padding:16px;text-align:left}.large-qr>img{width:112px;height:112px}.large-qr>span{margin:0;max-width:120px;font-size:12px}.start-section h2{font-size:30px;line-height:40px}.start-section .button{margin-top:24px}.footer{gap:16px;padding-bottom:24px}.footer>div{gap:16px}.footer>small{flex-basis:100%}dialog{padding:32px 24px;border-radius:16px}.app-dialog h2{font-size:20px;line-height:28px}.dialog-code{width:224px;height:224px}.shot-dialog{padding:16px}.shot-dialog-top{margin-bottom:16px;gap:16px}.shot-dialog-top h3{font-size:18px;line-height:28px}.shot-dialog>img{max-height:70dvh}.info-dialog h2{font-size:20px;line-height:28px}.navigation{border-radius:0;padding:24px}.hero-action>.button{min-height:48px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero-action{gap:12px}.hero-action>span{font-size:12px;line-height:16px}.hero h1{font-size:30px;line-height:40px}.hero-description{font-size:14px;line-height:24px}.chapters{gap:4px}.chapters button{padding:8px 4px;gap:4px}.chapters strong{font-size:12px}.recipe-composition{min-height:552px;padding-left:0}.real-shot{width:216px}.recipe-edit-note{top:248px;width:192px}.tagline>p{font-size:24px;line-height:36px}.plan-explanation{display:flex;flex-direction:column;gap:32px}.site-header{padding:12px}.site-header .brand{font-size:18px}.nav-cta{font-size:12px}.start-section h2{font-size:24px;line-height:32px}.large-qr{gap:16px}.large-qr>img{width:96px;height:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation:none!important}.reveal-word{opacity:1}.real-shot,.recipe-edit-note,.menu-paper,.tagline>img{transform:none}}
/* Crop only the CSS viewport: keep the supplied screenshot files untouched. */
.food>img{top:0;transform:translateY(-20.05%)}
.food-soup>img,.food-rice>img{top:0;transform:translateY(-42.05%)}
.food-eggs>img{top:0;transform:translateY(-64.05%)}
.food-chicken>img,.result-photo>img{top:0;transform:translateY(-24.7%)}
.source-card,.detail-float,.date-float,.invite-float,.sync-float,.export-float{transform-origin:top left}
.food>svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
@media(max-width:720px){.plan-explanation{display:flex;flex-direction:column;gap:32px}.recipe-composition{isolation:isolate}.recipe-edit-note{right:8px}.tagline>p{font-size:24px;line-height:36px}.tagline>img{flex:none;width:40px;height:40px}}
.demo-sheet{background:#fffef9;border-radius:8px;padding:16px;color:#3a382f}.demo-sheet>header{padding-bottom:12px;border-bottom:1px solid #e7e1d5}.demo-sheet>header>b{display:block;font-size:20px;line-height:28px}.demo-sheet>header>small{display:block;font-size:12px;color:#9b8b71;margin-top:4px}.sheet-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.sheet-columns>div>span{display:block;background:#efe3c8;font-size:12px;padding:4px 8px;border-radius:4px;color:#9d793d}.sheet-columns>div+div>span{background:#e8eddf;color:#758468}.sheet-columns article{padding:12px 0;border-bottom:1px solid #eee7d9}.sheet-columns article>b{font-size:14px;line-height:20px;display:block}.sheet-columns article>p{font-size:12px;line-height:20px;color:#a09580;margin-top:8px}.sheet-columns section{padding-top:12px}.sheet-columns section>strong{font-size:12px;display:block;color:#8d7954}.sheet-columns section>p{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:4px 0;border-bottom:1px solid #eee7d9;font-size:12px;line-height:20px}.sheet-columns small{font-size:12px;color:#9e917b}.demo-sheet>footer{font-size:12px;color:#9d8c6f;padding-top:16px}
.export-float>.demo-sheet{display:block;padding:16px;color:#3a382f}
.site-header>.mobile-toggle{display:none}
@media(max-width:720px){.site-header>.mobile-toggle{display:grid}}