:root{color-scheme:light dark;--bg:#f7f8fa;--surface:#fff;--soft:#f0f1f4;--text:#17191d;--muted:#747981;--line:#e7e9ee;--blue:#007aff;--blue-soft:#eaf3ff;--danger:#d53236;--shadow:0 8px 34px #18233c12;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;font-synthesis:none;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #4b9fff;outline-offset:3px}button{border:0;background:none;min-height:44px}a{color:var(--blue)}input,textarea,select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;min-height:46px;max-width:100%}textarea{resize:vertical;line-height:1.5}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:22px;height:22px;min-height:22px;flex:none}input[type=file]{padding:9px;font-size:14px;width:100%}input[type=search]{-webkit-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--muted)}svg{width:22px;height:22px;display:block;flex:none}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.12;letter-spacing:-1.1px;font-weight:750}h2{font-size:22px;letter-spacing:-.4px}h3{font-size:17px;line-height:1.35}.shell{max-width:760px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) 20px calc(106px + env(safe-area-inset-bottom))}.topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.eyebrow{color:var(--muted);font-size:13px;font-weight:600;margin-bottom:7px}.icon-button{width:44px;height:44px;padding:10px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}.icon-button.soft{background:var(--soft)}.icon-button.blue{background:var(--blue);color:#fff}.searchbox{display:flex;align-items:center;gap:9px;background:var(--soft);border-radius:13px;padding:0 12px;margin-bottom:22px;color:var(--muted)}.searchbox input{width:100%;border:0;padding:13px 0;background:transparent;outline-offset:0}.searchbox button{padding:0;width:32px;min-width:32px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:27px 0 13px}.section-top h2{font-size:21px}.caption,.hint{font-size:13px;color:var(--muted);line-height:1.5}.hint{margin-top:7px}.subtle{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{background:var(--surface);border:1px solid var(--line);border-radius:19px;text-align:left;padding:18px 16px;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.category-card:active,.recipe-card:active{background:var(--soft)}.category-card .category-icon{color:var(--text);background:var(--soft);border-radius:12px;padding:8px}.category-icon svg{width:25px;height:25px}.category-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.category-name{font-size:16px;font-weight:650;overflow-wrap:anywhere}.count{font-size:13px;color:var(--muted)}.all-row{display:flex;align-items:center;gap:12px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 15px;min-height:63px;text-align:left;margin-top:12px}.all-row .count{margin-left:auto}.empty{padding:39px 16px;text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:63px;height:63px;margin:0 auto 18px;border-radius:21px;background:var(--soft);color:var(--muted)}.empty-icon svg{width:28px;height:28px}.empty h2{font-size:22px;line-height:1.25;margin-bottom:9px}.empty p{max-width:310px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.5}.empty .button{margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;padding:12px 18px;font-size:16px;font-weight:650;line-height:1.3}.button.primary{background:var(--blue);color:white}.button.secondary{background:var(--soft);color:var(--text)}.button.danger{color:var(--danger);background:var(--soft)}.button.full{width:100%}.text-button{color:var(--blue);padding:9px 0;font-size:15px;font-weight:600}.text-button.danger{color:var(--danger)}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;padding:8px 12px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:10px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line)}.nav-item{width:150px;min-height:49px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;font-size:10px;font-weight:600;color:var(--muted)}.nav-item[aria-current=page]{color:var(--blue)}.nav-icon{position:relative}.nav-badge{position:absolute;top:-7px;right:-13px;font-size:10px;background:var(--soft);border:2px solid var(--surface);color:var(--text);padding:1px 4px;border-radius:10px}.backline{display:flex;align-items:center;justify-content:space-between;margin:-5px 0 17px}.back-button{display:inline-flex;align-items:center;gap:3px;color:var(--blue);padding:0;max-width:75%;text-align:left}.back-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-button svg{width:20px}.page-title{font-size:30px;overflow-wrap:anywhere}.filter-strip{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:2px 0 12px;margin-top:-7px}.filter-strip::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border-radius:22px;border:1px solid var(--line);background:var(--surface);padding:9px 13px;min-height:44px;font-size:13px;font-weight:550}.chip.active{background:var(--blue-soft);border-color:color-mix(in srgb,var(--blue) 32%,var(--line));color:var(--blue)}.result-meta{font-size:13px;color:var(--muted);margin:5px 0 10px}.recipe-list{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.recipe-card{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:14px;min-height:90px;border-bottom:1px solid var(--line)}.recipe-card:last-child{border-bottom:0}.thumb{width:60px;height:60px;border-radius:12px;object-fit:cover;flex:none;background:var(--soft)}.thumb-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted)}.thumb-placeholder svg{width:26px;height:26px}.recipe-card-text{min-width:0;flex:1}.recipe-card h3{overflow-wrap:anywhere}.recipe-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:var(--muted)}.stars-inline{color:var(--text);letter-spacing:1px;font-size:12px}.recipe-card>.chevron{width:16px;color:var(--muted)}.resume-card{display:flex;align-items:center;gap:13px;background:var(--blue-soft);border-radius:16px;padding:16px;width:100%;text-align:left;margin:0 0 23px;color:var(--text)}.resume-card .resume-icon{color:var(--blue)}.resume-card small{display:block;color:var(--muted);margin-top:5px}.resume-card>.chevron{margin-left:auto;color:var(--blue)}.detail-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}.detail-title{flex:1;min-width:0}.detail-title h1{font-size:30px;line-height:1.15}.detail-photo-button{padding:0;width:76px;height:76px;min-height:76px;border-radius:17px;overflow:hidden;flex:none}.detail-photo{width:100%;height:100%;object-fit:cover;background:var(--soft)}.detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.tag{font-size:11px;color:var(--muted);padding:5px 8px;background:var(--soft);border-radius:6px}.rating{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:3px 0 22px}.star-button{min-width:44px;height:44px;padding:7px;color:var(--line)}.star-button svg{width:25px;height:25px}.star-button.on{color:var(--text)}.rating-clear{margin-left:7px;color:var(--muted);font-size:12px;padding:8px}.portion-box{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:10px}.portion-box strong{display:block;font-size:16px}.portion-box small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.stepper{display:flex;align-items:center;background:var(--soft);border-radius:10px;overflow:hidden;flex:none}.stepper button{width:44px;display:flex;align-items:center;justify-content:center;font-size:24px}.stepper output{width:31px;text-align:center;font-variant-numeric:tabular-nums;font-weight:650}.info-note{border-radius:12px;background:var(--soft);padding:12px 14px;font-size:13px;line-height:1.5;margin:11px 0}.info-note .text-button{font-size:13px;padding:4px 0;min-height:44px}.actions-stack{display:flex;flex-direction:column;gap:9px;margin:20px 0 26px}.shopping-hint{font-size:12px;color:var(--muted);text-align:center;line-height:1.4}.ingredient-list{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:0 15px}.ingredient-row{display:flex;gap:11px;align-items:flex-start;border-bottom:1px solid var(--line);padding:14px 0;line-height:1.4}.ingredient-row:last-child{border:0}.ingredient-check{display:flex;align-items:center;min-width:30px;min-height:44px;margin-top:-8px}.ingredient-body{min-width:0;flex:1}.ingredient-body.excluded{opacity:.45}.ingredient-name{font-size:15px}.ingredient-note{font-size:12px;color:var(--muted);margin-top:4px}.ingredient-amount{font-size:14px;white-space:nowrap;font-weight:600;max-width:42%;text-align:right}.ingredient-choice{margin-top:8px;max-width:100%;font-size:13px;padding:8px;min-height:44px}.notes-panel{background:var(--soft);border-radius:15px;padding:16px;margin-top:24px}.notes-panel h2{font-size:16px;margin-bottom:8px}.notes-panel p{font-size:14px;line-height:1.6;white-space:pre-wrap}.steps-list{margin:0;padding:0;list-style:none;counter-reset:steps}.steps-list li{position:relative;padding:0 0 22px 38px;counter-increment:steps;line-height:1.6;font-size:15px;white-space:pre-wrap}.steps-list li:before{content:counter(steps);position:absolute;left:0;top:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);font-weight:650;font-size:12px}.steps-list h3{font-size:15px;margin-bottom:5px}details{border-top:1px solid var(--line);padding:15px 0;margin-top:6px}summary{cursor:pointer;color:var(--muted);font-size:14px;min-height:28px;line-height:28px}pre.raw-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 0}.delete-area{margin-top:25px;border-top:1px solid var(--line);padding-top:12px}.modal{border:0;padding:0;background:var(--surface);color:var(--text);border-radius:22px;box-shadow:0 24px 100px #0004;width:calc(100% - 24px);max-width:640px;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden}.modal::backdrop{background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-frame{display:flex;flex-direction:column;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 10px;flex:none;gap:12px}.modal-head h2{font-size:21px}.modal-scroll{padding:8px 20px 20px;overflow:auto;overscroll-behavior:contain;min-height:0}.modal-foot{border-top:1px solid var(--line);padding:13px 20px max(14px,env(safe-area-inset-bottom));background:var(--surface);display:flex;gap:10px;flex:none}.modal-foot .button{flex:1}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field>label,.field-label{font-size:13px;font-weight:650;color:var(--muted)}.field textarea{width:100%}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-fields .field{min-width:0}.form-section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 10px}.form-section-title h3{font-size:17px}.editor-line{border:1px solid var(--line);border-radius:13px;padding:10px;margin-bottom:8px;background:var(--surface)}.editor-line-main{display:flex;gap:4px;align-items:flex-start}.editor-line textarea{width:100%;padding:8px;border:0;border-radius:7px;background:var(--soft);font-size:14px;min-height:61px}.editor-line .icon-button{width:44px;min-height:44px;height:44px;padding:8px;color:var(--muted)}.parse-preview{font-size:12px;line-height:1.5;color:var(--muted);padding:8px 3px 0}.editor-line select{font-size:13px;width:100%;padding:8px;margin-top:7px;min-height:44px}.editor-step{border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}.editor-step .step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.editor-step .step-top span{font-size:12px;color:var(--muted);font-weight:600}.editor-step .step-top button{min-height:44px;min-width:44px;padding:3px;color:var(--muted)}.editor-step input,.editor-step textarea{width:100%;font-size:14px;border:0;background:var(--soft)}.editor-step input{margin-bottom:7px;min-height:39px;padding:9px}.notice{font-size:13px;line-height:1.5;color:var(--muted);background:var(--soft);padding:12px;border-radius:12px;margin-bottom:18px}.form-intro{font-size:15px;line-height:1.55;color:var(--muted);margin-bottom:18px}.import-text{min-height:250px}.form-error{font-size:14px;color:var(--danger);padding:0 20px 12px;line-height:1.5}.hidden{display:none!important}.photo-preview{display:flex;gap:12px;align-items:center}.photo-preview img{height:60px;width:60px;object-fit:cover;border-radius:12px}.image-modal{max-width:1000px;background:#111;border-radius:17px;width:calc(100% - 20px)}.image-modal .modal-head{position:absolute;right:0;top:0;z-index:1}.image-modal .icon-button{color:white;background:#0007}.full-image{display:block;width:100%;height:calc(86dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain}.confirm-copy{font-size:15px;line-height:1.55;padding:4px 0 15px}.confirm-dialog{max-width:390px}.toast{position:fixed;z-index:100;bottom:calc(90px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--text);color:var(--surface);border-radius:14px;padding:13px 18px;font-size:14px;line-height:1.45;box-shadow:var(--shadow);width:max-content}.toast.error{background:var(--danger);color:white}.storage-banner{background:var(--soft);padding:13px 15px;border-radius:13px;margin-bottom:20px;font-size:13px;line-height:1.5;border:1px solid var(--line)}.storage-banner.error{color:var(--danger)}.loading,.no-script{padding:30px;font-size:16px;color:var(--muted)}.cook-shell{min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.cook-progress{display:flex;gap:5px;margin:4px 0 24px}.cook-progress span{height:4px;flex:1;background:var(--line);border-radius:2px}.cook-progress .done{background:var(--blue)}.cook-label{font-size:13px;color:var(--muted);margin-bottom:12px}.cook-title{font-size:27px;line-height:1.2;letter-spacing:-.6px;margin-bottom:18px}.cook-text{font-size:23px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:25px}.cook-ingredients{margin-top:6px}.cook-ingredients h2{font-size:15px;color:var(--muted);margin-bottom:11px}.cook-ingredients .ingredient-list{background:transparent}.cook-ingredients .ingredient-row{padding:11px 0}.cook-ingredients .ingredient-name{font-size:14px}.cook-bottom{display:flex;gap:10px;margin-top:auto;padding-top:29px}.cook-bottom .button{flex:1}.cook-bottom .button:first-child{flex:0 0 58px;padding:12px}.cook-note-toggle{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin:18px 0 5px;padding:5px 0}.cook-notes{padding:14px;background:var(--soft);border-radius:13px;white-space:pre-wrap;font-size:14px;line-height:1.6;margin-top:9px}.complete-card{text-align:center;margin:20px 0 30px}.complete-card h1{font-size:32px;margin:18px 0 12px}.complete-card p{line-height:1.5;color:var(--muted)}.complete-symbol{display:flex;align-items:center;justify-content:center;color:var(--blue);background:var(--blue-soft);height:76px;width:76px;border-radius:50%;margin:20px auto}.complete-symbol svg{height:34px;width:34px}.shopping-title{margin-bottom:9px}.shopping-summary{color:var(--muted);font-size:14px;margin-bottom:25px}.shopping-row{display:flex;gap:11px;border-bottom:1px solid var(--line);padding:13px 0;align-items:flex-start}.shopping-row:last-child{border:0}.shopping-checkbox{display:flex;align-items:center;min-height:44px;min-width:30px;margin-top:-6px}.shopping-row.checked .shopping-name{text-decoration:line-through;color:var(--muted)}.shopping-row.checked .shopping-amount{color:var(--muted)}.shopping-body{min-width:0;flex:1}.shopping-name{font-size:15px;line-height:1.45}.shopping-amount{font-size:14px;font-weight:600;text-align:right;max-width:40%;line-height:1.5}.shopping-sources{font-size:12px;line-height:1.5;color:var(--muted);margin-top:5px}.shopping-list{padding:0 15px;background:var(--surface);border-radius:17px;border:1px solid var(--line)}.contribution{padding:11px 0;border-bottom:1px solid var(--line)}.contribution:last-child{border:0}.contribution-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.contribution-name{font-size:14px;font-weight:600;padding:5px 0;text-align:left}.contribution small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.source-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);min-height:44px}.source-summary::-webkit-details-marker{display:none}.source-summary span{font-size:14px;font-weight:600}.source-summary small{font-weight:400;display:block;font-size:12px;color:var(--muted)}.source-lines{color:var(--muted);font-size:13px;line-height:1.8;padding:10px 0 3px}.contributions details{margin:0;padding:10px 0}.source-actions{display:flex;justify-content:space-between;gap:10px;margin-top:5px}.source-actions button{font-size:13px}.offline-state{font-size:11px;color:var(--muted);text-align:center;margin-top:25px;line-height:1.5}.spinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:600px){.shell{padding-left:36px;padding-right:36px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card{min-height:125px}.modal-scroll{padding-left:25px;padding-right:25px}.modal-head{padding-left:23px;padding-right:17px}.modal-foot{padding-left:25px;padding-right:25px}.detail-title h1{font-size:35px}.detail-photo-button{width:90px;height:90px;min-height:90px}.cook-shell{max-width:700px}.cook-text{font-size:26px}}@media(max-width:359px){.shell{padding-left:15px;padding-right:15px}h1{font-size:30px}.category-card{padding:15px 13px}.category-name{font-size:14px}.detail-title h1{font-size:26px}.detail-photo-button{width:64px;height:64px;min-height:64px}.modal-scroll{padding-left:15px;padding-right:15px}.modal-foot{padding-left:15px;padding-right:15px}.cook-text{font-size:21px}.ingredient-amount{max-width:36%;font-size:13px}.two-fields{grid-template-columns:1fr}.button{font-size:15px}}@media(prefers-color-scheme:dark){:root{--bg:#111214;--surface:#1b1c20;--soft:#26282e;--text:#f1f2f4;--muted:#a0a3ac;--line:#303238;--blue:#0a84ff;--blue-soft:#172d47;--danger:#ff696e;--shadow:0 8px 34px #0003}.category-card{border-color:#282a30}.toast{background:#ededf0;color:#141519}.toast.error{background:#b72e35;color:#fff}.star-button{color:#464950}.star-button.on{color:var(--text)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spinner{animation:none}}
.category-section-top{margin-top:0;margin-bottom:12px}.category-section-top h2{font-size:18px}.category-order-list{display:flex;flex-direction:column;gap:8px}.category-order-row{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:14px}.category-order-row strong{min-width:0;flex:1;font-size:15px;overflow-wrap:anywhere}.category-order-icon{color:var(--muted);flex:none}.category-order-controls{display:flex;gap:7px;flex:none}.category-order-controls .icon-button{font-size:23px;border-radius:12px}.structured-ingredient{padding:12px 13px}.ingredient-editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.structured-ingredient .field{margin-bottom:11px;gap:6px}.structured-ingredient .field>label{font-size:12px}.structured-ingredient input,.structured-ingredient select{width:100%;font-size:15px;min-height:46px;padding:10px;margin:0;background:var(--surface);border:1px solid var(--line)}.ingredient-quantity-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.structured-ingredient .parse-preview{padding:0;line-height:1.55;color:var(--text);font-size:13px;overflow-wrap:anywhere}.ingredient-field-error{font-size:12px;line-height:1.5;color:var(--danger);margin-top:6px}.ingredient-source{padding:7px 0 0;margin-top:9px}.ingredient-source summary{font-size:12px}.ingredient-source .field:first-of-type{margin-top:10px}.ingredient-source textarea{border:1px solid var(--line);min-height:60px}.ingredient-amount.unknown,.shopping-amount.unknown{font-size:12px;white-space:normal;font-weight:400;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.shopping-quantity-note{font-size:13px;line-height:1.5;color:var(--muted);padding:12px 14px;background:var(--soft);border-radius:12px}.shopping-quantity-note p+p{margin-top:6px}.shopping-quantity-note .text-button{font-size:13px}.shopping-preview{margin:0;padding:5px 0;border-top:0}.shopping-preview summary{font-size:13px}.shopping-preview ul{list-style:none;padding:0;margin:5px 0 10px;font-size:13px}.shopping-preview li{display:flex;justify-content:space-between;gap:15px;line-height:1.5;padding:6px 0;border-bottom:1px solid var(--line)}.shopping-preview li>span:last-child{text-align:right;max-width:55%}.shopping-preview li small{display:block;color:var(--muted)}.update-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--blue-soft);border-radius:13px;padding:11px 14px;margin-bottom:19px}.update-notice strong{font-size:13px;display:block}.update-notice small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.update-notice .text-button{font-size:13px;flex:none}