@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400&display=swap";:root{color-scheme:light;--font-body: "Nunito", system-ui, sans-serif;--color-primary: #ff4f9a;--color-primary-dark: #d6367f;--color-primary-soft: #ff8fc5;--color-secondary: #1cb0f6;--color-accent: #ff86d0;--color-sun: #ffc800;--color-berry: #ff4b4b;--color-lavender: #a560e8;--color-foliage: #43a047;--color-water: #4fc3f7;--color-correct: #58cc02;--color-streak: #ff9600;--ink: #332b30;--ink-soft: #8c7c85;--ink-light: #b7a9b1;--bg-app: #f8f2f5;--bg-card: #ffffff;--bg-card-soft: #fbf5f8;--hairline: #f0e2e9;--radius-card: 20px;--radius-control: 16px;--radius-chip: 12px;--shadow-card: 0 3px 10px rgba(51, 43, 48, .05)}:root[data-theme=dark]{color-scheme:dark;--ink: #f6f0f3;--ink-soft: #b09aa4;--ink-light: #7d6b74;--bg-app: #171013;--bg-card: #221b1f;--bg-card-soft: #2d252a;--hairline: #382e34;--shadow-card: none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ink: #f6f0f3;--ink-soft: #b09aa4;--ink-light: #7d6b74;--bg-app: #171013;--bg-card: #221b1f;--bg-card-soft: #2d252a;--hairline: #382e34;--shadow-card: none}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-app)}body{font-family:var(--font-body);color:var(--ink);overflow-x:hidden;line-height:1.5;transition:background-color .35s ease-out,color .35s ease-out}button,input{font-family:var(--font-body)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-light);border-radius:10px}.bloom-card{background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.bloom-input{background:var(--bg-card-soft);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--ink);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.bloom-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff4f9a2e}.bloom-chip{border-radius:var(--radius-chip);border:1px solid var(--hairline);background:var(--bg-card);font-weight:700;cursor:pointer;white-space:nowrap}.bloom-btn{--btn-color: var(--color-primary);--btn-edge: var(--color-primary-dark);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-control);background:var(--btn-color);color:#fff;font-family:var(--font-body);font-weight:800;font-size:15px;padding:13px 22px;cursor:pointer;box-shadow:0 4px 0 var(--btn-edge);transform:translateY(0);transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease}.bloom-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--btn-edge)}.bloom-btn:disabled{opacity:.45;cursor:not-allowed}.bloom-btn-secondary{--btn-color: var(--bg-card-soft);--btn-edge: var(--hairline);color:var(--ink);box-shadow:0 4px 0 var(--btn-edge)}.bloom-btn-water{--btn-color: var(--color-water);--btn-edge: #1e88b8}.bloom-btn-fertilizer{--btn-color: var(--color-lavender);--btn-edge: #7a3fb8}.bloom-btn-ghost{--btn-color: transparent;--btn-edge: transparent;color:var(--ink-soft);box-shadow:none;padding:10px 14px}@keyframes bloom-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes bloom-sway{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}@keyframes bloom-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}@keyframes bloom-drift-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}@keyframes bloom-rain{0%{transform:translateY(0);opacity:0}15%{opacity:.8}to{transform:translateY(160px);opacity:0}}@keyframes bloom-snow{0%{transform:translate(0);opacity:0}15%{opacity:.9}to{transform:translate(10px,160px);opacity:0}}@keyframes bloom-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bloom-animate-float{animation:bloom-float 5s ease-in-out infinite}.bloom-animate-sway{transform-origin:50% 100%;animation:bloom-sway 4.5s ease-in-out infinite}.bloom-animate-pop{animation:bloom-pop .35s cubic-bezier(.2,.8,.3,1.2) both}@media(prefers-reduced-motion:reduce){.bloom-animate-float,.bloom-animate-sway,.bloom-animate-pop{animation:none}}.bloom-app{display:flex;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;position:relative;background:var(--bg-app)}.bloom-tab-content{flex:1;padding:16px;padding-top:calc(16px + env(safe-area-inset-top,24px));padding-bottom:calc(90px + env(safe-area-inset-bottom,16px));overflow-y:auto;max-height:100vh}.study-card-container{perspective:1000px;width:100%;height:280px;cursor:pointer;margin:10px 0}.study-card{position:relative;width:100%;height:100%;text-align:center;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.study-card.flipped{transform:rotateY(180deg)}.study-card-front,.study-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-card);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--hairline);box-shadow:var(--shadow-card)}.study-card-front{background:var(--bg-card);color:var(--ink)}.study-card-back{background:var(--bg-card-soft);color:var(--ink);transform:rotateY(180deg)}@keyframes bloom-cloud-drift{0%{transform:translate(0)}to{transform:translate(560px)}}@keyframes bloom-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.05);opacity:1}}@keyframes bloom-bounce{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05) translateY(-5px)}}@keyframes bloom-drop-down{0%{transform:translateY(0) scaleY(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(60px) scaleY(.8);opacity:0}}.bloom-animate-bounce{animation:bloom-bounce .6s ease-in-out infinite}@keyframes bloom-tip-can{0%,to{transform:translate(0) rotate(0)}30%,70%{transform:translate(-10px,-5px) rotate(-35deg)}}@keyframes bloom-fertilize-shake{0%,to{transform:translate(0) rotate(0)}20%,60%{transform:translate(3px,-3px) rotate(8deg)}40%,80%{transform:translate(-3px,-3px) rotate(-8deg)}}@keyframes bloom-slide-up{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}