:root{--paper:#fff;--surface:#f3f6f7;--ink:#12324a;--muted:#4f6b80;--primary:#1f7488;--line:#c6d5de;--control:#6f8a9c;--water:#a8dbe3;--air:#eef6f8;--root:#b49a6a;--warning:#79551e;--warning-bg:#f7efdf;--danger:#a3372c;--backdrop:#12324a99;--crop-shiso-bg:#cfe7d3;--crop-shiso-print:#8fc29b;--crop-shiso-ink:#1f5132;--crop-basil-bg:#eceab0;--crop-basil-print:#c9c46a;--crop-basil-ink:#4a4712;--crop-lettuce-bg:#dcecc0;--crop-lettuce-print:#a9cf7a;--crop-lettuce-ink:#3d5a1a;--crop-water_spinach-bg:#d5e8e6;--crop-water_spinach-print:#8cc2bc;--crop-water_spinach-ink:#1d4a45;--crop-neutral-bg:#e6ebee;--crop-neutral-print:#b9c6ce;--crop-neutral-ink:#12324a;--radius:6px;--radius-s:4px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--fs-12:12px;--fs-14:14px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--fs-30:30px;--fs-36:36px;--fs-48:48px;--fs-64:64px;--soft:var(--surface);--font-display:var(--font);--fs-10:var(--fs-12);--art-water:var(--water);--art-fill:var(--air);--art-container:var(--paper);--art-rim:var(--line);--art-label:var(--muted);--art-leaf-1:var(--crop-shiso-print);--art-leaf-2:var(--crop-shiso-print);--art-leaf-3:var(--crop-shiso-print);--art-leaf-4:var(--crop-basil-print);--art-leaf-5:var(--root);--art-leaf-6:var(--muted)}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);color:var(--ink);font:var(--fs-16)/1.8 var(--font);overflow-wrap:anywhere;margin:0}a{color:var(--primary);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;word-break:auto-phrase;line-height:1.4}p{text-wrap:pretty}h1{font-size:var(--fs-36)}h2{font-size:var(--fs-20)}h3{font-size:var(--fs-18)}img{max-width:100%;height:auto}svg{flex-shrink:0}:focus-visible{outline:3px solid var(--warning);outline-offset:4px}.skip-link{z-index:50;background:var(--paper);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:16px 48px;display:flex}.brand{color:var(--ink);font-size:var(--fs-20);white-space:nowrap;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.brand small{display:none}.site-header nav{font-size:var(--fs-14);align-items:center;gap:24px;display:flex}.site-header nav a,.site-footer nav a{align-items:center;min-height:44px;display:inline-flex}.site-header nav a{color:var(--ink);border-block:3px solid #0000;text-decoration:none}.site-header nav a[aria-current=page]{border-bottom-color:var(--primary);font-weight:700}.site-header .nav-record{border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary);white-space:nowrap;padding:8px 16px;font-weight:700}.button{border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary);color:var(--paper);min-height:48px;font-size:var(--fs-16);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover{background:var(--ink);border-color:var(--ink)}.button.secondary{background:var(--paper);color:var(--primary);border-color:var(--primary)}.button.secondary:hover{background:var(--surface)}.button.small{min-height:44px;font-size:var(--fs-14);padding:8px 16px}.button.danger{background:var(--danger);border-color:var(--danger);color:var(--paper)}.text-link{font-size:var(--fs-14);align-items:center;gap:8px;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.eyebrow{font-size:var(--fs-14);color:var(--muted);margin-bottom:4px;display:block}.tag{background:var(--surface);border-radius:var(--radius-s);font-size:var(--fs-12);color:var(--ink);padding:0 8px;display:inline-block}.container{max-width:1184px;margin:0 auto;padding:0 48px}.section{padding-top:48px;padding-bottom:48px}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.section-heading p{font-size:var(--fs-14);color:var(--muted);margin-top:4px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.panel{border-radius:var(--radius);background:var(--surface);padding:24px}.stack>*+*{margin-top:16px}.field{font-size:var(--fs-14);gap:8px;margin-bottom:24px;font-weight:700;display:grid}.field small{color:var(--muted);font-weight:400}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--control);border-radius:var(--radius);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font-size:var(--fs-16);padding:8px 12px}input[type=file]{font-size:var(--fs-14)!important}textarea{resize:vertical;min-height:112px}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--primary);vertical-align:middle;margin-right:8px}fieldset{border:1px solid var(--line);border-radius:var(--radius);min-width:0;margin:24px 0;padding:16px}legend{font-size:var(--fs-14);padding:0 8px;font-weight:700}.form-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.notice{background:var(--surface);border-left:4px solid var(--primary);font-size:var(--fs-14);padding:12px 16px}.error{color:var(--danger);background:var(--warning-bg);border-left:4px solid var(--danger);margin:16px 0;padding:12px 16px}.success{background:var(--surface);border-left:4px solid var(--primary);padding:12px 16px}.page-head{border-bottom:1px solid var(--line);margin-bottom:32px;padding:48px 0 32px}.page-head p{max-width:640px;color:var(--muted);margin-top:16px}.breadcrumbs{font-size:var(--fs-14);color:var(--muted);margin-bottom:16px}.article{max-width:768px;margin:0 auto;padding:0 32px 64px}.article h1{font-size:var(--fs-30)}.article h2{font-size:var(--fs-24);margin:48px 0 16px}.article h3{margin:32px 0 12px}.article p+p{margin-top:16px}.article ul,.article ol{padding-left:24px}.article li+li{margin-top:12px}.article .notice{margin:24px 0}.article .button{margin-top:24px}.article .panel h2:first-child{margin-top:0}.article footer{border-top:1px solid var(--line);font-size:var(--fs-14);margin-top:48px;padding-top:24px}.article table{border-collapse:collapse;width:100%;font-size:var(--fs-14)}.article td,.article th{border-bottom:1px solid var(--line);text-align:left;padding:12px}.article .table-scroll{margin:24px 0;overflow-x:auto}.article .table-scroll tbody th,.article .table-scroll td:last-child{white-space:nowrap}.article caption{text-align:left;padding-bottom:8px;font-weight:700}.guide-hero{border:1px solid var(--line);border-radius:var(--radius);margin:0 0 24px;overflow:hidden}.guide-hero img{width:100%;display:block}.key-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;display:grid}.key-facts div{border-top:3px solid var(--crop-ink,var(--primary));background:var(--surface);border-radius:0 0 var(--radius-s) var(--radius-s);padding:12px 16px 16px}.key-facts dt{font-size:var(--fs-14);color:var(--muted);font-weight:700}.key-facts dd{gap:4px;margin:4px 0 0;display:grid}.key-facts b{font-size:var(--fs-30);color:var(--ink);line-height:1.2}.key-facts span{font-size:var(--fs-12);color:var(--muted)}.step-nav ol{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.article .step-nav li+li{margin-top:0}.step-nav a{border:1px solid var(--line);min-height:44px;color:var(--ink);font-size:var(--fs-14);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;text-decoration:none;display:inline-flex}.step-nav a:hover{border-color:var(--crop-ink,var(--primary))}.step-nav b,.step-no{background:var(--crop-ink,var(--primary));width:32px;height:32px;color:var(--paper);font-size:var(--fs-16);border-radius:50%;flex:none;place-items:center;display:inline-grid}.guide-step{border-top:1px solid var(--line);grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;margin-top:48px;padding-top:32px;display:grid}.guide-step .step-art{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.guide-step .step-art img{width:100%;display:block}.article .guide-step h2{font-size:var(--fs-20);align-items:center;gap:12px;margin:0 0 12px;display:flex}.step-no{width:40px;height:40px;font-size:var(--fs-20)}.article .step-points{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.article .step-points li{background:var(--surface);border-radius:var(--radius-s);font-size:var(--fs-14);margin:0;padding:8px 12px 8px 36px;position:relative}.step-points li:before{content:"";border:solid var(--crop-ink,var(--primary));border-width:0 3px 3px 0;width:8px;height:13px;position:absolute;top:13px;left:14px;transform:rotate(45deg)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.crop-link-art{border-radius:var(--radius-s) var(--radius-s) 0 0;background:var(--paper);width:calc(100% + 32px);max-width:none;margin:-16px -16px 8px}.article .video-list{gap:24px;margin:16px 0;padding:0;list-style:none;display:grid}.article .video-list li{gap:12px;margin:0;display:grid}.video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:var(--ink);position:relative;overflow:hidden}.video-frame>a,.video-frame>iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.video-frame img{object-fit:cover;width:100%;height:100%;display:block}.video-play{background:var(--danger);border-radius:12px;width:68px;height:48px;margin:-24px 0 0 -34px;position:absolute;top:50%;left:50%}.video-play:after{content:"";border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent var(--paper);position:absolute;top:14px;left:27px}.video-embed:hover .video-play,.video-embed:focus-visible .video-play{filter:brightness(1.1)}.video-text{gap:4px;display:grid}.video-text small{font-size:var(--fs-12);color:var(--muted)}.video-text span{font-size:var(--fs-14)}.tool-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.tool-link{color:var(--ink);gap:6px;text-decoration:none;display:grid}.tool-link img{border:1px solid var(--line);border-radius:var(--radius);width:100%;margin-bottom:6px}.tool-link b{font-size:var(--fs-18)}.tool-link:hover b{color:var(--primary);text-decoration:underline}.tool-link small{font-size:var(--fs-14);color:var(--muted)}.crop-cal{margin:16px 0 0}.cal-months,.cal-row{grid-template-columns:120px minmax(0,1fr) 260px;align-items:center;gap:8px 16px;display:grid}.cal-months{background:var(--paper);border-bottom:2px solid var(--ink);z-index:1;padding:8px 0;position:sticky;top:0}.cal-months .cal-track{font-size:var(--fs-12);color:var(--muted);text-align:center;grid-template-columns:repeat(12,minmax(0,1fr))}.cal-track{background-image:repeating-linear-gradient(to right, var(--line) 0 1px, transparent 1px calc(100% / 12));grid-template-columns:repeat(36,minmax(0,1fr));min-height:28px;display:grid;position:relative}.cal-months .cal-track{background:0 0}.cal-rows{margin:0;padding:0;list-style:none}.cal-row{border-bottom:1px solid var(--line);padding:12px 0}.cal-name a,.cal-name b{border-radius:var(--radius-s);background:var(--crop-bg);color:var(--crop-ink);padding:4px 10px;font-weight:700;display:inline-block}.cal-bar{background:var(--crop-ink);border-radius:10px;grid-row:1;align-self:center;height:20px}.cal-bar.open{border-radius:10px 0 0 10px;-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000);mask-image:linear-gradient(90deg,#000 60%,#0000)}.cal-none{font-size:var(--fs-12);color:var(--muted);grid-area:1/1/auto/-1;align-self:center;padding-left:8px}.cal-facts{font-size:var(--fs-14);gap:2px;margin:0;display:grid}.cal-facts div{gap:8px;display:flex}.cal-facts dt{width:6.5em;color:var(--muted);font-size:var(--fs-12);flex:none;padding-top:2px}.cal-facts dd{margin:0}.crop-cal figcaption{font-size:var(--fs-12);color:var(--muted);align-items:baseline;gap:8px;margin-top:12px;display:flex}.cal-key{background:var(--ink);border-radius:5px;flex:none;width:24px;height:10px;display:inline-block}.crop-band{border-radius:var(--radius-s);background:var(--crop-bg);height:8px;margin-bottom:24px}.guide-card{color:inherit;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;padding:16px 0;text-decoration:none;display:grid}.guide-card:hover h2,.guide-card:hover h3{color:var(--primary);text-decoration:underline}.guide-card p{font-size:var(--fs-14);color:var(--muted);grid-column:1}.guide-card .guide-arrow{font-size:var(--fs-14);color:var(--primary);grid-area:1/2/span 3;align-self:center}.guide-list{border-top:1px solid var(--line);margin:16px 0 0;padding:0;list-style:none}.guide-list h2,.guide-list h3{font-size:var(--fs-18);margin:0}.crop-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.crop-link{border-radius:var(--radius-s);background:var(--crop-bg);min-height:96px;color:var(--crop-ink);align-content:start;gap:4px;padding:16px;text-decoration:none;display:grid}.crop-link b{font-size:var(--fs-20)}.crop-link span{font-size:var(--fs-14);text-underline-offset:4px;text-decoration:underline}.crop-link small{font-size:var(--fs-14)}.site-footer{border-top:1px solid var(--line);max-width:1280px;margin-top:48px;margin-left:auto;margin-right:auto;padding:48px}.footer-inner{justify-content:space-between;gap:32px;display:flex}.footer-brand{font-size:var(--fs-18);color:var(--ink);font-weight:700;text-decoration:none}.site-footer p{font-size:var(--fs-14);color:var(--muted);margin-top:8px}.site-footer nav{font-size:var(--fs-14);flex-wrap:wrap;gap:24px;display:flex}.footer-bottom{border-top:1px solid var(--line);font-size:var(--fs-12);color:var(--muted);justify-content:space-between;margin-top:32px;padding-top:16px;display:flex}.empty-state{padding:32px 24px}.empty-state p{max-width:512px;color:var(--muted);margin:12px 0 24px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;min-height:44px;font-weight:700}dialog{border:1px solid var(--line);border-radius:var(--radius);max-width:min(640px,100vw - 32px);max-height:85dvh;color:var(--ink);background:var(--paper);padding:32px;overflow:auto}dialog::backdrop{background:var(--backdrop)}.numeric{font-variant-numeric:tabular-nums}.calculator-result{background:var(--surface);border-radius:var(--radius);margin:24px 0;padding:24px}.calculator-result strong{font-size:var(--fs-36);font-variant-numeric:tabular-nums}.example-tag{font-size:var(--fs-12);color:var(--muted);border:1px solid;border-radius:999px;padding:0 8px;line-height:1.6;display:inline-block}.vessel{width:100%;height:auto;display:block}.vessel .v-air{fill:var(--air)}.vessel .v-water{fill:var(--water)}.vessel .v-wall,.vessel .v-lid,.vessel .v-pot{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.vessel .v-lid,.vessel .v-pot{fill:var(--paper)}.vessel .v-pot{stroke-width:2.5px}.vessel .v-root{fill:none;stroke:var(--root);stroke-width:2.5px;stroke-linecap:round}.vessel .v-stem{fill:none;stroke:var(--crop-shiso-ink);stroke-width:3px}.vessel .v-leaf{fill:var(--crop-shiso-print);stroke:var(--ink);stroke-width:2px}.vessel .v-plant ellipse.v-leaf{fill:var(--crop-basil-print)}.vessel .v-device{fill:var(--paper);stroke:var(--ink);stroke-width:2.5px}.vessel .v-bubble circle{fill:var(--paper);stroke:var(--primary);stroke-width:2px}.vessel .v-wick{fill:none;stroke:var(--root);stroke-width:6px;stroke-linecap:round}.vessel .v-flow{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linejoin:round}.readings{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.readings>div{flex-direction:column;min-width:0;padding:8px 8px 8px 0;display:flex}.readings .value{order:1}.readings .sub{order:3}.readings>div+div{border-left:1px solid var(--line);padding-left:12px}.readings dt{font-size:var(--fs-14);color:var(--muted);order:2;line-height:1.5}.readings dd{margin:0}.readings .value{font-size:var(--fs-30);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.readings .value small{font-size:var(--fs-16);margin-left:2px}.readings .value.none{font-size:var(--fs-16);line-height:2.25}.readings .sub{font-size:var(--fs-14);color:var(--muted);line-height:1.5}.crop-shiso{--crop-bg:var(--crop-shiso-bg);--crop-print:var(--crop-shiso-print);--crop-ink:var(--crop-shiso-ink)}.crop-basil{--crop-bg:var(--crop-basil-bg);--crop-print:var(--crop-basil-print);--crop-ink:var(--crop-basil-ink)}.crop-lettuce{--crop-bg:var(--crop-lettuce-bg);--crop-print:var(--crop-lettuce-print);--crop-ink:var(--crop-lettuce-ink)}.crop-water_spinach{--crop-bg:var(--crop-water_spinach-bg);--crop-print:var(--crop-water_spinach-print);--crop-ink:var(--crop-water_spinach-ink)}.crop-neutral{--crop-bg:var(--crop-neutral-bg);--crop-print:var(--crop-neutral-print);--crop-ink:var(--crop-neutral-ink)}.crop-packets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.crop-packet{border-radius:var(--radius-s);background:var(--crop-bg);min-height:216px;color:var(--crop-ink);flex-direction:column;padding:12px 12px 0;display:flex;position:relative;overflow:hidden}.crop-packet>*{position:relative}.crop-packet .crop-start{font-size:var(--fs-12)}.crop-packet h3{font-size:var(--fs-20)}.crop-packet .crop-day{font-size:var(--fs-16);font-weight:700;line-height:1.1}.crop-packet .crop-day b{font-size:var(--fs-48);font-variant-numeric:tabular-nums;margin-right:2px}.crop-packet .crop-day-unknown{font-size:var(--fs-14);margin-top:8px}.crop-packet a,.crop-packet .text-button{color:inherit;font-size:var(--fs-14)}.crop-packet a{margin-top:4px}.crop-packet a,.crop-packet .text-button{align-self:start}.crop-ruler{width:100%;height:auto;margin-top:4px;display:block;overflow:visible}.crop-ruler line{stroke:currentColor;stroke-width:1.5px}.crop-ruler path{fill:currentColor}.crop-scale{height:20px;font-size:var(--fs-12);line-height:1.6;position:relative}.crop-scale span{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.crop-scale span:first-child{transform:none}.crop-scale span:last-child{transform:translate(-100%)}.crop-print{width:100%;height:56px;fill:var(--crop-print);margin-top:auto;display:block}.crop-tag{border-radius:var(--radius-s);font-size:var(--fs-12);background:var(--crop-bg);color:var(--crop-ink);padding:0 8px;display:inline-block}@media (width>=900px){.crop-packet{min-height:232px}}@media (width<=900px){.site-header{gap:16px;padding:16px 24px}.site-header nav{gap:16px}.container{padding:0 24px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:32px 24px}.footer-inner{flex-direction:column}}@media (width<=640px){.tool-links{grid-template-columns:1fr}.cal-months,.cal-row{grid-template-columns:minmax(0,1fr);gap:8px}.cal-months>span:first-child{display:none}.cal-row .cal-facts{grid-row:3}.guide-step{grid-template-columns:1fr;gap:16px}.key-facts{grid-template-columns:1fr}.key-facts div{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 12px;display:grid}.key-facts dd{margin:0}.site-header{flex-wrap:wrap;gap:4px;padding:12px 16px}.brand{font-size:var(--fs-18)}.site-header nav{width:100%;font-size:var(--fs-14);flex-wrap:wrap;justify-content:space-between;gap:8px}.site-header .nav-record{padding:4px 12px}h1{font-size:var(--fs-30)}.section{padding-top:32px;padding-bottom:32px}.grid-2,.grid-3{grid-template-columns:1fr}.section-heading{flex-wrap:wrap;align-items:start;gap:12px}.panel{padding:16px}.container{padding:0 16px}.page-head{margin-bottom:24px;padding:32px 0 24px}.article{padding:0 16px 48px}.article h1{font-size:var(--fs-24)}.footer-bottom{flex-direction:column;gap:8px}.button{padding:12px 16px}.crop-links{grid-template-columns:1fr;gap:8px}.crop-link{min-height:auto}.guide-card{grid-template-columns:1fr}.guide-card .guide-arrow{grid-area:auto/1}.app-page .site-header nav{display:none}.crop-packets{gap:8px}.readings .value{font-size:var(--fs-24)}}
