/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.inline{display:inline}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#304039;--muted:#829087;--paper:#fffaf5;--line:#eee7df;--sage:#789c86;--dark:#507462;--pink:#f3c7ba;--yellow:#f9e7a8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh}header{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9ee;justify-content:space-between;align-items:center;height:66px;padding:0 max(4vw,20px);display:flex;position:sticky;top:0}.logo{align-items:center;gap:9px;display:flex}.logo>span{background:#f6e7d8;border-radius:12px;padding:5px 7px;font-size:27px}.logo b{font-size:17px;display:block}.logo small{color:var(--muted);margin-top:1px;font-size:9px;display:block}nav{gap:2px;display:flex}nav button{color:#a0aba3;background:0 0;border-radius:11px;padding:6px 11px;font-size:18px}nav button:hover,nav .active{color:var(--dark);background:#edf5ed}nav small{font-size:9px;font-weight:700;display:block}main{max-width:1130px;margin:auto;padding:0 22px 26px}.hero{justify-content:space-between;align-items:center;height:211px;padding:20px 7% 15px;display:flex}.hero p{color:var(--dark);letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.04em;margin:0;font:500 41px/1.08 Georgia,serif}.hero h1 i{color:#e4937e;font-style:normal}.hero span{color:var(--muted);margin-top:12px;font-size:11px;display:block}.hero-icon{background:#e7f0e4;border-radius:48% 52% 45% 55%;justify-content:center;align-items:center;width:145px;height:145px;margin-right:6%;font-size:65px;display:flex;position:relative;box-shadow:0 12px 22px #71937a18}.hero-icon b{color:#6a8872;background:#fff;border:3px solid #f3d8bd;border-radius:14px;padding:7px 9px;font-size:13px;position:absolute;top:24px;right:-13px;transform:rotate(7deg)}.hero-icon small{color:#9a9f99;background:#fff;border-radius:9px;padding:4px 8px;font-size:9px;position:absolute;top:57px;right:-12px}.hero-icon em{color:#edae88;font-size:22px;position:absolute;top:13px;left:-4px}.tools{border:1px solid var(--line);background:#fff;border-radius:17px;padding:11px;box-shadow:0 7px 18px #604e3c08}.search{background:#fff8f1;border-radius:10px;align-items:center;gap:9px;height:40px;padding:0 12px;display:flex}.search span{font-size:15px}.search input{background:0 0;border:0;outline:0;flex:1;font-size:12px}.search button{color:#aaa;background:0 0;font-size:18px}.chips{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.chips button{color:#748078;background:#fff;border:1px solid #e9e9e2;border-radius:99px;padding:6px 11px;font-size:10px}.chips button:hover,.chips .on{background:var(--sage);border-color:var(--sage);color:#fff}.heading{justify-content:space-between;align-items:end;margin:22px 2px 12px;display:flex}.heading small{color:var(--sage);letter-spacing:.15em;font-size:9px;font-weight:700}.heading h2{margin:3px 0 0;font:500 24px Georgia,serif}.heading h2 i{color:#a4ada5;margin-left:8px;font:10px Arial}.json{color:var(--dark);background:#fff;border:1px solid #dbe6da;border-radius:8px;padding:7px 10px;font-size:10px}.grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}article{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:13px;min-height:190px;padding:13px;transition:all .18s}article:hover{border-color:#cddfce;transform:translateY(-2px);box-shadow:0 9px 22px #604e3c0d}.cardline{align-items:center;gap:4px;display:flex}.pill{color:#9c6956;background:#f3dfd4;border-radius:5px;padding:4px 7px;font-size:9px}.pill.pale{color:#6f8b74;background:#edf4eb}.heart{color:#d0d5d0;background:0 0;margin-left:auto;font-size:21px;line-height:1}.heart.liked{color:#e5917f}article h3{margin:10px 0 9px;font-size:15px}.numbers{border-top:1px solid #f2eee8;border-bottom:1px solid #f2eee8;align-items:center;gap:13px;padding:7px 0;display:flex}.numbers div{grid-template-columns:16px auto;column-gap:4px;display:grid}.numbers small{color:#9ba49d;font-size:8px}.numbers b{grid-column:1/3;font-size:20px;font-weight:500}.numbers i{color:#87928a;margin-left:2px;font-size:9px;font-style:normal}.numbers hr{border:0;border-left:1px solid #e8eae4;height:25px}.memo{color:#8b958d;white-space:nowrap;text-overflow:ellipsis;margin:8px 0;font-size:9px;line-height:1.4;overflow:hidden}article footer{color:#a7afa8;align-items:center;gap:5px;font-size:8px;display:flex}article footer b{color:#718078;font-weight:400}article footer em{color:var(--sage);margin-left:auto;font-size:14px;font-style:normal}aside{color:#719078;background:#eff6ed;border-radius:10px;align-items:center;gap:9px;margin-top:13px;padding:9px 14px;font-size:16px;display:flex}aside b{color:#58725f;font-size:10px;display:block}aside span{color:#86928a;margin-top:2px;font-size:9px;display:block}.bottom{border-top:1px solid var(--line);color:#a0a9a1;justify-content:space-between;padding:15px max(4vw,22px);font-size:10px;display:flex}.bottom b{color:var(--dark)}.empty{text-align:center;color:var(--muted);padding:40px;font-size:27px}.empty h3{color:var(--ink);margin:7px;font-size:15px}.empty p{font-size:10px}.backdrop{z-index:20;background:#30403966;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.backdrop form{background:#fff;border-radius:17px;width:min(480px,100%);padding:25px;position:relative;box-shadow:0 20px 50px #23382c33}.backdrop form>small{color:var(--sage);letter-spacing:.15em;font-size:9px;font-weight:700}.backdrop h2{margin:4px 0 17px;font:500 25px Georgia,serif}.close{color:#a4ada7;background:0 0;font-size:23px;position:absolute;top:12px;right:14px}.backdrop label{color:#718078;margin:9px 0;font-size:10px;display:block}.backdrop input,.backdrop select,.backdrop textarea{outline-color:var(--sage);border:1px solid #e5ebe3;border-radius:7px;width:100%;margin-top:4px;padding:8px;font-size:12px;display:block}.backdrop textarea{min-height:53px}.row{grid-template-columns:1.5fr 1fr 1fr;gap:8px;display:grid}.save{background:var(--sage);color:#fff;border-radius:8px;width:100%;margin-top:6px;padding:10px;font-size:11px}@media (width<=720px){.hero{height:190px;padding-left:2%;padding-right:2%}.hero h1{font-size:31px}.hero-icon{margin-right:-8px;transform:scale(.8)}.grid{grid-template-columns:repeat(2,1fr)}article{min-height:185px}.logo small{display:none}nav button{padding:5px 7px}main{padding:0 12px 20px}.heading{margin-top:18px}.bottom{display:block}.bottom span{margin-top:4px;display:block}}@media (width<=480px){.hero-icon{display:none}.hero{height:158px}.hero h1{font-size:35px}.grid{grid-template-columns:1fr 1fr;gap:7px}article{padding:10px}.numbers{gap:7px}.numbers b{font-size:17px}.memo{font-size:8px}.pill{padding:3px 5px;font-size:8px}}.detail{background:#fff;border-radius:18px;width:min(430px,100%);padding:25px;position:relative;box-shadow:0 20px 50px #23382c33}.detail-emoji{background:#edf5e9;border-radius:22px;place-items:center;width:68px;height:68px;margin-bottom:12px;font-size:38px;display:grid}.detail h2{margin:12px 0 2px;font:500 30px Georgia,serif}.detail-lead{color:var(--muted);margin:0 0 18px;font-size:11px}.detail-numbers{background:#fff9ed;border:1px solid #f2e8d4;border-radius:12px;margin-bottom:14px;padding:14px 6px;display:flex}.detail-numbers div{text-align:center;border-right:1px solid #eadfcd;flex:1}.detail-numbers div:last-child{border:0}.detail-numbers span{font-size:18px;display:block}.detail-numbers small{color:#9a9f97;margin:4px;font-size:10px;display:block}.detail-numbers b{font-size:27px;font-weight:500}.detail-numbers i{color:#7d8b80;margin-left:2px;font-size:11px;font-style:normal}.tip{background:#f1f7ee;border-radius:10px;padding:12px 14px}.tip strong{color:#5d7e65;font-size:11px}.tip p{color:#7e8c82;margin:5px 0 0;font-size:11px;line-height:1.6}.pair{color:#8a968d;justify-content:space-between;gap:10px;padding:15px 1px;font-size:10px;display:flex}.pair b{color:#5d7665;font-weight:400}.detail .save{margin-top:7px}.adjust-numbers{background:#fff9ed;border:1px solid #f2e8d4;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:10px;display:grid}.adjust-numbers>div{text-align:center;grid-template-columns:28px 30px 1fr 30px;align-items:center;gap:4px;display:grid}.adjust-numbers>div+div{border-left:1px solid #eadfcd;padding-left:8px}.adjust-numbers span{grid-column:1/5;justify-content:center;align-items:center;gap:5px;font-size:17px;display:flex}.adjust-numbers span small{color:#9a9f97;font-size:10px}.adjust-numbers button{color:#5d8068;background:#fff;border:1px solid #dbe8db;border-radius:50%;width:28px;height:28px;font-size:18px;line-height:1}.adjust-numbers b{font-size:22px;font-weight:500}.adjust-numbers i{color:#7d8b80;margin-left:2px;font-size:10px;font-style:normal}.adjust-numbers em{color:#a4a99f;grid-column:1/5;margin-top:1px;font-size:8px;font-style:normal}.list-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.view-switch{background:#f3f6f0;border-radius:8px;padding:2px;display:flex}.view-switch button,.list-tools select,.direction{color:#809087;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:10px}.view-switch button.on,.view-switch button:hover,.direction:hover{color:var(--dark);background:#fff}.list-tools select{background:#fff;border:1px solid #e1e9df;outline:0}.direction{background:#fff;border:1px solid #e1e9df;padding:3px 8px;font-size:14px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px;font-size:10px}th{text-align:left;color:#94a097;background:#f8faf6;padding:10px 13px;font-size:9px;font-weight:700}td{color:#7c8980;border-top:1px solid #f0eee9;padding:10px 13px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#fcf7ef}td b{color:var(--ink);font-size:11px}td strong{color:#596f61;font-weight:500}td .heart{font-size:19px}.check-time{color:#9b7c4c;background:#fff7e5;border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:9px 11px;font-size:14px;display:flex}.check-time b{color:#8a7149;white-space:nowrap;font-size:10px}.check-time span{color:#a18f70;font-size:9px}.photo-input{display:none}.recipe-photo{object-fit:cover;border-radius:13px;width:100%;height:155px;margin-bottom:8px;display:block}.photo-button{color:#5d8068;background:#f4f7ef;border:1px solid #dce8dc;border-radius:8px;margin:0 0 13px auto;padding:7px 10px;font-size:10px;display:block}.app,header,main,.bottom{min-width:0;max-width:100%}html,body,#root{width:100%;min-width:0;overflow-x:hidden}.detail{max-width:calc(100vw - 24px)}@media (width<=380px){header{padding-left:10px;padding-right:10px}.logo b{font-size:15px}nav button{padding-left:4px;padding-right:4px}.hero{padding-left:0;padding-right:0}.hero h1{font-size:31px}.tools{padding:8px}.chips{gap:5px}.chips button{padding-left:8px;padding-right:8px}.adjust-numbers{gap:3px;padding:7px}.adjust-numbers>div+div{padding-left:3px}.adjust-numbers b{font-size:18px}}.app{padding-top:env(safe-area-inset-top)}header{top:env(safe-area-inset-top)}.search{transition:box-shadow .2s}@media (width<=720px){main{padding-bottom:86px}.tools{box-shadow:none;background:0 0;border:0;padding:0}.search{z-index:10;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));background:#fff;border:1px solid #e7e9e2;height:48px;padding:0 14px;position:fixed;box-shadow:0 5px 22px #30403922}.chips{margin-top:0}}.chips::-webkit-scrollbar{display:none}@media (width<=720px){main{padding-bottom:145px}.tools{z-index:10;padding:9px 12px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf9f5;border:0;border-top:1px solid #eee7df;border-radius:16px 16px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #30403914}.search{height:43px;box-shadow:none;border:1px solid #e7e9e2;position:static;bottom:auto;left:auto;right:auto}.chips{flex-wrap:nowrap;gap:6px;margin-top:7px;overflow-x:auto}.chips button{flex:none}}.planner-button{color:#9a6d4f;background:#f6e5d4;border:1px solid #efd5bb;border-radius:8px;padding:6px 9px;font-size:10px}.planner{background:#fff;border-radius:18px;width:min(560px,100%);max-height:90vh;padding:25px;position:relative;overflow:auto;box-shadow:0 20px 50px #23382c33}.planner>small{color:var(--sage);letter-spacing:.15em;font-size:9px;font-weight:700}.planner h2{margin:4px 0;font:500 27px Georgia,serif}.planner-lead{color:var(--muted);margin:0 0 14px;font-size:11px}.plan-picker{grid-template-columns:1fr 1fr;gap:7px;max-height:220px;margin-bottom:17px;display:grid;overflow:auto}.plan-picker label{cursor:pointer;border:1px solid #eeeae2;border-radius:9px;grid-template-columns:18px 24px 1fr;align-items:center;gap:4px;padding:8px;display:grid}.plan-picker label.picked{background:#f0f7ed;border-color:#cfe1d0}.plan-picker input{accent-color:var(--sage)}.plan-picker span{font-size:17px}.plan-picker b{font-size:10px;font-weight:400}.plan-picker em{color:#9aa39c;grid-column:2/4;font-size:8px;font-style:normal}.timeline-head{color:#607d67;border-bottom:1px solid #ece9e2;justify-content:space-between;padding-bottom:7px;font-size:11px;display:flex}.timeline-head span{color:#a0a9a1;font-size:9px}.timeline{padding:4px 0}.timeline-row{border-bottom:1px dashed #e9e4db;grid-template-columns:1.2fr 1fr 1fr;gap:6px;padding:9px 2px;font-size:9px;display:grid}.timeline-row strong{color:var(--ink)}.timeline-row span{color:#b07a5d}.timeline-row b{color:#6f8a74;font-weight:400}.planner-note{color:#987c51;background:#fff7e5;border-radius:8px;margin:13px 0 0;padding:9px;font-size:9px;line-height:1.5}