*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.break-all{word-break:break-all}.border{border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--paper: #F5EFE0;--panel: #FAF6EB;--sprout: #A8C090;--moss: #6B8552;--forest: #3F5238;--dryleaf: #8B7355;--vermillion: #C25450;--honey: #D4A04A;--ink: #4A6B8A;--leather: #D4B896}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:"Noto Serif SC",serif;background:var(--paper);color:var(--forest);min-height:100vh;overflow-x:hidden}.font-wenkai{font-family:LXGW WenKai,serif}.font-caveat{font-family:Caveat,cursive}.font-cormorant{font-family:Cormorant Garamond,serif}.font-noto{font-family:"Noto Serif SC",serif}.bg-watercolor{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.masonry{-moz-column-count:4;column-count:4;-moz-column-gap:20px;column-gap:20px}@media (max-width: 1400px){.masonry{-moz-column-count:3;column-count:3}}@media (max-width: 1000px){.masonry{-moz-column-count:2;column-count:2}}.masonry-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:20px}.seed-card{border-radius:10px;position:relative;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #503c281a}.seed-card:hover{transform:rotate(0) translateY(-3px)!important;box-shadow:0 8px 24px #503c282e,0 0 0 6px #a8c0901f,0 0 0 12px #a8c0900f}.bud-rainbow{background:radial-gradient(ellipse at 20% 30%,rgba(245,213,216,.38) 0%,transparent 60%),radial-gradient(ellipse at 75% 20%,rgba(242,227,184,.35) 0%,transparent 55%),radial-gradient(ellipse at 60% 70%,rgba(200,220,192,.32) 0%,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(200,218,232,.3) 0%,transparent 55%),radial-gradient(ellipse at 85% 65%,rgba(216,200,224,.28) 0%,transparent 50%),#faf6eb;background-size:200% 200%;animation:rainbowShift 30s ease infinite}@keyframes rainbowShift{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.bloomed-card{filter:saturate(.6);background:#faf6eb!important}.tab-label{position:relative;cursor:pointer;transition:transform .45s cubic-bezier(.34,1.56,.64,1),filter .3s ease;filter:saturate(.7) brightness(.95);flex-shrink:0}.tab-label:hover{transform:translateY(-4px) rotate(-1.5deg);filter:saturate(1) brightness(1)}.tab-label.active{transform:translateY(-2px) rotate(.5deg);filter:saturate(1.1) brightness(1.02)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5efe0d1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center}.note-bubble{position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;background:#faf6eb;border-radius:6px;padding:10px 12px;transform:rotate(-2deg);box-shadow:0 3px 12px #503c2826;border:1px solid rgba(139,115,85,.2);z-index:20;animation:noteAppear .25s cubic-bezier(.34,1.56,.64,1);pointer-events:none}@keyframes noteAppear{0%{opacity:0;transform:rotate(-2deg) translateY(6px)}to{opacity:1;transform:rotate(-2deg) translateY(0)}}.stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%) rotate(-8deg);opacity:.75;pointer-events:none}.page-enter{animation:pageEnter .5s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes seedBreak{0%{opacity:0;transform:scale(.2) rotate(-5deg)}60%{opacity:1;transform:scale(1.08) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.card-appear{animation:seedBreak .6s cubic-bezier(.34,1.56,.64,1)}.reward-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5efe0e6;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reward-card-anim{animation:cardRise .8s .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes cardRise{0%{opacity:0;transform:translateY(80px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.card-just-dropped{animation:dropGlow 1s cubic-bezier(.22,.61,.36,1) both}@keyframes dropGlow{0%{box-shadow:0 0 #6b85528c,0 0 #d4a04a80,0 2px 8px #503c2814}35%{box-shadow:0 0 0 3px #6b85528c,0 0 22px 6px #d4a04a8c,0 4px 14px #503c2824}to{box-shadow:0 0 #6b855200,0 0 #d4a04a00,0 2px 8px #503c2814}}.herb-card{aspect-ratio:5/7;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.herb-card:hover{transform:translateY(-4px) rotate(1deg);box-shadow:0 12px 32px #503c282e}.archive-book{cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1);perspective:600px}.archive-book:hover .book-cover{transform:rotateY(-8deg)}.book-cover{transition:transform .5s ease;transform-origin:left center}.wavy-input{background:transparent;border:none;outline:none;width:100%;font-family:"Noto Serif SC",serif;font-size:15px;color:var(--forest);padding:4px 0 8px;line-height:1.75}.wavy-input::-moz-placeholder{color:#a89880;font-style:italic}.wavy-input::placeholder{color:#a89880;font-style:italic}.lined-textarea{background:repeating-linear-gradient(to bottom,transparent,transparent 23px,rgba(139,115,85,.15) 23px,rgba(139,115,85,.15) 24px);border:none;outline:none;width:100%;resize:none;font-family:"Noto Serif SC",serif;font-size:14px;color:var(--forest);line-height:24px;padding:0 4px;background-color:transparent}.lined-textarea::-moz-placeholder{color:#a89880;font-style:italic}.lined-textarea::placeholder{color:#a89880;font-style:italic}.batch-bar{position:sticky;top:0;z-index:50;background:#faf6ebf2;border:1px solid var(--moss);border-radius:12px;padding:10px 20px;display:flex;align-items:center;gap:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 12px #503c2814}.card-selected{outline:2.5px dashed #6B8552;outline-offset:3px}.card-checkbox{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--forest);background:#faf6eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.card-checkbox.checked{background:var(--moss);border-color:var(--moss);animation:checkBounce .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkBounce{0%{transform:scale(.7)}60%{transform:scale(1.2)}to{transform:scale(1)}}.book-open-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5efe0eb;z-index:150;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease;padding:40px}.book-spread{display:flex;max-width:900px;width:100%;max-height:90vh;box-shadow:0 20px 60px #503c2840;border-radius:4px;overflow:hidden;animation:bookOpen .6s cubic-bezier(.34,1.56,.64,1)}@keyframes bookOpen{0%{opacity:0;transform:scale(.85) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.herb-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#503c288c;z-index:150;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.herb-detail-card{width:320px;border-radius:12px;overflow:hidden;background:#faf6eb;box-shadow:0 20px 60px #503c284d;animation:cardRise .5s cubic-bezier(.34,1.56,.64,1);transition:transform .1s ease}.vine-progress{position:relative;height:16px;background:transparent}.app-inner{height:100svh!important;min-height:unset!important;overflow:hidden!important}.app-main{overflow:hidden!important;display:flex!important;flex-direction:column!important}.page-outer{flex:1;min-height:0;overflow-y:auto!important}.garden-outer{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.garden-columns-wrap{flex:1!important;min-height:0!important;overflow:hidden!important}.garden-columns{height:100%!important}.garden-col-body{display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important}.garden-col-drop{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}@media (max-width: 767px){.app-header{height:auto!important;flex-wrap:wrap!important;padding:8px 12px!important;gap:4px 0}.app-header-nav{position:static!important;transform:none!important;order:3;width:100%;justify-content:space-around!important;gap:0!important;padding:4px 0 2px;border-top:1px solid rgba(139,115,85,.15)}.app-header-actions{margin-left:0!important}.app-inner{height:100svh!important;min-height:unset!important;overflow:hidden!important}.app-main{max-width:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.garden-outer{flex:1!important;padding:6px 8px 0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important}.garden-stat-text{display:none!important}.garden-toolbar{flex-shrink:0!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:4px!important}.garden-toolbar-left{flex-direction:row!important;align-items:center!important;gap:6px!important}.garden-toolbar-buttons{gap:6px!important}.garden-search{min-width:120px!important;flex:1!important}.garden-wavy{display:none!important}.garden-columns-wrap{flex:1!important;min-height:0!important;overflow:hidden!important;margin-top:0!important;padding-bottom:0!important}.garden-columns{display:flex!important;flex-direction:column!important;height:100%!important;gap:6px!important}.garden-col-body{flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important;border-left:none!important;padding:0!important}.garden-col-header{position:static!important;top:unset!important;margin-bottom:4px!important;padding:6px 10px!important;flex-shrink:0}.garden-col-drop{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;flex:1!important;min-height:0!important;gap:8px!important;padding:2px 4px 6px!important;-webkit-overflow-scrolling:touch;align-items:flex-start}.kanban-card-root{flex-shrink:0!important;width:158px!important;margin-bottom:0!important}.garden-col-empty{flex-shrink:0!important;min-width:120px!important}.card-actions{display:flex!important}.page-outer{padding:12px 12px 60px!important}.masonry{-moz-column-count:2!important;column-count:2!important}.book-spread{flex-direction:column!important}.book-open-overlay{padding:16px!important}.modal-backdrop>*{width:95vw!important;max-width:95vw!important}.herb-detail-card{width:90vw!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--dryleaf);border-radius:3px}.btn-natural{transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease,background .3s ease}.btn-natural:hover{transform:rotate(-2deg) translateY(-1px)}.flower-opt{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.flower-opt:hover{transform:scale(1.1)}.flower-opt.selected{transform:scale(1)}.flower-opt.selected .flower-circle{box-shadow:0 0 0 2.5px var(--forest)}