:root{--soil:#4a3320;--soil-soft:#7a6450;--soil-faint:#b9ab98;--leaf:#3e7b2c;--leaf-deep:#2f5f21;--leaf-wash:#dfe9cf;--bed:#d9e0c6;--paper:#fcfbf6;--rule:#d9dccb;--ripe:#e09a1a;--ripe-wash:#fbefd3;--chili:#b23a22;--chili-wash:#f6e1db;--type-mondai:#d9701e;--type-tango:#3e7b2c;--type-kakomon:#6a3e8a;--type-other:#3b7aa0;--display:"Dela Gothic One", "Zen Maru Gothic", sans-serif;--sans:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;--radius-s:4px;--radius-m:10px;font:500 16px/1.7 var(--sans);color:var(--soil);background:var(--bed);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body{background:var(--bed);height:100%;margin:0}body{overflow:hidden}#root{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}h1,h2,h3{color:var(--soil);margin:0;font-weight:700;line-height:1.3}p{margin:0}a{color:var(--leaf);text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ripe);outline-offset:2px}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}img::selection{background:0 0}.page-title{font-family:var(--display);letter-spacing:.04em;color:var(--soil);margin:0 0 1.25rem;font-size:1.75rem;font-weight:400}.btn{border-radius:var(--radius-m);border:2px solid #0000;justify-content:center;align-items:center;gap:.4em;padding:.6em 1.2em;font-weight:700;line-height:1.2;transition:background-color .15s,border-color .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--leaf);color:var(--paper)}.btn-primary:hover:not(:disabled){background:var(--leaf-deep)}.btn-quiet{color:var(--soil);border-color:var(--rule);background:0 0}.btn-quiet:hover:not(:disabled){border-color:var(--soil-faint);background:var(--paper)}.btn-danger{background:var(--chili);color:var(--paper)}.btn-danger:hover:not(:disabled){background:#8f2c18}.field-label{margin-bottom:.35rem;font-size:.875rem;font-weight:700;display:block}.field-input{border:2px solid var(--rule);border-radius:var(--radius-s);background:var(--paper);width:100%;padding:.6rem .75rem;font-size:1rem;transition:border-color .15s}.field-input:focus{border-color:var(--leaf);outline:none}.form-error{color:var(--chili);font-size:.9rem;font-weight:700}.status-line{color:var(--soil-soft);text-align:center;padding:3rem 1rem}.status-line.is-error{color:var(--chili);font-weight:700}.dialog-backdrop{z-index:100000;background:#2e1f128c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:var(--radius-m);border-top:8px solid var(--leaf);width:100%;max-width:520px;max-height:calc(100dvh - 32px);padding:1.75rem;position:relative;overflow-y:auto;box-shadow:0 18px 40px #2e1f1240}.dialog-title{font-family:var(--display);letter-spacing:.04em;margin-bottom:1rem;font-size:1.4rem;font-weight:400}.dialog-close{width:2.25rem;height:2.25rem;color:var(--soil-soft);background:0 0;border:none;border-radius:50%;font-size:1.5rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.dialog-close:hover{background:var(--bed)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-container{background-color:#fff;border-radius:12px;max-width:400px;margin:60px auto;padding:30px;box-shadow:0 4px 15px #0000000d}.auth-title{text-align:center;color:#333;margin-bottom:24px;font-size:24px}.auth-input-group{margin-bottom:16px}.auth-label{color:#555;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.auth-input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:border-color .2s}.auth-input:focus{border-color:#4caf50;outline:none}.auth-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:8px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:background-color .2s}.auth-button:hover{background-color:#388e3c}.auth-button:disabled{cursor:not-allowed;background-color:#a5d6a7}.auth-link-text{text-align:center;color:#666;margin-top:24px;font-size:14px}.auth-link{color:#4caf50;font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.app-header{z-index:1000;background:var(--paper);border-bottom:2px solid var(--soil);align-items:center;gap:2rem;min-height:64px;padding:0 24px;display:flex;position:sticky;top:0}.app-logo,.landing .landing-brand{font-family:var(--display);letter-spacing:.02em;color:var(--leaf);font-size:1.5rem;font-weight:500;line-height:1}.app-nav{align-self:stretch;gap:.25rem;display:flex}.app-nav-link{color:var(--soil-soft);border-bottom:6px solid #0000;align-items:center;margin-bottom:-2px;padding:6px .9rem 0;font-weight:700;transition:color .15s,border-color .15s;display:flex}.app-nav-link:hover{color:var(--soil)}.app-nav-link.is-active{color:var(--soil);border-bottom-color:var(--soil)}.app-header-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.welcome-message{color:var(--soil-soft);font-family:var(--display);letter-spacing:.05em;white-space:nowrap;font-size:.8rem;font-weight:400}.welcome-message span{color:var(--leaf-deep);font-size:1.08em}.logout{position:relative}.logout-trigger{color:var(--soil-soft);background:0 0;border:none;padding:.6em .5em;font-size:.875rem;font-weight:700}.logout-trigger:hover{color:var(--chili)}.logout-popover{z-index:1001;background:var(--paper);border:2px solid var(--soil);border-radius:var(--radius-m);width:max-content;padding:1rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #2e1f122e}.logout-popover p{margin-bottom:.75rem;font-weight:700}.logout-popover-actions{gap:.5rem;display:flex}@media (width<=760px){.app-header{flex-wrap:wrap;gap:0 1rem;padding:10px 16px 0}.app-logo,.landing .landing-brand{font-size:1.2rem}.app-header-actions{gap:.35rem}.welcome-message{text-overflow:ellipsis;max-width:9rem;font-size:.8rem;overflow:hidden}.logout-trigger{font-size:.8rem}.app-header-actions .btn{padding:.5em .8em;font-size:.875rem}.app-nav{order:3;width:100%;min-height:44px}.app-nav-link:first-child{padding-left:0}}.landing{color:#263c2c;text-align:left;scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:.18px;background:#fffefb;height:100%;font-family:Helvetica Neue,Arial,Hiragino Sans,Meiryo,sans-serif;font-size:18px;font-weight:400;line-height:26.1px;overflow-y:auto}.landing h1,.landing h2{font-family:system-ui,Segoe UI,Roboto,sans-serif}.landing h3{color:inherit;line-height:inherit}.landing button,.landing input{font-weight:400;line-height:normal}.landing .auth-button{font-weight:700}.landing input{color:fieldtext}@media (width<=1024px){.landing{font-size:16px;line-height:23.2px}}.landing *,.landing :before,.landing :after{box-sizing:border-box}.landing a{color:inherit;text-decoration:none}.landing button,.landing input{font-family:inherit}.landing a:focus-visible,.landing button:focus-visible{outline-offset:5px;outline:3px solid #88b77b}.landing-header{z-index:2;background:#fffefbf2;border-bottom:1px solid #e9ece3;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;display:flex;position:sticky;top:0}.landing-nav{align-items:center;gap:30px;font-size:14px;font-weight:600;display:flex}.landing .landing-button{color:#fff;background:#2e593c;border-radius:7px;justify-content:center;align-items:center;gap:24px;padding:16px 24px;font-size:15px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.landing .landing-button:hover{background:#1f422b;transform:translateY(-2px)}.landing .compact{gap:14px;padding:11px 18px}.landing-main{max-width:1180px;margin:auto;padding:0 40px}.landing-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;min-height:630px;padding:72px 0;display:grid}.landing-eyebrow{letter-spacing:.08em;color:#66845b;font-size:13px;font-weight:700}.landing h1{letter-spacing:-.055em;color:#263c2c;margin:24px 0;font-size:clamp(36px,4.5vw,60px);font-weight:800;line-height:1.35}.landing h1 span{color:#568349}.landing-description{color:#647060;font-size:16px;line-height:2}.landing-hero-details{border-top:1px solid #e0e6d7;margin:28px 0 0;padding-top:22px}.landing-hero-details>div+div{margin-top:18px}.landing-hero-details dt{font-size:14px;font-weight:700;line-height:1.7}.landing-hero-details dd{color:#73806b;margin:4px 0 0;font-size:12px;line-height:1.9}.landing-note{color:#7e8777;margin-top:16px;font-size:12px}.mobile-break{display:none}.landing-field-visual{background:#f1f5e8;border-radius:50% 50% 35% 35%;padding:46px 0 36px;position:relative}.landing-field-caption{text-align:center;color:#5c754d;font-size:14px}.landing-field{width:100%;position:relative}.landing-field-base{width:100%;display:block}.landing-crop{object-fit:contain;width:17%;height:27%;position:absolute;transform:translate(-50%,-75%)}.landing-growth-note{background:#fff;border:1px solid #e7eadf;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;bottom:12%;right:-8px;box-shadow:0 12px 32px #35462b0d}.landing-growth-note>span{color:#568349;background:#edf4e6;border-radius:50%;padding:5px 10px}.landing-growth-note strong{font-size:14px;display:block}.landing-growth-note small{color:#7e8777;margin-top:4px;font-size:11px;display:block}.landing-preview{background:#f7f9f2;border:1px solid #e0e6d7;border-radius:16px;overflow:hidden}.landing-preview-top{color:#718167;letter-spacing:.1em;border-bottom:1px solid #e0e6d7;justify-content:space-between;padding:14px 28px;font-size:11px;display:flex}.landing-preview-content{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:48px;display:grid}.landing h2{color:#263c2c;letter-spacing:-.04em;margin:14px 0;font-size:30px;font-weight:750;line-height:1.6}.landing-preview-content>div>p:last-child{color:#73806b;font-size:13px;line-height:2}.landing-demo-todo{background:#fff;border-radius:12px;padding:24px;box-shadow:0 8px 24px #35462b08}.landing h3{margin:0 0 16px;font-size:18px}.landing-demo-todo h3{justify-content:space-between;display:flex}.landing-demo-todo h3 span{color:#8d9685;font-size:10px;font-weight:400}.landing-demo-todo>div{border-top:1px solid #eef0e8;align-items:center;gap:14px;padding:16px 0;display:flex}.landing-demo-todo>div>p{flex:1}.landing-demo-todo strong{font-size:14px;display:block}.landing-demo-todo small{color:#7e8777;margin-top:4px;font-size:12px;display:block}.demo-check{color:#fff;background:#729066;border:1px solid #729066;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.demo-check.empty{background:#fff;border-color:#cbd3c5}.landing-demo-footnote{border-top:1px solid #eef0e8;padding-top:14px;font-size:10px!important}.landing-steps{padding:96px 0;scroll-margin-top:100px}.landing-step-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;display:grid}.landing-step-art{background:#f5f6ed;border-radius:12px;justify-content:center;align-items:center;height:170px;margin-bottom:24px;display:flex;position:relative}.landing-step-art span{color:#829275;font-size:12px;position:absolute;top:16px;left:18px}.landing-step-art img{object-fit:contain;max-width:120px;height:120px}.landing-step-grid article>p{color:#73806b;font-size:13px;line-height:2}.landing-bottom-cta{text-align:center;background:#edf3e5;border-radius:16px;margin-bottom:72px;padding:64px 24px}.landing-bottom-cta h2{margin:16px 0 28px;font-size:36px}.landing-footer{border-top:1px solid #e9ece3;align-items:center;gap:24px;max-width:1180px;margin:auto;padding:24px 40px 32px;display:flex}.landing-footer p,.landing-footer small{color:#87907d;font-size:11px}.landing-footer small{margin-left:auto}.landing-auth-dialog{color:#263c2c;background:#fffefb;border:1px solid #e4e9dc;border-radius:18px;width:min(440px,100% - 32px);max-height:calc(100dvh - 40px);padding:32px;box-shadow:0 24px 100px #182a2340}.landing-auth-dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#26352b55}.landing-dialog-close{color:#647060;cursor:pointer;background:#f0f3ea;border:0;border-radius:50%;width:36px;height:36px;font-size:25px;position:absolute;top:12px;right:14px}.landing-auth-dialog .auth-container{box-shadow:none;background:0 0;max-width:none;margin:0;padding:0}.landing-auth-dialog .auth-title{color:#263c2c;text-align:center;margin:0 0 24px;font-size:24px}.landing-auth-dialog .auth-button{background:#2e593c}.landing-auth-dialog .auth-button:hover{background:#1f422b}.landing-auth-dialog .auth-button:disabled{background:#a6b99b}.landing-auth-dialog .auth-link{color:#456e3d}@media (width<=800px){.landing-main{padding:0 24px}.landing-hero{grid-template-columns:1fr;gap:40px;padding:48px 0}.landing-hero-copy{text-align:center}.landing-field-visual{width:100%;max-width:480px;margin:auto}.landing-preview-content{grid-template-columns:1fr;gap:28px;padding:28px}.landing-step-grid{gap:20px}.landing-steps{padding:64px 0}.landing-nav{gap:16px}.landing-nav-about{display:none}}@media (width<=520px){.landing-header{gap:12px;padding:12px 16px}.landing-nav{gap:12px;font-size:12px}.landing .compact{gap:6px;padding:10px 12px;font-size:12px}.landing-description{font-size:14px}.mobile-break{display:initial}.landing h2{font-size:24px}.landing-step-grid{grid-template-columns:1fr;gap:32px}.landing-step-art{height:150px;margin-bottom:16px}.landing-growth-note{padding:12px;right:0}.landing-bottom-cta h2{font-size:28px}.landing-footer{flex-wrap:wrap;gap:12px;padding:20px 24px}.landing-auth-dialog{padding:28px 24px}}@media (prefers-reduced-motion:reduce){.landing{scroll-behavior:auto}.landing .landing-button{transition:none}}.field-container{text-align:center;width:100%;padding:0;position:relative}.system-toast{background:var(--leaf);color:var(--paper);border-radius:var(--radius-m);z-index:100;cursor:pointer;white-space:pre-wrap;width:max-content;max-width:90%;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;line-height:1.6;transition:opacity .3s;position:absolute;top:3rem;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #2e1f1240}.field-scene{z-index:1;isolation:isolate;aspect-ratio:1472/720;background:url(/VegeTASK_%E7%95%91%E3%81%AE%E5%91%A8%E3%82%8A.png) 50%/100% 100% no-repeat;width:min(159.467vh,150vw);position:relative;left:50%;transform:translate(-50%,7vh)}.field-board{aspect-ratio:9/8;background-image:url(/VegeTASK_%E7%95%91.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:49%;position:absolute;top:3.99%;left:25.2%}.crop-slot{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:flex-end;align-items:center;width:8.888%;height:10%;display:flex;position:absolute;transform:translate(-50%,-80%)}.crop-wrapper{flex:1;width:100%;position:relative}.popup-tooltip{border-radius:var(--radius-m);white-space:nowrap;z-index:20;background:var(--paper);color:var(--soil);border:2px solid var(--soil);padding:.4rem .75rem;font-size:.8rem;font-weight:700;animation:.2s ease-out forwards popUpFadeIn;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #2e1f1233}.popup-tooltip:after{content:"";border-style:solid;border-width:7px;border-color:var(--soil) transparent transparent transparent;pointer-events:none;margin-left:-7px;position:absolute;top:100%;left:50%}.popup-tooltip.hover-task-name{white-space:normal;text-align:left;pointer-events:auto;flex-direction:column;align-items:stretch;gap:.4rem;min-width:9.5rem;max-width:13rem;padding:.7rem .9rem 0;animation:.2s ease-out forwards popUpFadeInFlush;display:flex}.popup-tooltip.hover-task-name:before{content:"";width:100%;height:5.5rem;position:absolute;top:calc(100% - 10px);left:0}.popup-tooltip.hover-task-name.is-ripe:before{content:none}.crop-detail-btn{border:none;border-top:1px dashed var(--soil-faint);border-radius:0 0 calc(var(--radius-m) - 2px) calc(var(--radius-m) - 2px);color:var(--leaf-deep);letter-spacing:.12em;background:0 0;justify-content:space-between;align-items:center;gap:.75rem;margin:.15rem -.9rem 0;padding:.5rem .9rem .55rem;font-size:.72rem;font-weight:700;line-height:1.2;display:flex}.crop-detail-btn:after{content:"›";letter-spacing:0;color:var(--leaf);font-size:1.05rem;font-weight:400;line-height:1}.crop-detail-btn:hover{background:var(--leaf-wash);color:var(--leaf-deep)}.crop-status{letter-spacing:.04em;color:var(--paper);background:var(--leaf);border-radius:999px;align-self:start;padding:.08rem .55rem;font-size:.68rem}.crop-status.stage-seed{background:var(--soil-soft)}.crop-status.stage-ripe{background:var(--ripe);color:var(--soil)}.crop-task-title{font-family:var(--sans);letter-spacing:0;overflow-wrap:anywhere;font-size:.92rem;font-weight:700;line-height:1.45}.growth-message{background:var(--leaf);color:var(--paper);border-color:var(--leaf);cursor:pointer;z-index:25}.growth-message:after{border-top-color:var(--leaf)}.crop-image{transform-origin:bottom;width:auto;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;transition:opacity 1s;position:absolute;left:50%}.crop-image.is-ripe{animation:2s infinite bounceHarvest}.crop-image::selection{background:0 0}.crop-label{color:#fff;zoom:.8;white-space:nowrap;z-index:2;border-radius:3px;margin-top:2px;padding:1px 3px;font-size:8px;position:relative;box-shadow:0 1px 2px #0000004d}@keyframes popUpFadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,-6px)}}@keyframes popUpFadeInFlush{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes bounceHarvest{0%,to{transform:translateX(-50%) scale(var(--target-scale)) translateY(0);filter:drop-shadow(0 0 4px #e09a1ab3)}50%{transform:translateX(-50%) scale(var(--target-scale)) translateY(-8px);filter:drop-shadow(0 0 12px #e09a1a)}}@keyframes ripeGlow{0%,to{filter:drop-shadow(0 0 4px #e09a1ab3)}50%{filter:drop-shadow(0 0 12px #e09a1a)}}@media (prefers-reduced-motion:reduce){.crop-image.is-ripe{animation:2.4s ease-in-out infinite ripeGlow!important}}@media (width<=600px){.field-scene{aspect-ratio:9/8;background:0 0;width:100%;left:auto;transform:none}.field-board{aspect-ratio:auto;width:100%;height:100%;top:0;left:0}}.task-dialog{max-width:540px}.task-form{flex-direction:column;gap:1rem;display:flex}.task-form-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.task-form-hint{color:var(--soil-soft);margin-top:-.4rem;font-size:.8rem}.task-submit{margin-top:.5rem;padding:.8em;font-size:1rem}.task-type-picker{border:none;margin:0;padding:0}.task-type-options{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.task-type-option{--type-color:var(--leaf);cursor:pointer;position:relative}.task-type-option.type-mondai{--type-color:var(--type-mondai)}.task-type-option.type-tango{--type-color:var(--type-tango)}.task-type-option.type-kakomon{--type-color:var(--type-kakomon)}.task-type-option.type-other{--type-color:var(--type-other)}.task-type-option input{opacity:0;pointer-events:none;position:absolute}.task-type-option span{text-align:center;color:var(--type-color);border:2px solid var(--rule);border-top:6px solid var(--type-color);border-radius:var(--radius-s);background:var(--paper);padding:.55rem .25rem;font-size:.9rem;font-weight:700;transition:background-color .15s,border-color .15s;display:block}.task-type-option:hover span{border-color:var(--type-color)}.task-type-option input:checked+span{background:var(--type-color);border-color:var(--type-color);color:var(--paper)}.task-type-option input:focus-visible+span{outline:3px solid var(--ripe);outline-offset:2px}.task-seed-lead{color:var(--soil-soft);margin-bottom:1.25rem}.task-seed-lead strong{color:var(--soil)}.seed-packets{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:14px 10px;margin-bottom:.5rem;display:grid}.seed-packet{--type-color:var(--leaf);border:none;border-top:10px solid var(--type-color);border-radius:0 0 var(--radius-s) var(--radius-s);background:var(--paper);flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 2px #2e1f121f,0 6px 14px #2e1f1214}.seed-packet.type-mondai{--type-color:var(--type-mondai)}.seed-packet.type-tango{--type-color:var(--type-tango)}.seed-packet.type-kakomon{--type-color:var(--type-kakomon)}.seed-packet.type-other{--type-color:var(--type-other)}.seed-packet:hover:not(:disabled){transform:rotate(-2deg)translateY(-3px);box-shadow:0 2px #2e1f121f,0 12px 20px #2e1f1229}.seed-packet-face{background:color-mix(in srgb, var(--type-color) 13%, var(--paper));place-items:center;height:92px;padding:.5rem;display:grid}.seed-packet-face img{object-fit:contain;max-width:100%;max-height:76px}.seed-packet-name{font-family:var(--display);letter-spacing:.04em;color:var(--soil);border-top:2px solid var(--type-color);padding:.5rem .25rem .6rem;font-size:1rem}@media (width<=480px){.task-type-options,.seed-packets{grid-template-columns:repeat(2,1fr)}}.app-shell{flex-direction:column;width:100%;height:100%;display:flex}.app-main{flex-direction:column;flex:1;width:100%;padding:24px clamp(16px,3vw,40px);display:flex;overflow:hidden auto}.dialog-alert{border-top-color:var(--chili);max-width:420px}.dialog-alert p{color:var(--soil-soft)}.dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.app-main:has(>.home-container){background:#d3cea9 url(/VegeTASK_%E4%B8%98.webp) 50% 30%/cover no-repeat}.home-container{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex;position:relative}.field-sign{z-index:5;filter:saturate(.86)contrast(.92)brightness(1.12);color:#2a2116;background:repeating-linear-gradient(178deg,#8b5a2b00 0 7px,#8b5a2b24 7px 8px,#8b5a2b00 8px 15px),linear-gradient(#ddb07a,#c9955a 60%,#b98349);border-radius:3px;padding:.9rem 1.5rem 1rem;position:absolute;top:8px;left:8px;box-shadow:inset 0 -3px #5a371659,inset 0 1px #fff0d28c,0 14px 24px -10px #141e148c}.field-sign:before,.field-sign:after{content:"";background:radial-gradient(circle at 35% 35%,#8d8a80,#3d3a33);border-radius:50%;width:7px;height:7px;position:absolute;top:.55rem}.field-sign:before{left:.55rem}.field-sign:after{right:.55rem}.field-sign-title{font-family:var(--display);letter-spacing:.08em;color:#2a2116;text-shadow:0 1px #ffecc899;margin:0;font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:400;line-height:1.15}.field-sign-summary{color:#2a2116d1;margin-top:.15rem;font-size:.9rem;font-weight:700}.field-sign-count{font-family:var(--display);color:#2a2116;font-variant-numeric:tabular-nums;font-size:1.5rem}.home-layout{align-items:center;gap:clamp(16px,3vw,40px);width:100%;max-width:1760px;margin:0 auto;display:flex}.home-field-section{flex:2;justify-content:center;align-items:center;min-width:0;display:flex}.todo-section{z-index:2;background:var(--paper);border-radius:var(--radius-s);border-left:6px solid var(--leaf);min-width:0;height:64vh;box-shadow:0 1px 0 var(--rule), 0 10px 24px #2e1f1214;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.todo-header{border-bottom:2px solid var(--soil);justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 1.5rem .9rem;display:flex}.todo-header h2{font-family:var(--display);letter-spacing:.04em;font-size:1.35rem;font-weight:400}.todo-progress{color:var(--soil-soft);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.todo-scroll{scrollbar-width:thin;scrollbar-color:var(--soil-faint) transparent;flex:1;overflow-y:auto}.todo-empty{color:var(--soil-soft);padding:2.5rem 1.5rem}.todo-empty strong{color:var(--soil);margin-bottom:.25rem;display:block}.todo-list{margin:0;padding:0;list-style:none}.todo-item{border-bottom:1px solid var(--rule);align-items:flex-start;gap:.9rem;padding:1rem 1.5rem;display:flex}.todo-item.completed-row{background:var(--leaf-wash);background:color-mix(in srgb, var(--leaf-wash) 45%, var(--paper))}.todo-checkbox{appearance:none;border:2px solid var(--soil);border-radius:var(--radius-s);background:var(--paper);cursor:pointer;flex-shrink:0;place-items:center;width:26px;height:26px;margin:.1rem 0 0;transition:background-color .15s,border-color .15s;display:grid}.todo-checkbox:hover:not(:disabled){background:var(--leaf-wash)}.todo-checkbox:after{content:"";border:solid var(--paper);border-width:0 3px 3px 0;width:7px;height:13px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transform:translateY(-2px)rotate(45deg)scale(0)}.todo-checkbox:checked{background:var(--leaf);border-color:var(--leaf)}.todo-checkbox:checked:after{transform:translateY(-2px)rotate(45deg)scale(1)}.todo-checkbox:disabled:not(:checked){cursor:not-allowed;border-style:dashed;border-color:var(--soil-faint);background:0 0}.todo-checkbox:checked:disabled{cursor:default}.todo-details{flex-direction:column;flex:1;align-items:flex-start;gap:.15rem;min-width:0;display:flex}.todo-badge{color:var(--type-color,var(--leaf));font-size:.75rem;font-weight:700;line-height:1.4}.todo-title{color:var(--soil);overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.45}.todo-content{color:var(--soil-soft);font-size:.9rem}.completed-row .todo-title,.completed-row .todo-content{color:var(--soil-faint);text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--leaf) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--leaf) 50%, transparent)}.todo-warning{color:var(--soil-soft);margin-top:.3rem;font-size:.8rem}.type-mondai{--type-color:var(--type-mondai)}.type-tango{--type-color:var(--type-tango)}.type-kakomon{--type-color:var(--type-kakomon)}.type-other{--type-color:var(--type-other)}.harvest-overlay{text-align:center;z-index:100000;cursor:pointer;background:#261a0ed1;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.harvest-image{object-fit:contain;filter:drop-shadow(0 0 32px #e09a1abf);width:min(320px,70vw);height:auto;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards popOutImage}.harvest-image.is-withered{filter:grayscale()sepia(.4)brightness(.8);opacity:.85}.harvest-title{color:var(--paper);font-family:var(--display);letter-spacing:.04em;margin-top:1.75rem;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400;line-height:1.4;animation:.5s ease-out .3s both slideUpText}.harvest-subtitle{color:var(--soil-faint);margin-top:.75rem;font-size:1rem;font-weight:700;line-height:1.7;animation:.5s ease-out .5s both slideUpText}@keyframes popOutImage{0%{opacity:0;transform:scale(0)translateY(100px)}60%{opacity:1;transform:scale(1.1)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideUpText{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.home-container{justify-content:flex-start}.field-sign{align-self:flex-start;margin:0 0 12px;position:static}.home-layout{flex-direction:column;align-items:stretch}.home-field-section,.todo-section{flex:none}.todo-section{height:auto}.todo-scroll{overflow:visible}}.tasks-page{width:100%;max-width:1280px;margin:0 auto}.tasks-empty{max-width:34rem;color:var(--soil-soft);padding:2rem 0}.tasks-empty strong{color:var(--soil)}.tasks-controls{background:linear-gradient(110deg, #fffdf5, var(--paper));border:1px solid var(--rule);border-top:4px solid var(--leaf);border-radius:var(--radius-m);margin-bottom:1.5rem;padding:1.25rem 1.5rem;box-shadow:0 3px #4a33200f,0 8px 24px #4a33200d}.tasks-control-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;display:grid}.tasks-control{flex-direction:column;gap:.4rem;min-width:0;font-size:.85rem;font-weight:700;display:flex}.tasks-control input,.tasks-control select{border:1px solid var(--rule);border-radius:var(--radius-s);background:var(--paper);width:100%;min-height:44px;color:var(--soil);font:inherit;padding:.6rem}.tasks-control-summary{border-top:1px dashed var(--soil-faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;font-size:.85rem;display:flex}.tasks-control-summary strong{color:var(--leaf-deep);font-size:1.15rem}.tasks-filter-group{border:0;min-width:0;margin:1rem 0 0;padding:0}.tasks-filter-group legend{color:var(--soil-soft);margin-bottom:.45rem;padding:0;font-size:.8rem;font-weight:700}.tasks-filter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.tasks-filter-button{--filter-color:var(--leaf-deep);border:1px solid color-mix(in srgb, var(--filter-color) 30%, var(--paper));background:var(--paper);min-height:44px;color:var(--filter-color);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;display:inline-flex}.tasks-filter-button.type-mondai{--filter-color:var(--type-mondai)}.tasks-filter-button.type-tango{--filter-color:var(--type-tango)}.tasks-filter-button.type-kakomon{--filter-color:var(--type-kakomon)}.tasks-filter-button.type-other{--filter-color:var(--type-other)}.tasks-filter-button.is-waiting{--filter-color:var(--soil-soft)}.tasks-filter-button.is-ripe,.tasks-filter-button.is-harvested{--filter-color:#896015}.tasks-filter-button.is-withered{--filter-color:var(--chili)}.tasks-filter-button:hover{background:color-mix(in srgb, var(--filter-color) 8%, var(--paper))}.tasks-filter-button[aria-pressed=true]{background:color-mix(in srgb, var(--filter-color) 13%, var(--paper));border-color:var(--filter-color);box-shadow:inset 0 0 0 1px var(--filter-color);font-weight:700}.tasks-filter-check{width:.85em}@media (width<=600px){.tasks-controls{padding:1rem}.tasks-control-grid{grid-template-columns:1fr}}.tasks-sort-note{color:var(--soil-soft);margin-top:.5rem;font-size:.8rem}.packet-shelf{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:28px 20px;margin:0;padding:0 0 2rem;list-style:none;display:grid}.packet{--type-color:var(--leaf);--type-tint:color-mix(in srgb, var(--type-color) 13%, var(--paper));background:var(--paper);height:100%;color:var(--soil);border-radius:0 0 var(--radius-s) var(--radius-s);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px #2e1f121f,0 10px 22px #2e1f1214}.packet:hover{transform:rotate(-1deg)translateY(-2px);box-shadow:0 2px #2e1f121f,0 16px 28px #2e1f1229}.packet.type-mondai{--type-color:var(--type-mondai)}.packet.type-tango{--type-color:var(--type-tango)}.packet.type-kakomon{--type-color:var(--type-kakomon)}.packet.type-other{--type-color:var(--type-other)}.packet-band{background:var(--type-color);color:var(--paper);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem .9rem .45rem;font-size:.8rem;font-weight:700;display:flex;position:relative}.packet-band:before{content:"";background:linear-gradient(135deg, var(--bed) 33%, transparent 33%) 0 0 / 10px 10px repeat-x, linear-gradient(225deg, var(--bed) 33%, transparent 33%) 0 0 / 10px 10px repeat-x;height:6px;position:absolute;top:0;left:0;right:0}.packet-status{background:var(--paper);color:var(--type-color);border-radius:999px;padding:.05rem .55rem;font-size:.72rem}.packet.is-ripe .packet-status{background:var(--ripe);color:var(--soil)}.packet-face{background:var(--type-tint);border-bottom:2px solid var(--type-color);justify-content:space-between;align-items:flex-end;gap:.5rem;height:176px;padding:.9rem .9rem 0;display:flex;overflow:hidden}.packet-veg{--face-room:150px;writing-mode:vertical-rl;font-family:var(--display);font-size:min(1.9rem, calc(var(--face-room) / var(--chars,4) / 1.06));letter-spacing:.06em;color:var(--type-color);white-space:nowrap;align-self:flex-start;line-height:1}.packet-image{object-fit:contain;object-position:bottom;max-width:70%;max-height:156px}.packet.is-waiting .packet-image{align-self:center;max-height:72px}.packet-back{flex-direction:column;flex:1;gap:.35rem;padding:.8rem .9rem .9rem;display:flex}.packet-title{overflow-wrap:anywhere;font-size:1rem;font-weight:700;line-height:1.45}.packet-amount{color:var(--soil-soft);font-size:.85rem}.packet-meter-label{color:var(--soil-soft);flex-wrap:wrap;justify-content:space-between;gap:.25rem;font-size:.75rem;display:flex}.packet-growth-section{margin-top:.35rem}.packet-growth{gap:3px;margin-top:.25rem;display:flex}.pip{background:var(--rule);border-radius:1px;flex:1;height:6px}.pip.on{background:var(--leaf)}.packet.is-ripe .pip.on,.packet.is-harvested .pip.on{background:var(--ripe)}.packet-calendar{margin-top:auto;padding-top:.6rem}.packet-calendar-track{border:1.5px solid var(--soil);background:var(--paper);border-radius:1px;height:8px;position:relative}.packet-calendar-fill{background:color-mix(in srgb, var(--type-color) 55%, var(--paper));height:100%}.packet-calendar-today{background:var(--soil);width:3px;margin-left:-1.5px;position:absolute;top:-5px;bottom:-5px}.packet-calendar-dates{font-variant-numeric:tabular-nums;color:var(--soil-soft);justify-content:space-between;margin-top:.2rem;font-size:.75rem;display:flex}.packet.is-withered{--type-color:var(--soil-faint)}.packet.is-withered .packet-image{filter:grayscale()sepia(.3);opacity:.7}.packet.is-withered .packet-title{color:var(--soil-soft)}.packet.is-withered .packet-status{color:var(--chili)}@media (width<=480px){.packet-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.packet-face{height:140px}.packet-image{max-height:120px}.packet-veg{--face-room:118px}}.detail-page{width:100%;max-width:760px;margin:0 auto}.detail-back{color:var(--soil-soft);margin-bottom:1rem;font-weight:700;display:inline-block}.detail-back:before{content:"‹ "}.detail-back:hover{color:var(--soil)}.detail.packet:hover{transform:none;box-shadow:0 2px #2e1f121f,0 10px 22px #2e1f1214}.detail-body{grid-template-columns:240px 1fr;display:grid}.detail-face{border-bottom:none;border-right:2px solid var(--type-color);height:auto;min-height:260px}.detail-face .packet-veg{--face-room:230px;font-size:min(2.4rem, calc(var(--face-room) / var(--chars,4) / 1.06))}.detail-face .packet-image{max-height:230px}.detail-info{padding:1.5rem 1.75rem}.detail-title{overflow-wrap:anywhere;margin-bottom:1.25rem;font-size:1.4rem}.detail-list{gap:.6rem;margin:0;display:grid}.detail-list div{border-bottom:1px solid var(--rule);grid-template-columns:7.5em 1fr;gap:1rem;padding-bottom:.6rem;display:grid}.detail-list dt{color:var(--soil-soft);font-size:.9rem}.detail-list dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.detail-danger{border-top:2px solid var(--type-color);justify-content:flex-end;padding:1rem 1.75rem 1.25rem;display:flex}.detail-delete{color:var(--chili)}.detail-delete:hover:not(:disabled){border-color:var(--chili);background:var(--chili-wash)}.detail-confirm{background:var(--chili-wash);border-left:4px solid var(--chili);border-radius:var(--radius-s);width:100%;padding:1rem 1.25rem}.detail-confirm p{color:var(--chili);margin-bottom:.75rem;font-weight:700}.detail-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=600px){.detail-body{grid-template-columns:1fr}.detail-face{border-right:none;border-bottom:2px solid var(--type-color);min-height:200px}.detail-face .packet-image{max-height:180px}.detail-info,.detail-danger{padding-left:1.25rem;padding-right:1.25rem}}.detail.packet{height:auto}.basket-scene{--pond-deep:#24453f;--cedar:#c9955a;--cedar-dark:#8b5a2b;--sumi:#2a2116;--foam:#f3f1e6;isolation:isolate;background:var(--pond-deep);filter:saturate(.86)contrast(.92)brightness(1.12);flex-direction:column;flex:1;min-height:560px;margin:-24px calc(-1*clamp(16px,3vw,40px));display:flex;position:relative;overflow:hidden}.basket-scene-far,.basket-scene-pond{z-index:-1;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;right:0}.basket-scene-far{filter:blur(3px)saturate(1.05)contrast(1.02);background-image:url(/VegeTASK_%E9%87%8C%E5%B1%B1.webp);background-position:100% 16%;background-size:108%;height:calc(46% + 12px);top:-12px;left:-12px;right:-12px}.basket-scene-pond{filter:saturate(1.08)contrast(1.03)blur(.6px);background-image:linear-gradient(#14282400 60%,#1428244d),url(/VegeTASK_%E6%B4%97%E3%81%84%E5%A0%B4.webp);background-position:50%,top;top:22%;bottom:0}.basket-scene-seam{z-index:-1;pointer-events:none;background:linear-gradient(#263a1e00,#263a1e4d 22%,#263a1e80 38% 60%,#263a1e00);height:24%;position:absolute;top:14%;left:0;right:0}@media (width<=700px){.basket-scene-far{background-position:70% 30%;background-size:auto 150%;height:calc(38% + 12px)}.basket-scene-pond{top:20%}.basket-scene-seam{height:22%;top:12%}}.basket-scene-light{z-index:1;pointer-events:none;background:radial-gradient(130% 105% at 50% 55%,#0000 55%,#10262259);position:absolute;inset:0}.basket-scene-light:before{content:"";mix-blend-mode:soft-light;background:radial-gradient(90% 80% at 22% 0,#ffe2a88c,#0000 65%);position:absolute;inset:0}.basket-sign{z-index:2;color:var(--sumi);background:repeating-linear-gradient(178deg, #8b5a2b00 0 7px, #8b5a2b24 7px 8px, #8b5a2b00 8px 15px), linear-gradient(180deg, #ddb07a, var(--cedar) 60%, #b98349);border-radius:3px;align-self:flex-start;margin:clamp(16px,3vw,32px) clamp(16px,4vw,48px) 0;padding:.9rem 1.5rem 1rem;position:relative;box-shadow:inset 0 -3px #5a371659,inset 0 1px #fff0d28c,0 14px 24px -10px #141e148c}.basket-sign:before,.basket-sign:after{content:"";background:radial-gradient(circle at 35% 35%,#8d8a80,#3d3a33);border-radius:50%;width:7px;height:7px;position:absolute;top:.55rem}.basket-sign:before{left:.55rem}.basket-sign:after{right:.55rem}.basket-title{font-family:var(--display);letter-spacing:.08em;color:var(--sumi);text-shadow:0 1px #ffecc899;margin:0;font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:400;line-height:1.15}.basket-pool{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:0 16px clamp(12px,2.5vh,28px);display:flex}.basket-stage{z-index:1;isolation:isolate;aspect-ratio:1408/768;flex:none;width:min(120%,1280px,128vh);margin-top:-6vh;margin-bottom:-5.5%;position:relative}@media (width<=700px){.basket-stage{width:124%;margin-bottom:-4%}}.basket-water,.basket-submerge,.basket-waterline{pointer-events:none;position:absolute;inset:0}.basket-water{z-index:5}.basket-water-front{z-index:10003;-webkit-mask-composite:source-in;-webkit-mask:url(/VegeTASK_%E7%B1%A0\(%E5%89%8D\).png) 0 0/100% 100% no-repeat,linear-gradient(#0000 57%,#000 58%);-webkit-mask-composite:source-in,source-over;mask:url(/VegeTASK_%E7%B1%A0\(%E5%89%8D\).png) 0 0/100% 100% no-repeat intersect,linear-gradient(#0000 57%,#000 58%)}.basket-water.basket-water-front:before{content:none}.basket-water:before{content:"";filter:blur(8px);background:radial-gradient(closest-side,#0a1e1ab8,#0a1e1a52 68%,#0000);border-radius:50%;width:86%;height:46%;position:absolute;top:44%;left:9%}.basket-ripple{opacity:0;filter:blur(.6px);background:radial-gradient(closest-side,#0000 90%,#0e2c2838 94%,#ecf8f08c 97.4%,#ecf8f000 100%);border-radius:50%;width:79.6%;height:48.2%;animation:9s cubic-bezier(.2,.6,.35,1) infinite basket-ripple;position:absolute;top:33.3%;left:10.2%}.basket-ripple:nth-child(2){animation-delay:-3s}.basket-ripple:nth-child(3){animation-delay:-6s}@keyframes basket-ripple{0%{opacity:0;transform:scale(1.1)}12%{opacity:.9}to{opacity:0;transform:scale(1.36)}}@media (prefers-reduced-motion:reduce){.basket-ripple{opacity:.6;animation:none;transform:scale(1.16)}.basket-ripple:nth-child(n+2){display:none}}.basket-submerge{z-index:10001;mix-blend-mode:multiply;background:radial-gradient(39.8% 24.1% at 50% 57.4%,#fff 98.5%,#c4dcd0 103%,#8cb0a4 112%,#5c8278 128%)}.basket-waterline{z-index:10002;background:radial-gradient(39.8% 24.1% at 50% 57.4%,#0000 98.6%,#e6f4ec33 99.8%,#e6f4ec00 102%,#96c4ba00 105%,#78aaa03d 126%)}.basket-submerge,.basket-waterline{filter:url(#basket-waterline-wobble);-webkit-mask-composite:source-in;-webkit-mask:url(/VegeTASK_%E7%B1%A0\(%E5%89%8D\).png) 0 0/100% 100% no-repeat,linear-gradient(#0000 55%,#000 58%);-webkit-mask-composite:source-in,source-over;mask:url(/VegeTASK_%E7%B1%A0\(%E5%89%8D\).png) 0 0/100% 100% no-repeat intersect,linear-gradient(#0000 55%,#000 58%)}.basket-layer-back{object-fit:contain;z-index:10;filter:saturate(.94)contrast(.96)blur(1px);width:100%;height:100%;position:absolute;top:0;left:0}.basket-layer-front{object-fit:contain;z-index:10000;pointer-events:none;filter:saturate(.94)contrast(.96)blur(.8px);width:100%;height:100%;position:absolute;top:0;left:0}.basket-hollow{z-index:12;pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(39% 20% at 50% 45%,#46321800 50%,#46321847 88%,#46321800 100%);position:absolute;inset:0}.basket-veg-container{z-index:20;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.basket-veg-container.is-hovering{cursor:grab}.basket-veg-container.is-dragging{cursor:grabbing}.basket-veg-item{pointer-events:none;transform-origin:bottom;max-width:none;height:auto;max-height:none;transform:translate(-50%, -100%) rotate(var(--veg-rotation));filter:saturate(.94)contrast(.96)blur(.45px)drop-shadow(.35vmin .6vmin .5vmin #1e1a0c80);transition:transform .18s ease-out,filter .18s ease-out;position:absolute}.basket-veg-item:focus{outline:none}.basket-veg-item.is-active,.basket-veg-item:focus-visible{filter:saturate(.94)contrast(.96)blur(.45px)drop-shadow(0 0 .25vmin #fff9e4f2)drop-shadow(0 0 .6vmin #ffecaab3)drop-shadow(.35vmin .6vmin .5vmin #1e1a0c80)}.basket-veg-item.is-dragging{transform:translate(-50%, calc(-100% - 1.5%)) rotate(var(--veg-rotation)) scale(1.06);filter:saturate(.94)contrast(.96)blur(.45px)drop-shadow(1.2vmin 2.4vmin 1.4vmin #1e1a0c59);transition:none}@media (prefers-reduced-motion:reduce){.basket-veg-item{transition:none}}.basket-tag{z-index:10010;border-radius:var(--radius-s);color:var(--sumi);white-space:nowrap;pointer-events:none;background:#fbf6e6;flex-direction:column;align-items:center;padding:.35rem .85rem .4rem;animation:.16s ease-out basket-tag-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 14px -6px #141e148c}.basket-tag:after{content:"";background:inherit;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.basket-tag-name{font-family:var(--display);letter-spacing:.04em;font-size:1rem;line-height:1.3}.basket-tag-date{color:var(--soil-soft);font-size:.75rem;font-weight:700}@keyframes basket-tag-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}@media (prefers-reduced-motion:reduce){.basket-tag{animation:none}}.basket-hint{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--foam);background:#162c289e;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;margin-top:0;padding:.3rem 1rem;font-size:.875rem;display:flex;position:relative}@media (width<=700px){.basket-hint{border-radius:var(--radius-m);text-align:center;padding:.4rem .75rem;font-size:.8125rem}}.basket-summary-text{color:#2a2116d1;margin-top:.15rem;font-size:.9rem;font-weight:700}.basket-summary-count{font-family:var(--display);color:var(--sumi);font-variant-numeric:tabular-nums;font-size:1.5rem}.basket-filters{width:0;height:0;position:absolute}