:root{color-scheme:light;--paper:#f7f6f0;--white:#fff;--ink:#183b34;--text:#33463f;--muted:#65756d;--line:#d9e0d7;--teal:#126b57;--lime:#dbe77d;--soft:#eaf0e5;--radius:18px;--shadow:0 18px 60px #193e3512;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--text);line-height:1.8}button,input,textarea,select{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal);text-underline-offset:4px}button{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--ink);line-height:1.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.import-button:focus-visible{outline:3px solid #a0b33c;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.skip-link{position:absolute;left:16px;top:-80px;padding:12px;background:white;z-index:20}.skip-link:focus{top:12px}
.preview-bar{background:var(--ink);color:#fff;font-size:12px;padding:7px 24px;text-align:center;letter-spacing:.03em}.preview-bar span{margin-left:16px;color:#d3e4da}.site-header{max-width:1280px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand span{display:block;margin-top:5px;font-size:9px;letter-spacing:.13em;font-weight:500}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.site-header nav a{text-decoration:none}.shelf-link{background:var(--white);border:1px solid var(--line);padding:9px 15px;border-radius:40px}.shelf-link span{display:inline-flex;justify-content:center;align-items:center;background:var(--ink);color:white;margin-left:6px;min-width:22px;height:22px;border-radius:100%;font-size:11px}
main{max-width:1280px;padding:0 40px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:58px 0 40px}.section-kicker{color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:15px}.hero h1{font-size:clamp(32px,4.2vw,60px);letter-spacing:-.04em;white-space:nowrap}.hero-lead{font-size:18px;font-weight:700;margin:20px 0 12px;color:var(--ink)}.hero-description{max-width:440px;font-size:14px;color:var(--muted)}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:46px;text-decoration:none;border-radius:9px;padding:11px 19px;font-size:13px;font-weight:700;border:1px solid transparent}.primary-button{background:var(--ink);color:white}.primary-button:hover{background:var(--teal)}.hero .primary-button{margin-top:25px}.secondary-button{background:white;color:var(--ink);border-color:var(--line)}.secondary-button:hover{background:var(--soft)}.hero-stats{display:flex;gap:28px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.hero-stats span{font-size:11px;color:var(--muted);display:flex;flex-direction:column}.hero-stats strong{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em}.hero-visual{position:relative;border-radius:24px;overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}.hero-visual img{width:100%;aspect-ratio:1.1;object-fit:cover}.hero-visual figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px 16px;padding:18px 22px;background:var(--white);font-size:10px;color:var(--muted)}.hero-visual strong{font-size:13px;color:var(--ink)}.image-note{position:absolute;top:18px;left:18px;font-size:10px;background:#ffffffdc;padding:5px 10px;border-radius:30px}.scope-note{display:flex;align-items:flex-start;gap:10px;max-width:900px;font-size:12px;color:var(--muted);margin-bottom:50px}.dot{width:7px;height:7px;flex-shrink:0;border-radius:100%;background:var(--teal);margin-top:7px}
.section-block{padding:32px 0 58px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{font-size:26px;letter-spacing:-.02em}.section-heading p:not(.section-kicker){font-size:13px;max-width:690px;margin-top:10px;color:var(--muted)}.count-label{white-space:nowrap;font-size:12px;border:1px solid var(--line);background:white;border-radius:20px;padding:6px 14px}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px 150px;gap:14px;background:var(--white);border:1px solid var(--line);padding:20px;border-radius:12px}.filters label,.shelf-toolbar label{font-size:12px;display:flex;gap:5px;flex-direction:column;color:var(--muted)}input,select,textarea{background:white;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px 12px;min-width:0;width:100%;font-size:14px;line-height:1.5}textarea{resize:vertical}input,select{min-height:45px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px}.filter-tabs button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 17px;min-height:44px;font-size:12px}.filter-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recipe-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.recipe-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card-image{padding:0;border:0;display:block;position:relative;width:100%;background:#e7e4da;overflow:hidden}.card-image img{width:100%;aspect-ratio:1.2;height:100%;object-fit:contain;transition:transform .3s}.card-image:hover img{transform:scale(1.015)}.image-action{position:absolute;bottom:12px;right:12px;padding:5px 10px;background:#ffffffed;border-radius:6px;font-size:10px;display:flex;gap:18px}.card-body{padding:22px}.card-eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-bottom:12px}.level{border:1px solid var(--line);padding:2px 8px;border-radius:5px;color:var(--ink);background:var(--soft)}.recipe-number{margin-left:auto;font-family:monospace;font-size:13px}.card-body h3 button{padding:0;text-align:left;background:none;border:0;font-size:18px;font-weight:700;color:var(--ink);line-height:1.5}.card-body p{font-size:12px;margin-top:10px;min-height:44px;color:var(--muted)}.card-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted);border-top:1px solid #edf0eb;margin-top:18px;padding-top:13px}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.text-button{display:inline-flex;align-items:center;gap:10px;border:0;background:none;padding:10px 0;min-height:44px;font-size:12px;font-weight:700;text-decoration:none;color:var(--teal)}.save-button{flex-shrink:0;background:var(--soft);border:1px solid var(--line);border-radius:7px;min-height:42px;padding:6px 12px;font-size:11px}.save-button.is-saved{background:var(--lime);border-color:var(--lime)}
.lab-section{border-top:1px solid var(--line)}.lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.lab-card{border:1px solid var(--line);background:#f0f2e9;border-radius:var(--radius);overflow:hidden;min-width:0}.lab-top{padding:23px 23px 17px}.lab-top .section-kicker{font-size:10px}.lab-top h3{font-size:17px;margin-top:10px}.lab-top p{font-size:12px;color:var(--muted);margin-top:7px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0 16px}.comparison img{width:100%;aspect-ratio:1;object-fit:contain;background:#deded5;border-radius:6px}.comparison figcaption{font-size:10px;color:var(--muted);padding:7px 1px;line-height:1.5}.comparison figcaption span{display:block;color:var(--ink);font-weight:700;margin-bottom:2px}.lab-bottom{padding:10px 23px 18px}.lab-bottom p{font-size:12px}.lab-bottom details{margin:12px 0;font-size:11px;color:var(--muted)}.lab-bottom summary{cursor:pointer;min-height:32px}.lab-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px}.lab-links a{font-size:10px}
.shelf-section{border-top:1px solid var(--line)}.shelf-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px}.shelf-toolbar>label{min-width:170px}.shelf-toolbar>div{display:flex;flex-wrap:wrap;gap:8px}.import-button{position:relative;cursor:pointer;display:inline-flex!important;justify-content:center;flex-direction:row!important;color:var(--ink)!important;font-size:13px!important}.import-button input{position:absolute;opacity:0;inset:0;cursor:pointer;width:100%;min-height:100%}.import-button:focus-within{outline:3px solid #a0b33c;outline-offset:4px}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shelf-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:white;min-width:0;overflow-wrap:anywhere}.shelf-card h3{font-size:16px;margin:10px 0}.shelf-card p{font-size:11px;color:var(--muted)}.shelf-badge{display:inline-block;border-radius:5px;padding:3px 7px;background:var(--soft);font-size:10px}.shelf-badge.modified{background:#f6dfb9}.shelf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.shelf-actions button{background:none;border:0;padding:8px 0;min-height:44px;font-size:11px;text-decoration:underline;color:var(--teal)}.shelf-actions button[data-delete]{color:#805a43;margin-left:auto}.empty-state{padding:44px 24px;text-align:center;border:1px dashed #bdc8bb;border-radius:var(--radius);background:#f0f2e9}.empty-state h3{font-size:18px;margin-bottom:12px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:10px}.empty-mark{font-size:29px;color:var(--teal);display:block;margin-bottom:14px}.privacy-note{font-size:11px;color:var(--muted);margin-top:22px;max-width:960px}.notice{background:#fff0d8;border:1px solid #e8c895;padding:16px;font-size:12px;border-radius:9px;margin:16px 0}
.limits-section{display:grid;grid-template-columns:1.8fr 1fr;gap:70px;border-top:1px solid var(--line);padding:45px 0 60px}.limits-section h2{font-size:21px}.limits-section p:not(.section-kicker){font-size:12px;color:var(--muted);margin-top:14px}.limits-section aside{border-left:1px solid var(--line);padding-left:30px}.limits-section h3{font-size:15px;margin-bottom:14px}.limits-section aside a{display:block;font-size:12px;padding:9px 0}.update-note{font-size:10px!important}footer{padding:30px max(24px,calc((100vw - 1200px)/2));border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;background:#eff1e8}footer .brand{font-size:22px}footer>span{font-size:11px;color:var(--muted)}footer>div{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}footer a{font-size:11px}footer small{width:100%;font-size:10px;color:var(--muted)}
dialog{position:fixed;padding:0;max-height:calc(100dvh - 32px);width:min(1060px,calc(100% - 32px));max-width:none;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--text);overflow:auto;box-shadow:0 24px 100px #102c3840}dialog::backdrop{background:#112d26aa;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border:1px solid var(--line);border-radius:100%;background:white;font-size:26px;line-height:1;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr}.detail-visual{padding:28px;background:#e9ecdf}.detail-visual img{width:100%;object-fit:contain;border-radius:12px}.detail-visual .source-note{font-size:11px;margin:14px 0;color:var(--muted)}.detail-copy{padding:60px 32px 30px;min-width:0}.detail-copy h2{font-size:25px;margin-bottom:12px}.detail-copy>p{font-size:13px;margin-bottom:14px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden;margin:18px 0}.setting{background:white;padding:10px 12px;font-size:12px;min-width:0;overflow-wrap:anywhere}.setting span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.prompt-block{border:1px solid var(--line);border-radius:9px;padding:13px;background:white;margin:14px 0}.prompt-block header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;margin-bottom:8px}.prompt-block code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.prompt-block button{border:1px solid var(--line);background:var(--soft);padding:8px 12px;border-radius:6px;font-size:11px;min-height:40px}.detail-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.detail-links a{font-size:12px;overflow-wrap:anywhere}.detail-links .primary-button{color:white}.detail-footnote{font-size:11px!important;color:var(--muted)}#edit-dialog{max-width:650px}#shelf-form{padding:38px}#shelf-form h2{font-size:23px;margin-bottom:12px}#shelf-form label{display:block;margin-top:16px;font-size:12px;color:var(--muted)}#shelf-form input,#shelf-form textarea{display:block;margin-top:6px}#shelf-form .edit-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-note{font-size:11px;color:var(--muted);margin-top:12px}.edit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;max-width:calc(100vw - 32px);z-index:10;text-align:center}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:39px}.recipe-grid,.lab-grid{gap:16px}.card-body{padding:17px}.card-meta{flex-wrap:wrap}.lab-top,.lab-bottom{padding-left:17px;padding-right:17px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.limits-section{gap:30px}.site-header nav{gap:18px}}
@media(max-width:760px){main{padding:0 24px}.site-header{padding:20px 24px;align-items:start;gap:14px;flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between;font-size:12px;gap:8px}.brand{font-size:25px}.brand span{font-size:8px}.preview-bar span{display:none}.hero{grid-template-columns:1fr;padding:36px 0 28px;gap:28px}.hero h1{font-size:42px;white-space:normal}.hero-lead{font-size:16px}.hero-description{max-width:none}.hero-stats{gap:32px}.hero-visual{max-width:540px}.hero-visual img{aspect-ratio:1.4}.hero-visual figcaption{padding:16px;font-size:9px}.scope-note{margin-bottom:22px}.section-heading h2{font-size:23px}.section-heading{align-items:start;flex-wrap:wrap;gap:12px}.filters{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.search-field{grid-column:1/-1}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body h3 button{font-size:16px}.card-body p{min-height:0}.card-actions{flex-wrap:wrap}.lab-grid{grid-template-columns:1fr}.lab-card{display:grid;grid-template-columns:1fr 1fr}.lab-top{grid-column:1/-1}.comparison{padding-bottom:18px}.lab-bottom{padding-top:0}.shelf-toolbar{align-items:stretch;flex-direction:column}.shelf-toolbar>label{max-width:250px}.limits-section{grid-template-columns:1fr;gap:30px}.limits-section aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.detail-layout{grid-template-columns:1fr}.detail-visual{padding:24px}.detail-visual img{max-height:330px;width:100%;object-fit:contain}.detail-copy{padding:22px 24px}.detail-copy h2{font-size:22px}.detail-visual .source-note{padding-right:20px}footer{padding:28px 24px;gap:16px}footer>div{width:100%;margin-left:0}.toast{bottom:12px}#shelf-form{padding:55px 24px 24px}}
@media(max-width:430px){main{padding:0 18px}.site-header{padding:18px}.hero h1{font-size:35px}.hero-lead{font-size:14px}.hero-stats{gap:24px}.hero-stats strong{font-size:18px}.hero-visual figcaption{justify-content:start}.hero-visual figcaption>span:last-child{margin-left:auto}.section-heading h2{font-size:21px}.recipe-grid,.shelf-grid{grid-template-columns:1fr}.card-image img{aspect-ratio:1.18}.card-body{padding:20px}.card-body h3 button{font-size:18px}.card-actions{flex-wrap:nowrap}.card-meta{flex-wrap:nowrap}.filters{grid-template-columns:1fr;padding:14px}.search-field{grid-column:auto}.filter-tabs button{padding:10px 13px;font-size:11px}.lab-card{grid-template-columns:1fr}.lab-bottom{padding-top:4px}.comparison{padding-bottom:6px}.shelf-toolbar>div{display:grid;grid-template-columns:1fr}.shelf-toolbar>label{max-width:none}dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}.detail-copy,.detail-visual{padding:22px 18px}.detail-copy h2{font-size:21px}#shelf-form{padding:60px 18px 24px}#shelf-form .edit-settings{grid-template-columns:1fr}.edit-actions>*{width:100%}.detail-links .primary-button{width:100%}.settings-grid{font-size:11px}.shelf-link{padding:7px 10px}.hero-visual img{aspect-ratio:1.2}}
.hero h1{white-space:normal}.hero-title-tail{display:inline-block;white-space:nowrap}
.recipe-card[data-recipe-card^="woman-"] .card-image img{aspect-ratio:3/4;height:auto;object-fit:contain}.recipe-card[data-recipe-card^="background-"] .card-image img{aspect-ratio:3/2;height:auto;object-fit:contain}
.hero-choices{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}.hero-choices .primary-button{margin-top:0}.hero-image-pair{display:grid;grid-template-columns:1fr 1fr;min-height:420px}.hero-image-pair>div{position:relative;min-width:0;overflow:hidden}.hero-themed .hero-image-pair img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}.hero-image-pair>div:first-child img{object-position:center 25%}.hero-image-pair>div>span{position:absolute;bottom:16px;left:14px;background:#183b34df;color:white;padding:5px 8px;border-radius:4px;font-size:9px;letter-spacing:.08em}.subject-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.subject-tabs button{border:1px solid var(--line);background:white;border-radius:10px;padding:12px 18px;min-height:48px;font-size:13px;font-weight:700}.subject-tabs button[aria-pressed=true]{color:white;background:var(--teal);border-color:var(--teal)}.recipe-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.recipe-tags span{background:var(--paper);color:var(--muted);border-radius:4px;font-size:10px;padding:2px 6px}.prompt-parts{border:1px solid var(--line);border-radius:9px;padding:16px;background:var(--soft);margin-top:20px}.prompt-parts h3{font-size:15px}.prompt-parts p{font-size:11px;color:var(--muted);margin:8px 0 12px}.prompt-parts>div{display:grid;grid-template-columns:80px 1fr;gap:8px;border-top:1px solid var(--line);padding:9px 0;font-size:11px}.prompt-parts strong{font-weight:700;color:var(--ink)}.prompt-parts code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;min-width:0}.card-eyebrow{flex-wrap:wrap}.hero-themed figcaption strong{font-size:12px}
@media(max-width:1000px){.hero-image-pair{min-height:340px}}
@media(max-width:760px){.hero-image-pair{min-height:390px}.hero-themed .hero-image-pair img{aspect-ratio:auto}.subject-tabs{gap:8px}.subject-tabs button{font-size:12px;padding:10px 13px}}
@media(max-width:430px){.hero-image-pair{min-height:290px}.hero-image-pair>div>span{bottom:10px;left:8px;font-size:8px}.subject-tabs{display:grid;grid-template-columns:1fr 1fr}.subject-tabs button{width:100%}.prompt-parts>div{grid-template-columns:1fr;gap:3px}.hero-choices{gap:8px}.hero-choices>a{padding:11px 12px;font-size:12px}.card-meta{flex-wrap:wrap}}
.filters{grid-template-columns:minmax(200px,1fr) minmax(180px,220px) 150px 130px}
@media(max-width:1000px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:1/-1}}
@media(max-width:760px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.filters{grid-template-columns:1fr}.search-field{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}