:root{color:#293b32;font-synthesis:none;background:#f7f5ef;font-family:Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:16px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#294c3c;border:1px solid #0000;border-radius:9px;min-height:46px;padding:10px 20px;font-weight:700}button:hover{filter:brightness(.94)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #bf6b36}input:focus,textarea:focus{outline-offset:2px;outline:2px solid #497c60}a{color:#294c3c}.secondary{color:#294c3c;background:#fffdf7;border-color:#b9c5b8}.quiet{color:#294c3c;background:0 0;padding:8px 12px}.skip{z-index:5;background:#fff;position:absolute;top:-100px;left:12px}.skip:focus{top:8px}header{align-items:center;gap:28px;max-width:1200px;margin:auto;padding:23px 34px;display:flex}.brand{color:#294c3c;letter-spacing:-1px;background:0 0;padding:0;font-size:23px}.brand-mark{background:#e4e9dc;border-radius:50%;place-items:center;width:39px;height:39px;margin-right:6px;display:inline-grid}.header-note{color:#677164;font-size:14px}.badge{color:#34503b;white-space:nowrap;background:#e9eee2;border-radius:20px;padding:5px 12px;font-size:12px;display:inline-block}header>.badge{margin-left:auto}.prototype{color:#66573c;text-align:center;background:#eee8d9;padding:10px 20px;font-size:13px}main{max-width:1120px;min-height:75vh;margin:auto;padding:18px 30px 65px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.9px;margin-bottom:20px;font-size:40px;line-height:1.4}h2{letter-spacing:-1px;margin-bottom:18px;font-size:26px}h3{margin-bottom:9px;font-size:19px}.eyebrow{letter-spacing:2px;color:#657253;margin-bottom:14px;font-size:12px;font-weight:700}.muted,.small{color:#647064}.small{font-size:13px}.hero{grid-template-columns:1.5fr 1fr;align-items:center;gap:45px;padding:49px 0 65px;display:grid}.hero p{color:#596558}.hero .eyebrow{color:#6b7657}.hero-art{background:#e6ebdc;border-radius:48% 48% 14px 14px;justify-self:end;width:100%;max-width:320px;padding:36px 40px 24px}.recipe-card{text-align:center;background:#fffcf2;border:1px solid #dadaca;padding:24px;transform:rotate(-7deg);box-shadow:0 14px 28px #45553a19}.recipe-card>span{letter-spacing:3px;font-size:13px}.recipe-card i{background:#dcdccd;width:85%;height:1px;margin:13px auto;display:block}.bowl{color:#7b8a63;height:119px;font-size:95px;line-height:1.1}.recipe-card small{color:#75806c;font-size:11px}.art-caption{text-align:center;color:#657253;margin-top:25px;font-size:12px}.actions{flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0;display:flex}.section-heading{border-top:1px solid #dedfd3;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;padding-top:30px;display:flex}.section-heading h2{margin:0}.section-heading h2 span{color:#7d896d;font-size:18px}.search{color:#626e5b;font-size:12px}.search input{max-width:260px;margin-bottom:0}.recipe-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.recipe-tile{text-align:left;color:#293b32;background:#fffef9;border:1px solid #dedfd3;min-height:235px;padding:25px;font-weight:400}.recipe-tile .badge{float:right}.tile-icon{color:#74836a;font-size:38px;line-height:1.2}.recipe-tile h3{margin-top:22px}.recipe-tile p{color:#65715f;font-size:13px}.tile-link{margin-top:20px;font-size:12px;font-weight:700;display:block}.empty{text-align:center;color:#687460;border:1px dashed #c9cebc;border-radius:12px;grid-column:1/-1;padding:34px}.empty p{margin:0}.storage-note{color:#68715d;border-left:3px solid #b1b99d;margin-top:36px;padding:2px 20px;font-size:13px}.storage-note p{margin:6px 0}.paper{background:#fffef9;border:1px solid #e0e2d5;border-radius:14px;margin-bottom:22px;padding:30px}.page-heading{margin:25px 0}.editor{border:0;min-width:0;margin:0;padding:0}label{margin-top:17px;font-size:14px;font-weight:700;display:block}input,textarea{color:#293b32;background:#fff;border:1px solid #bcc6b9;border-radius:7px;width:100%;margin-top:7px;padding:11px 13px;font-weight:400;display:block}textarea{resize:vertical;min-height:105px}input[type=file]{font-size:14px}input::file-selector-button{font:inherit;background:#e8eddf;border:0;border-radius:5px;margin-right:12px;padding:8px}.columns{grid-template-columns:1fr 2fr;gap:20px;display:grid}.ingredient{grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;margin-bottom:20px;display:grid}.step-edit{border-top:1px solid #e0e2d5;padding:20px 0}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.photos{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.photos a{font-size:13px}.source-image{object-fit:contain;background:#f3f1e9;border-radius:8px;width:100%;max-height:300px;margin:20px 0 5px;display:block}.tabs{gap:8px;margin:20px 0;display:flex}.tabs button{font-size:14px}.ingredients>div{border-bottom:1px solid #eceee3;justify-content:space-between;padding:12px 0;display:flex}.ingredients dd{color:#64705d}.read-step{border-top:1px solid #e5e7dc;grid-template-columns:48px 1fr;gap:18px;padding:25px 0;display:grid}.number{color:#879578;font-family:Georgia,serif;font-size:28px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.player{background:#eff2e9;border-radius:10px;max-width:420px;padding:14px}.player span{color:#516346;font-size:12px;display:block}.player audio{width:100%;margin-top:9px;display:block}.tip,.notice{background:#efeee0;border-radius:10px;padding:22px}.tip p{margin:0}.notice{margin-bottom:20px;font-size:14px}.notice ul{padding-left:22px}.check{align-items:start;gap:13px;display:flex}.check input{flex-shrink:0;width:22px;height:22px;margin:2px 0}.sticky{background:#f7f5eff5;border-top:1px solid #d9ddcf;margin-bottom:0;padding:14px;position:sticky;bottom:0}.choices{grid-template-columns:1fr 1fr;gap:20px;display:grid}.choice{text-align:left;color:#2b4b36;background:#edf1e6;flex-direction:column;gap:10px;min-height:150px;padding:25px;display:flex}.choice span{font-size:14px;font-weight:400}.unavailable{color:#72796c;background:0 0;border:1px dashed #c9cebf;border-radius:9px;grid-column:1/-1;min-height:auto}.cooking h2{font-size:34px}.instruction{white-space:pre-wrap;min-height:180px;font-size:27px}.status{background:#e8efdf;border-radius:8px;margin:8px 0;padding:12px 18px;font-size:14px}.error{color:#823b27;background:#f8e8df;border:1px solid #cc8d74;border-radius:8px;margin:10px 0;padding:18px}.error button{margin-left:15px}footer{color:#536449;border-top:1px solid #dfe2d5;max-width:1120px;margin:auto;padding:25px 30px;font-size:14px}footer span{float:right;color:#79816f;font-size:12px}@media (width<=700px){header{gap:10px;padding:16px 20px}.header-note{display:none}.brand{font-size:20px}main{padding:15px 18px 40px}.hero{grid-template-columns:1fr;gap:25px;padding:30px 0}.hero-art{display:none}h1{font-size:32px}h2{font-size:23px}.recipe-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.search,.search input{width:100%;max-width:none}.columns,.choices{grid-template-columns:1fr}.ingredient{grid-template-columns:1fr 1fr}.ingredient button{grid-column:2;justify-self:end}.paper{padding:22px 18px}.prototype{font-size:12px}.tabs{flex-wrap:wrap}.actions button{flex:1}.read-step{grid-template-columns:32px 1fr;gap:10px}.instruction{font-size:24px}.cooking h2{font-size:28px}footer span{float:none;margin-top:8px;display:block}}select{font:inherit;background:#fff;border:1px solid #cfc9bd;border-radius:10px;width:100%;padding:.8rem}nav.actions{margin:1rem 0}.modal-backdrop{z-index:20;background:#152e24b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.recorder{width:min(680px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0005}.recorder button{margin:.4rem}.record-slot{border-bottom:1px solid #dedbd1;padding:1rem 0}.player{flex-wrap:wrap}.player a{font-size:.85rem}.restore-space{border:2px solid #587363;border-radius:12px;margin-top:2rem;padding:1.2rem}.backup .download{background:#e1ebdd;border-radius:10px;padding:1rem;display:inline-block}.backup li,.backup .notice,.recorder p{overflow-wrap:anywhere}.row{flex-wrap:wrap}.confirm-dialog{color:#293b32;background:#fffef9;border:1px solid #b9c5b8;border-radius:14px;width:min(540px,100% - 32px);max-height:85dvh;padding:28px;overflow:auto;box-shadow:0 20px 80px #0004}.confirm-dialog::backdrop{background:#152e24b8}.confirm-dialog p{overflow-wrap:anywhere}.confirm-dialog .actions{margin-bottom:0}.backup-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.backup-progress li{background:#f3f5ed;border:1px solid #ccd6c4;border-radius:10px;padding:15px}.backup-progress strong,.backup-progress span{display:block}.backup-progress span{margin-top:6px;font-size:13px}.file-name{overflow-wrap:anywhere;font-size:13px}.recipe-grid>*,.columns>*,.read-step>*,.photos>*,.actions>*{min-width:0}h1,h2,h3,.recipe-tile,.row strong,.instruction{overflow-wrap:anywhere}.photos{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}input[type=file],select{min-width:0;max-width:100%}.player{width:100%}.backup button{overflow-wrap:anywhere;white-space:normal}.read-step audio{min-width:0}@media (width<=700px){.backup-progress{grid-template-columns:1fr}.confirm-dialog{padding:22px 18px}.confirm-dialog .actions{flex-direction:column;align-items:stretch}.confirm-dialog .actions button{width:100%}.restore-space{padding:12px}}@media (width<=420px){header{flex-wrap:wrap}header>.badge{margin-left:0}.actions>button{flex-basis:100%}.ingredient{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=700px){.restore-space>.paper{background:0 0;border:0;border-top:1px solid #d4dccf;border-radius:0;padding:18px 0}.restore-space>.badge{white-space:normal}.restore-space .read-step{grid-template-columns:minmax(0,1fr);gap:4px}.restore-space .tip{padding:14px}.restore-space .player{padding:10px}}.storage-address{overflow-wrap:anywhere}
