:root{font-family:Trebuchet MS,Segoe UI,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2b1d25;background-color:#fff6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{height:100%;height:-webkit-fill-available;scroll-behavior:smooth}body{margin:0;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background-color:#fff6fa;background-image:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1px),radial-gradient(rgba(255,206,226,.18) 1px,transparent 1px),linear-gradient(120deg,rgba(255,255,255,.6),transparent 60%);background-size:120px 120px,80px 80px,100% 100%;background-position:0 0,40px 30px,0 0;letter-spacing:.01em}#root{height:100%;min-height:100dvh;min-height:-webkit-fill-available}button,input,textarea,select{font-family:inherit;font-size:16px}.route-placeholder{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#fff6fa;text-align:center}.route-placeholder h1{margin:0;font-size:1.5rem;color:#3b1f2a}.route-placeholder p{margin:0;color:#7f5a69}.route-placeholder a,.route-placeholder button{padding:12px 24px;font-size:1rem;font-weight:600;color:#c6386b;background:#fffc;border:2px solid #ff6b9d;border-radius:999px;cursor:pointer;text-decoration:none;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease}.route-placeholder a:hover,.route-placeholder button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #c6386b26}.login-root{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 30%,rgba(255,189,114,.12),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,107,157,.08),transparent 45%),#fff6fa}.login-card{width:100%;max-width:360px;padding:36px 28px;border-radius:28px;background:#fffdfbe6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(243,199,214,.6);box-shadow:0 20px 60px #5a30401f,0 0 0 1px #fff6 inset;text-align:center;animation:login-card-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes login-card-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card-success{animation:login-card-in .4s cubic-bezier(.22,1,.36,1) both}.login-icon{display:block;font-size:2.5rem;line-height:1;margin-bottom:12px;filter:drop-shadow(0 2px 8px rgba(214,69,123,.2))}.login-title{margin:0 0 6px;font-size:1.6rem;font-weight:700;color:#3b1f2a;letter-spacing:-.02em}.login-subtitle{margin:0 0 28px;font-size:.95rem;color:#7f5a69;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.login-label{display:block;font-size:.85rem;font-weight:600;color:#8d6170;margin-bottom:-8px}.login-input{width:100%;padding:14px 16px;font-size:1rem;font-family:inherit;color:#3b1f2a;background:#fffc;border:1.5px solid rgba(241,200,215,.9);border-radius:14px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.login-input::placeholder{color:#8d617099}.login-input:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d26}.login-input:disabled{opacity:.7;cursor:not-allowed}.login-error{margin:0;padding:10px 14px;font-size:.9rem;color:#b2466d;background:#ffd9e899;border-radius:12px}.login-btn{padding:14px 24px;font-size:1rem;font-weight:600;font-family:inherit;color:#fff;background:linear-gradient(135deg,#ff6da3,#e4437f);border:none;border-radius:999px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 12px 24px #e4437f47}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #e4437f52}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-link-btn{padding:8px 12px;font-size:.9rem;font-family:inherit;color:#8d4f68;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.login-link-btn:hover{color:#c6386b}.login-loading{margin:0;font-size:1rem;color:#7f5a69}.world-scroll{position:relative;width:100%;scroll-snap-type:y mandatory;background:#fff6fa}.app{--bloom-reveal-ms: 1.3s;position:relative;min-height:100dvh;overflow:hidden;background:#fff6fa;scroll-snap-align:start;scroll-snap-stop:always}.scroll-zone{position:relative;min-height:100dvh;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:24px;scroll-snap-align:start;scroll-snap-stop:always}.zone-caption{position:relative;z-index:5;margin:0;color:#564750b3;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-align:center}.underground-zone{--soil-1: #2f2019;--soil-2: #493025;--soil-3: #6b4634;--soil-amber: #ffb974;--soil-cyan: #63f0e3;--soil-violet: #a08bff;align-items:flex-start;background:radial-gradient(circle at 50% -10%,rgba(255,189,114,.16),transparent 45%),linear-gradient(180deg,var(--soil-3) 0%,var(--soil-2) 32%,var(--soil-1) 100%)}.soil-strata{position:absolute;inset:0;opacity:.35;background:repeating-linear-gradient(173deg,rgba(255,186,112,.14) 0 2px,transparent 2px 42px),repeating-linear-gradient(7deg,#442b2166 0 20px,#68423133 20px 46px);mix-blend-mode:soft-light}.soil-gradient{position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(255,213,144,.16),transparent 42%),radial-gradient(circle at 84% 38%,rgba(99,240,227,.14),transparent 44%),radial-gradient(circle at 52% 78%,rgba(26,16,12,.54),transparent 44%)}.underground-zone:before{content:"";position:absolute;left:0;right:0;top:0;height:20%;background:linear-gradient(180deg,rgba(63,45,34,.82) 0%,transparent 100%);pointer-events:none}.mycelium-web{position:absolute;inset:10% 6% 18%;opacity:.35;background:radial-gradient(circle at 12% 30%,rgba(255,188,117,.5),transparent 8%),radial-gradient(circle at 38% 50%,rgba(156,139,255,.4),transparent 8%),radial-gradient(circle at 76% 24%,rgba(99,240,227,.38),transparent 8%),radial-gradient(circle at 88% 58%,rgba(255,188,117,.38),transparent 7%);filter:blur(10px);pointer-events:none}.underground-spores{position:absolute;inset:0;pointer-events:none}.underground-spore{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffeed6f2,#ffc48a59);box-shadow:0 0 14px #ffbe7a73;animation:spore-drift var(--spore-dur, 10s) ease-in-out infinite;animation-delay:var(--spore-delay, 0s)}.underground-crystals{position:absolute;inset:0;pointer-events:none}.underground-crystal{position:absolute;width:18px;height:var(--crystal-h, 40px);clip-path:polygon(50% 0%,100% 30%,78% 100%,24% 100%,0% 30%);transform:translate(-50%);background:linear-gradient(180deg,hsl(var(--crystal-hue, 200) 100% 84%),hsl(var(--crystal-hue, 200) 78% 58%));box-shadow:0 0 22px hsl(var(--crystal-hue, 200) 100% 72% / .45),inset 2px 0 8px #fff6;opacity:.88;animation:crystal-pulse 5s ease-in-out infinite;animation-delay:var(--crystal-delay, 0s)}.underground-roots{position:absolute;inset:0}.underground-root{position:absolute;top:8%;border-radius:10px;background:linear-gradient(180deg,#b17d5b,#754f3b);transform-origin:top center;transform:translate(-50%) rotate(var(--root-tilt, 0deg));opacity:.9;box-shadow:inset 0 0 2px #ffe5c82e;animation:root-sway 8s ease-in-out infinite;will-change:transform}.underground-fungi{position:absolute;inset:0;pointer-events:none}.underground-fungus{position:absolute;display:block;width:12px;height:22px;border-radius:8px 8px 3px 3px;transform:translate(-50%) scale(var(--fungus-scale, 1));transform-origin:bottom center;background:linear-gradient(180deg,#d8cab8,#b3a08f);box-shadow:0 0 12px rgba(255,188,120,var(--fungus-glow, .2));animation:fungus-bob 4.6s ease-in-out infinite}.underground-fungus:before{content:"";position:absolute;left:50%;bottom:72%;width:30px;height:18px;border-radius:16px 16px 12px 12px;transform:translate(-50%);background:linear-gradient(180deg,hsl(calc(14 + var(--fungus-hue, 0)) 95% 74%),hsl(calc(2 + var(--fungus-hue, 0)) 85% 56%));box-shadow:inset 0 -2px 5px #4a1e1640,0 0 18px rgba(255,174,112,var(--fungus-glow, .2))}.underground-fungus:after{content:"";position:absolute;left:50%;bottom:83%;width:18px;height:8px;border-radius:999px;transform:translate(-50%);background:radial-gradient(circle at 25% 50%,rgba(255,243,227,.8) 0 1px,transparent 2px),radial-gradient(circle at 50% 45%,rgba(255,243,227,.9) 0 1px,transparent 2px),radial-gradient(circle at 75% 52%,rgba(255,243,227,.8) 0 1px,transparent 2px)}.underground-stones{position:absolute;left:0;right:0;bottom:14%;height:90px}.underground-stone{position:absolute;bottom:0;display:block;border-radius:50% 50% 45% 45%;transform:translate(-50%);background:linear-gradient(180deg,#8b8b94,#696872);opacity:.65;box-shadow:inset 0 1px 1px #fff3}.underground-zone .zone-caption{color:#ffead5e6;text-shadow:0 2px 10px rgba(0,0,0,.35);font-size:.78rem;letter-spacing:.12em}.card-overlay{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff0f54d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);will-change:opacity,transform;animation:overlay-in .46s cubic-bezier(.22,1,.36,1) both}@keyframes overlay-in{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:translateZ(0)}}.glass-card{width:100%;max-width:380px;padding:32px 28px;border-radius:28px;background:#fffdfbd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(243,199,214,.6);box-shadow:0 20px 60px #5a304026,0 0 0 1px #ffffff4d inset;text-align:center;display:flex;flex-direction:column;gap:16px;will-change:opacity,transform;animation:card-in .56s cubic-bezier(.22,1,.36,1) both}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.glass-eyebrow{margin:0;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:#ad6d86}.glass-prompt{margin:0;font-size:1.15rem;color:#3b1f2a;font-weight:600;line-height:1.4}.glass-form{display:flex;flex-direction:column;gap:12px}.quiz-options-shell{border-radius:18px;will-change:transform}.quiz-options{margin:0;padding:0;border:0;display:grid;gap:10px;text-align:left}.quiz-options-legend{margin-bottom:2px;font-size:.82rem;color:#7f5a69;font-weight:600}.quiz-option-row{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 12px;border-radius:14px;border:1.5px solid rgba(241,200,215,.8);background:#ffffffb8;color:#3b1f2a;font-size:.98rem;cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.quiz-option-row input{width:18px;height:18px;accent-color:#d54579;margin:0}.quiz-option-row.is-selected{border-color:#ff6b9d;background:#ffeef5e6;box-shadow:0 0 0 3px #ff6b9d24}.glass-btn{border:2px solid #ff6b9d;border-radius:999px;padding:12px 26px;min-width:160px;min-height:48px;font-size:1rem;font-weight:600;font-family:inherit;color:#c6386b;background:#fffc;box-shadow:0 8px 20px #c6386b26;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.glass-btn:active{transform:scale(.97);box-shadow:0 4px 12px #c6386b26;background:#fff5f9e6}.glass-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 6px 14px #c6386b1a}.glass-feedback{margin:0;color:#8d6170;font-weight:600;font-size:.95rem;min-height:24px;border-radius:12px;padding:8px 10px;transition:background-color .2s ease,color .2s ease}.glass-feedback.is-wrong{color:#b2466d;background:#ffd9e8b3}.glass-feedback.is-success{color:#2f7748;background:#d4f9e0b8;box-shadow:inset 0 0 0 1px #3ea46033}.reveal-card{gap:20px;animation-duration:calc(var(--bloom-reveal-ms) * .62)}.reveal-title{margin:0;font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,#e8457a,#ff7eb3,#ffc2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.reveal-message{margin:0;color:#5c404b;font-size:1.05rem;line-height:1.5}.reveal-actions{display:flex;flex-direction:column;gap:10px}.reveal-photo{width:100%;max-width:300px;aspect-ratio:3 / 4;object-fit:cover;border-radius:18px;border:1.5px solid rgba(243,199,214,.8);box-shadow:0 14px 28px #5a304033}.glass-btn-primary{border-color:#e4437f;background:linear-gradient(135deg,#ff6da3,#e4437f);color:#fff;box-shadow:0 12px 24px #e4437f4d}.glass-btn-secondary{border-color:#c6386b59;color:#8d4f68;background:#ffffffc2;box-shadow:0 6px 16px #7838581f}.quiz-shake{animation:quiz-shake .26s cubic-bezier(.22,1,.36,1)}@keyframes quiz-shake{0%,to{transform:translateZ(0) scale(1)}25%{transform:translate3d(-2px,0,0) scale(.998)}50%{transform:translate3d(2px,0,0) scale(1.002)}75%{transform:translate3d(-1px,0,0) scale(.999)}}@keyframes root-sway{0%,to{transform:translate(-50%) rotate(calc(var(--root-tilt, 0deg) - 2deg))}50%{transform:translate(-50%) rotate(calc(var(--root-tilt, 0deg) + 2deg))}}@keyframes spore-drift{0%{transform:translateZ(0) scale(.8);opacity:.2}45%{transform:translate3d(10px,-14px,0) scale(1);opacity:.75}to{transform:translate3d(-8px,-26px,0) scale(.75);opacity:.15}}@keyframes crystal-pulse{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.2) brightness(1.18)}}@keyframes fungus-bob{0%,to{transform:translate(-50%) scale(var(--fungus-scale, 1)) translateY(0)}50%{transform:translate(-50%) scale(var(--fungus-scale, 1)) translateY(-3px)}}@media(prefers-reduced-motion:reduce){.underground-root,.underground-fungus,.underground-spore,.underground-crystal{animation:none}.world-scroll{scroll-snap-type:none}}.garden-header{position:absolute;top:0;left:0;right:0;z-index:30;text-align:center;padding:calc(env(safe-area-inset-top,0px) + 36px) 24px 0;pointer-events:none}.garden-eyebrow{margin:0 0 6px;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:#b4648299}.garden-title{margin:0;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:800;background:linear-gradient(135deg,#e8457a,#ff7eb3,#ffc2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;line-height:1.1;filter:drop-shadow(0 4px 20px rgba(232,69,122,.2))}.garden-hint{position:relative;z-index:50;margin:8px 0 0;font-size:.9rem;color:#b4648280;letter-spacing:.04em;transition:opacity .4s ease,transform .4s ease}.garden-hint.is-hidden{opacity:0;transform:translateY(6px);pointer-events:none}.garden-world{position:absolute;inset:0;cursor:pointer;touch-action:manipulation;overflow:hidden;opacity:0;transition:opacity .62s cubic-bezier(.22,1,.36,1);outline:none}.garden-world.is-ready{opacity:1}.garden-sky{position:absolute;inset:0;background:linear-gradient(180deg,#fff0f5,#ffe8f1,#ffd4e4 60%,#f0bfce)}.garden-ground{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(180deg,#7fd48e,#5cbe6e,#48a85c 60%,#3a9450);border-radius:50% 50% 0 0/16% 16% 0 0}.garden-scatter{position:absolute;left:0;right:0;bottom:0;height:30%;z-index:3;pointer-events:none;overflow:hidden}.scatter-bit{position:absolute;display:block;width:var(--bit-size, 10px);height:var(--bit-size, 10px);transform:rotate(var(--bit-rot, 0deg));opacity:.55}.scatter-leaf{border-radius:50% 0;background:hsl(calc(130 + var(--bit-hue, 0)),45%,52%);box-shadow:inset 0 0 2px #0000001a}.scatter-petal{border-radius:50% 50% 50% 0;background:hsl(calc(340 + var(--bit-hue, 0)),70%,80%);box-shadow:0 1px 3px #b4507826}.scatter-dot{border-radius:50%;width:calc(var(--bit-size, 10px) * .5);height:calc(var(--bit-size, 10px) * .5);background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,220,240,.6) 60%,transparent 100%);opacity:.7;animation:sparkle-pulse 2.5s ease-in-out infinite;animation-delay:calc(var(--bit-rot, 0deg) * .01)}.garden-life{position:absolute;inset:0;z-index:14;pointer-events:none;overflow:hidden}.life-bit{position:absolute;display:block;opacity:0;transform:scale(0);transition:opacity .6s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.life-bit.is-alive{opacity:1;transform:scale(1)}.life-butterfly{width:var(--life-size, 16px);height:var(--life-size, 16px);filter:hue-rotate(var(--life-hue, 0deg));animation:none}.life-butterfly.is-alive{animation:butterfly-float var(--life-dur, 8s) ease-in-out infinite}.life-butterfly:before,.life-butterfly:after{content:"";position:absolute;top:30%;width:45%;height:60%;border-radius:50% 50% 50% 10%;background:radial-gradient(circle at 40% 40%,#ffb7d5,#e87aab,#d45d8a);animation:wing-flap .4s ease-in-out infinite alternate}.life-butterfly:before{left:0;transform-origin:right center}.life-butterfly:after{right:0;border-radius:50% 50% 10%;transform-origin:left center;animation-delay:.05s}.life-ladybug{width:var(--life-size, 10px);height:calc(var(--life-size, 10px) * .8);border-radius:50%;background:radial-gradient(circle at 40% 35%,#e74c3c,#c0392b);box-shadow:inset 0 -1px 2px #0003}.life-ladybug.is-alive{animation:ladybug-walk var(--life-dur, 6s) ease-in-out infinite}.life-ladybug:before{content:"";position:absolute;left:50%;top:15%;width:1px;height:70%;background:#2c1810;transform:translate(-50%)}.life-ladybug:after{content:"";position:absolute;width:25%;height:25%;top:35%;left:20%;border-radius:50%;background:#2c1810;box-shadow:calc(var(--life-size, 10px) * .35) 0 0 0 #2c1810,calc(var(--life-size, 10px) * .1) calc(var(--life-size, 10px) * .25) 0 0 #2c1810}.life-daisy{width:var(--life-size, 14px);height:var(--life-size, 14px);border-radius:50%;background:radial-gradient(circle,#ffd700 30%,transparent 30%),radial-gradient(circle at 50% 15%,white 25%,transparent 26%),radial-gradient(circle at 85% 40%,white 25%,transparent 26%),radial-gradient(circle at 73% 80%,white 25%,transparent 26%),radial-gradient(circle at 27% 80%,white 25%,transparent 26%),radial-gradient(circle at 15% 40%,white 25%,transparent 26%);filter:hue-rotate(var(--life-hue, 0deg))}.life-daisy.is-alive{animation:daisy-bob var(--life-dur, 4s) ease-in-out infinite}.life-grass{width:var(--life-size, 20px);height:calc(var(--life-size, 20px) * 1.2);filter:hue-rotate(var(--life-hue, 0deg))}.life-grass:before,.life-grass:after{content:"";position:absolute;bottom:0;width:3px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#6ec07e,#489a5c)}.life-grass:before{left:25%;height:80%;transform:rotate(-8deg)}.life-grass:after{right:25%;height:100%;transform:rotate(6deg)}.life-grass.is-alive{animation:grass-sway var(--life-dur, 5s) ease-in-out infinite}@keyframes butterfly-float{0%,to{transform:scale(1) translate(0)}25%{transform:scale(1) translate(12px,-8px)}50%{transform:scale(1) translate(-6px,-14px)}75%{transform:scale(1) translate(8px,-4px)}}@keyframes wing-flap{0%{transform:scaleX(1) rotateY(0)}to{transform:scaleX(.4) rotateY(50deg)}}@keyframes ladybug-walk{0%,to{transform:scale(1) translate(0)}30%{transform:scale(1) translate(6px)}70%{transform:scale(1) translate(-4px)}}@keyframes daisy-bob{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1) translateY(-3px)}}@keyframes grass-sway{0%,to{transform:scale(1) rotate(0)}33%{transform:scale(1) rotate(-4deg)}66%{transform:scale(1) rotate(3deg)}}.garden-plants{position:absolute;left:0;right:0;bottom:0;height:100%;pointer-events:none}.garden-plant{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%) scale(0);transform-origin:bottom center;opacity:0;transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .42s ease-out}.garden-plant.is-visible{opacity:1;transform:translate(-50%) scale(1);will-change:transform,opacity;animation:sway var(--sway-dur, 5s) ease-in-out infinite}.garden-plant.just-sprouted{animation:sprout-in .6s cubic-bezier(.34,1.56,.64,1) forwards,sway var(--sway-dur, 5s) ease-in-out .6s infinite}.garden-stem{width:4px;height:var(--stem-h, 0px);border-radius:2px;background:linear-gradient(180deg,#6ec07e,#489a5c);flex-shrink:0;transition:height .5s cubic-bezier(.34,1.56,.64,1)}.garden-flower{display:block;height:auto;opacity:0;transform:scale(.4);transition:opacity .44s ease-out,transform .66s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 6px 14px rgba(180,80,120,.22))}.garden-flower.is-open{opacity:1;transform:scale(1);will-change:transform,opacity}.garden-world.is-animating .garden-plant.is-visible{animation:grow-bounce .62s cubic-bezier(.22,1,.36,1),sway var(--sway-dur, 5s) ease-in-out .62s infinite}.garden-world.is-pulse{animation:pulse .18s ease-out}.garden-world.has-bloomed:before,.garden-world.has-bloomed:after{content:"";position:absolute;width:10px;height:10px;border-radius:50% 50% 50% 0;background:#ffb7d580;z-index:30;pointer-events:none;animation:petal-drift 7s linear infinite}.garden-world.has-bloomed:before{left:30%;top:-12px}.garden-world.has-bloomed:after{left:65%;top:-12px;width:8px;height:8px;animation-delay:-3s;animation-duration:9s}@keyframes sway{0%,to{transform:translate(-50%) rotate(0)}33%{transform:translate(-50%) rotate(-2.2deg)}66%{transform:translate(-50%) rotate(1.8deg)}}@keyframes sprout-in{0%{opacity:0;transform:translate(-50%) scaleY(0) scaleX(.6)}60%{opacity:1;transform:translate(-50%) scaleY(1.15) scaleX(1.05)}80%{transform:translate(-50%) scaleY(.95) scaleX(.98)}to{opacity:1;transform:translate(-50%) scaleY(1) scaleX(1)}}@keyframes grow-bounce{0%{transform:translate(-50%) scaleY(1) scaleX(1)}38%{transform:translate(-50%) scaleY(1.08) scaleX(.97)}72%{transform:translate(-50%) scaleY(.98) scaleX(1.01)}to{transform:translate(-50%) scaleY(1) scaleX(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.003)}to{transform:scale(1)}}@keyframes sparkle-pulse{0%,to{opacity:.4;transform:rotate(var(--bit-rot, 0deg)) scale(1)}50%{opacity:.9;transform:rotate(var(--bit-rot, 0deg)) scale(1.3)}}@keyframes petal-drift{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(100vh) rotate(300deg);opacity:0}}@media(prefers-reduced-motion:reduce){.garden-world,.garden-flower,.garden-stem{transition:none}.garden-plant,.garden-plant.is-visible,.garden-plant.just-sprouted,.garden-world.is-animating .garden-plant.is-visible,.garden-world.is-pulse{animation:none}.garden-world.has-bloomed:before,.garden-world.has-bloomed:after{animation:none;display:none}.scatter-dot,.life-butterfly.is-alive,.life-ladybug.is-alive,.life-daisy.is-alive,.life-grass.is-alive{animation:none}.life-butterfly:before,.life-butterfly:after{animation:none}}.capsule-card{position:relative;display:block;text-decoration:none;color:inherit;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.capsule-card:hover{transform:translateY(-4px) rotate(0) scale(1.02);z-index:10}.capsule-card:active{transform:translateY(0) scale(.97);z-index:10}.capsule-card:hover .capsule-frame{box-shadow:0 20px 40px #5a30402e,0 4px 12px #5a30401a}.capsule-card:active .capsule-frame{box-shadow:0 4px 12px #5a30401f,0 1px 4px #5a30400f}.capsule-card:hover .capsule-shadow{opacity:.4;transform:translate(-50%) scaleX(1.1)}.capsule-card:active .capsule-shadow{opacity:.2;transform:translate(-50%) scaleX(.85)}.capsule-tape{position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);width:50%;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;box-shadow:0 2px 6px #00000014,inset 0 1px #fff9;z-index:5}.capsule-tape:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px);border-radius:3px;pointer-events:none}.capsule-tape-text{position:relative;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.4)}.capsule-tape--mint{background:linear-gradient(180deg,#c8d8c0,#b8c8b0,#a8b8a0);transform:translate(-50%) rotate(-1.5deg)}.capsule-tape--mint .capsule-tape-text{color:#4a5a42}.capsule-tape--blush{background:linear-gradient(180deg,#e8d0c8,#dcc0b8,#d0b0a8);transform:translate(-50%) rotate(1.5deg)}.capsule-tape--blush .capsule-tape-text{color:#6a4a42}.capsule-tape--lavender{background:linear-gradient(180deg,#d8d0d8,#ccc0c8,#c0b0b8);transform:translate(-50%) rotate(-.5deg)}.capsule-tape--lavender .capsule-tape-text{color:#5a4a52}.capsule-tape--you{background:linear-gradient(180deg,#f5e8c0,#ebe0b0,#e0d8a0)}.capsule-tape--you .capsule-tape-text{color:#7a6a3a;font-weight:800}.capsule-sigil{position:absolute;top:4px;left:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffe6;z-index:6;transform:rotate(-8deg);transition:transform .2s ease}.capsule-card:hover .capsule-sigil{transform:rotate(0) scale(1.1)}.capsule-sigil-flower{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.capsule-frame{position:relative;background:linear-gradient(145deg,#fffefc,#fff9f5,#fff5f0);border-radius:4px 4px 16px 16px;padding:10px 10px 0;box-shadow:0 8px 24px #5a30401f,0 2px 6px #5a30400f,inset 0 1px #fffc;transition:box-shadow .3s ease}.capsule-photo-area{position:relative;aspect-ratio:1;background:linear-gradient(135deg,#f8f0f5,#f5e8ee,#f0e0e8);border-radius:3px;overflow:hidden}.capsule-photo-area--empty{background:linear-gradient(135deg,#fef9f0,#fdf5e8,#fcf0e0)}.capsule-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.capsule-card:hover .capsule-thumb{transform:scale(1.03)}.capsule-skeleton{width:100%;height:100%;background:linear-gradient(110deg,#e8d2dc4d 30%,#e8d2dc80,#e8d2dc4d 70%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.capsule-photo-area--note{background:linear-gradient(145deg,#fefcf8,#fdf8f0,#fcf5e8);display:flex;align-items:center;justify-content:center;padding:16px}.capsule-note-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.capsule-note-text{margin:0;font-size:.9rem;line-height:1.5;color:#5a4a42;text-align:center;font-family:Georgia,Times New Roman,serif;font-style:italic;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 0 rgba(255,255,255,.8)}.capsule-mood{position:absolute;bottom:6px;right:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffe6;z-index:3;transition:transform .2s ease}.capsule-card:hover .capsule-mood{transform:scale(1.1)}.capsule-mood--mint{box-shadow:0 2px 8px #0000001a,0 0 0 2px #7dd48a66,inset 0 1px #ffffffe6}.capsule-mood--blush{box-shadow:0 2px 8px #0000001a,0 0 0 2px #ff9eb066,inset 0 1px #ffffffe6}.capsule-mood--lavender{box-shadow:0 2px 8px #0000001a,0 0 0 2px #c8a8f066,inset 0 1px #ffffffe6}.capsule-caption{padding:12px 6px 18px;text-align:center}.capsule-title{margin:0 0 6px;font-size:.85rem;font-weight:700;color:#4a2f3a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.capsule-preview{margin:0 0 6px;font-size:.8rem;color:#7a5a68;line-height:1.35;font-style:italic;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.capsule-preview--empty{opacity:.5}.capsule-note-label{margin:0 0 6px;font-size:.8rem;color:#9a8a82;font-weight:600;letter-spacing:.05em}.capsule-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.7rem;color:#a0808d}.capsule-sigil-inline{font-size:.85rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.capsule-dot{opacity:.5}.capsule-time{font-weight:500}.capsule-shadow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%) scaleX(.9);width:85%;height:16px;background:radial-gradient(ellipse at center,rgba(90,48,64,.15) 0%,transparent 70%);opacity:.6;transition:all .3s ease;pointer-events:none;z-index:-1}.capsule-card:hover .capsule-tape{animation:tape-wiggle .3s ease}@keyframes tape-wiggle{0%,to{transform:translate(-50%) rotate(var(--tape-rotation, -2deg))}25%{transform:translate(-50%) rotate(calc(var(--tape-rotation, -2deg) + 2deg))}75%{transform:translate(-50%) rotate(calc(var(--tape-rotation, -2deg) - 2deg))}}@media(prefers-reduced-motion:reduce){.capsule-card,.capsule-frame,.capsule-thumb,.capsule-shadow,.capsule-skeleton,.capsule-sigil,.capsule-mood{transition:none;animation:none}.capsule-card:hover{transform:translateY(-2px)}.capsule-card:hover .capsule-sigil,.capsule-card:hover .capsule-mood{transform:none}}.wall-root{position:relative;min-height:100dvh;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,214,165,.25),transparent 60%),radial-gradient(circle at 10% 40%,rgba(255,182,193,.15),transparent 35%),radial-gradient(circle at 90% 60%,rgba(152,251,152,.12),transparent 40%),radial-gradient(circle at 30% 80%,rgba(255,160,180,.1),transparent 45%),linear-gradient(180deg,#fff8fc,#fff0f5,#fff5f8,#f8fff5,#f0fff0);padding:24px 24px 80px;overflow-x:hidden}.wall-petals{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.wall-petal{position:absolute;width:16px;height:16px;top:-20px;background:linear-gradient(135deg,#ffb7c599,#ff8ea866);border-radius:0 80%;animation:petal-float 15s linear infinite;opacity:.7}@keyframes petal-float{0%{transform:translateY(0) rotate(0) translate(0);opacity:0}5%{opacity:.7}25%{transform:translateY(25vh) rotate(90deg) translate(20px)}50%{transform:translateY(50vh) rotate(180deg) translate(-10px)}75%{transform:translateY(75vh) rotate(270deg) translate(15px)}95%{opacity:.5}to{transform:translateY(100vh) rotate(360deg) translate(0);opacity:0}}.wall-sparkles{position:fixed;inset:0;pointer-events:none;z-index:1}.wall-sparkle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#fff 0%,rgba(255,215,0,.8) 50%,transparent 100%);border-radius:50%;animation:sparkle-twinkle 3s ease-in-out infinite;box-shadow:0 0 8px #ffd70099}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.wall-critters{position:fixed;inset:0;pointer-events:none;z-index:2}.wall-butterfly{position:absolute;top:15%;right:10%;width:22px;height:22px;animation:butterfly-wander 20s ease-in-out infinite}.wall-butterfly:before,.wall-butterfly:after{content:"";position:absolute;width:45%;height:70%;background:linear-gradient(135deg,#ffb7d5,#e87aab);border-radius:50% 50% 50% 10%;animation:wing-flutter .4s ease-in-out infinite alternate}.wall-butterfly:before{left:0;transform-origin:right center}.wall-butterfly:after{right:0;border-radius:50% 50% 10%;transform-origin:left center;animation-delay:.05s}@keyframes butterfly-wander{0%,to{transform:translate(0)}20%{transform:translate(-30px,20px)}40%{transform:translate(-50px,-10px)}60%{transform:translate(-20px,30px)}80%{transform:translate(-40px,10px)}}@keyframes wing-flutter{0%{transform:scaleX(1) rotateY(0)}to{transform:scaleX(.4) rotateY(45deg)}}.wall-ladybug{position:absolute;bottom:20%;left:8%;width:16px;height:13px;background:radial-gradient(circle at 40% 35%,#e74c3c,#c0392b);border-radius:50%;animation:ladybug-crawl 25s ease-in-out infinite}.wall-ladybug:before{content:"";position:absolute;left:50%;top:15%;width:1px;height:70%;background:#2c1810;transform:translate(-50%)}@keyframes ladybug-crawl{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px) scale(1) rotate(5deg)}50%{transform:translate(10px) scale(1) rotate(-3deg)}75%{transform:translate(30px) scale(1) rotate(8deg)}}.wall-content{position:relative;z-index:10;max-width:680px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.wall-content.is-visible{opacity:1;transform:translateY(0)}.wall-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-top:calc(env(safe-area-inset-top,0px) + 12px)}.wall-header-left{display:flex;flex-direction:column;gap:4px}.wall-title{margin:0;font-size:clamp(1.8rem,6vw,2.4rem);font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;color:#3b1f2a}.wall-title-text{background:linear-gradient(135deg,#d63a72,#e8457a 40%,#ff7eb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(232,69,122,.15))}.wall-title-icon{font-size:.9em;filter:drop-shadow(0 2px 4px rgba(232,69,122,.3));animation:icon-bob 3s ease-in-out infinite}@keyframes icon-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(5deg)}}.wall-subtitle{margin:0;font-size:.95rem;color:#9b6b7d;font-weight:500}.wall-new-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6da3,#e4437f,#d63a72);border-radius:999px;text-decoration:none;box-shadow:0 8px 24px #e4437f4d,inset 0 -2px #00000014,inset 0 2px #ffffff40;transition:all .2s cubic-bezier(.34,1.56,.64,1);transform-origin:center}.wall-new-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px #e4437f66,inset 0 -2px #00000014,inset 0 2px #ffffff40}.wall-new-btn:active{transform:translateY(0) scale(.97)}.wall-new-icon{font-size:1.2rem;line-height:1}.wall-new-text{display:none}@media(min-width:400px){.wall-new-text{display:inline}}.wall-garden{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:18px 14px;padding-bottom:24px}@media(min-width:640px){.wall-garden{grid-template-columns:repeat(3,1fr);gap:22px 18px}}.wall-pinned-section{margin-bottom:20px}.wall-pinned-title{margin:0 0 12px;font-size:.95rem;font-weight:700;color:#8d4f68}.wall-garden--pinned{margin-bottom:8px}.wall-card-wrapper{--card-rotation: 0deg;opacity:0;transform:translateY(30px) scale(.95) rotate(var(--card-rotation));animation:card-sprout .6s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--card-delay, 0s)}@keyframes card-sprout{0%{opacity:0;transform:translateY(30px) scale(.95) rotate(var(--card-rotation))}70%{transform:translateY(-4px) scale(1.02) rotate(var(--card-rotation))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--card-rotation))}}.wall-card-wrapper:nth-child(odd){--card-rotation: -1.2deg}.wall-card-wrapper:nth-child(2n){--card-rotation: 1deg}.wall-card-wrapper:nth-child(3n){--card-rotation: -.6deg}.wall-card-wrapper:nth-child(4n){--card-rotation: .8deg}.wall-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(min-width:640px){.wall-skeleton{grid-template-columns:repeat(3,1fr);gap:20px}}.wall-skeleton-card{aspect-ratio:1;background:linear-gradient(110deg,#f1dce64d 30%,#f1dce680,#f1dce64d 70%);background-size:200% 100%;border-radius:20px;animation:skeleton-shimmer 1.5s ease-in-out infinite,skeleton-pulse 2s ease-in-out infinite;animation-delay:var(--skeleton-delay, 0s)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.wall-empty{text-align:center;padding:48px 24px;max-width:320px;margin:0 auto}.wall-empty-illustration{position:relative;width:100px;height:100px;margin:0 auto 24px}.wall-empty-seed{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:16px;height:20px;background:linear-gradient(180deg,#d4a574,#b8936a);border-radius:50%/60% 60% 40% 40%;animation:seed-wiggle 2s ease-in-out infinite}@keyframes seed-wiggle{0%,to{transform:translate(-50%) rotate(-5deg)}50%{transform:translate(-50%) rotate(5deg)}}.wall-empty-sprout{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:4px;height:0;background:linear-gradient(180deg,#7dd48a,#5bc46e);border-radius:2px;animation:sprout-grow 2s ease-out .5s forwards}.wall-empty-sprout:before,.wall-empty-sprout:after{content:"";position:absolute;bottom:80%;width:12px;height:8px;background:linear-gradient(135deg,#7dd48a,#5bc46e);border-radius:0 80%;opacity:0;animation:leaves-appear .6s ease-out 1.8s forwards}.wall-empty-sprout:before{left:2px;transform-origin:bottom left}.wall-empty-sprout:after{right:2px;transform:scaleX(-1);transform-origin:bottom right}@keyframes sprout-grow{0%{height:0}to{height:30px}}@keyframes leaves-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.wall-empty-title{margin:0 0 8px;font-size:1.3rem;font-weight:700;color:#3b1f2a}.wall-empty-subtitle{margin:0 0 28px;font-size:1rem;color:#8d6b7a;line-height:1.5}.wall-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff6da3,#e4437f);border-radius:999px;text-decoration:none;box-shadow:0 12px 32px #e4437f59,inset 0 -2px #0000001a;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.wall-empty-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 40px #e4437f73,inset 0 -2px #0000001a}.wall-empty-btn:active{transform:translateY(0) scale(.98)}.wall-error-state{text-align:center;padding:48px 24px}.wall-error-icon{display:block;font-size:3rem;margin-bottom:16px;animation:leaf-fall 1s ease-out}@keyframes leaf-fall{0%{opacity:0;transform:translateY(-20px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.wall-error-title{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#3b1f2a}.wall-error-message{margin:0 0 24px;font-size:.95rem;color:#8d6b7a}.wall-retry-btn{padding:14px 28px;font-size:1rem;font-weight:600;font-family:inherit;color:#8d4f68;background:#ffffffe6;border:2px solid rgba(255,107,157,.5);border-radius:999px;cursor:pointer;transition:all .15s ease}.wall-retry-btn:hover{background:#ffeef5e6;border-color:#ff6b9d;transform:translateY(-1px)}.wall-sentinel{height:40px;width:100%;visibility:hidden;pointer-events:none}.wall-loading-more{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px}.wall-loading-dots{display:flex;gap:6px}.wall-loading-dots span{width:8px;height:8px;background:linear-gradient(135deg,#ff6da3,#e4437f);border-radius:50%;animation:dot-bounce .6s ease-in-out infinite}.wall-loading-dots span:nth-child(2){animation-delay:.1s}.wall-loading-dots span:nth-child(3){animation-delay:.2s}@keyframes dot-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:1}}.wall-loading-text{font-size:.9rem;color:#9b7a89;font-style:italic}@media(prefers-reduced-motion:reduce){.wall-content,.wall-card-wrapper,.wall-petal,.wall-sparkle,.wall-butterfly,.wall-ladybug,.wall-title-icon,.wall-empty-seed,.wall-empty-sprout,.wall-empty-sprout:before,.wall-empty-sprout:after,.wall-loading-dots span{animation:none}.wall-content{opacity:1;transform:none}.wall-card-wrapper{opacity:1;transform:rotate(var(--card-rotation))}.wall-empty-sprout{height:30px}.wall-empty-sprout:before,.wall-empty-sprout:after{opacity:1;transform:scale(1)}}.create-root{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:radial-gradient(circle at 20% 30%,rgba(255,189,114,.12),transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,107,157,.08),transparent 45%),#fff6fa}.create-card{width:100%;max-width:400px;padding:32px 24px;border-radius:28px;background:#fffdfbe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(243,199,214,.6);box-shadow:0 20px 60px #5a30401f}.create-title{margin:0 0 6px;font-size:1.6rem;font-weight:700;color:#3b1f2a}.create-subtitle{margin:0 0 24px;font-size:.95rem;color:#7f5a69}.create-form{display:flex;flex-direction:column;gap:16px}.create-field{display:flex;flex-direction:column;gap:6px}.create-label{font-size:.85rem;font-weight:600;color:#8d6170}.create-input,.create-textarea{width:100%;padding:14px 16px;font-size:1rem;font-family:inherit;color:#3b1f2a;background:#fffc;border:1.5px solid rgba(241,200,215,.9);border-radius:14px;box-sizing:border-box}.create-input:focus,.create-textarea:focus{outline:none;border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d26}.create-textarea{resize:vertical;min-height:80px}.create-file{font-size:.9rem;color:#7f5a69}.create-preview{margin-top:8px;border-radius:12px;overflow:hidden;max-height:180px;background:#0000000a}.create-preview-img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}.create-progress{position:relative;height:28px;background:#f1c8d766;border-radius:14px;overflow:hidden}.create-progress-bar{position:absolute;left:0;top:0;height:100%;background:linear-gradient(135deg,#ff6da3,#e4437f);border-radius:14px;transition:width .2s ease}.create-progress-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#3b1f2a;z-index:1}.create-error{padding:12px 16px;font-size:.9rem;font-weight:500;color:#a63355;background:#ffc8da73;border:1.5px solid rgba(200,80,120,.3);border-radius:14px}.create-retry{padding:14px;background:#ffd9e880;border-radius:14px}.create-retry-msg{margin:0 0 10px;font-size:.9rem;color:#b2466d}.create-retry-actions{display:flex;gap:10px;flex-wrap:wrap}.create-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:8px}.create-btn{padding:14px 28px;font-size:1rem;font-weight:600;font-family:inherit;border:none;border-radius:999px;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.create-btn:disabled{opacity:.7;cursor:not-allowed}.create-btn-primary{width:100%;max-width:240px;color:#fff;background:linear-gradient(135deg,#ff6da3,#e4437f);box-shadow:0 12px 24px #e4437f47}.create-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.create-btn-secondary{color:#8d4f68;background:#ffffffe6;border:1.5px solid rgba(241,200,215,.9)}.create-btn-secondary:hover:not(:disabled){border-color:#ff6b9d}.create-link{font-size:.9rem;color:#8d4f68;text-decoration:underline;text-underline-offset:2px}.create-link:hover{color:#c6386b}.pin-toggle{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(141,79,104,.25);background:#ffffffd9;color:#7a5a68;font-size:.74rem;font-weight:700;cursor:pointer}.pin-toggle--active{border-color:#8d4f6873;background:#ffeff7e6}.pin-toggle:disabled{opacity:.6;cursor:not-allowed}@media(max-width:520px){.pin-toggle{height:28px;padding:0 8px;font-size:.72rem;gap:3px}}.reaction-root{position:relative;display:inline-flex;align-items:center;gap:8px;min-width:0}.reaction-list{display:inline-flex;align-items:center;gap:4px;min-height:28px}.reaction-chip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;background:#ffffffbf;border:1px solid rgba(155,122,137,.25);font-size:.95rem}.reaction-trigger{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(141,79,104,.25);background:#ffffffd9;color:#7a5a68;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap}.reaction-trigger:disabled{opacity:.6;cursor:not-allowed}.reaction-trigger-emoji{font-size:.95rem}.reaction-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(320px,90vw);border-radius:12px;border:1px solid rgba(141,79,104,.2);box-shadow:0 12px 32px #5a30402e;background:#fff;overflow:hidden}.reaction-recent{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border-bottom:1px solid rgba(141,79,104,.12);background:#fff7fb}.reaction-recent-emoji{width:32px;height:32px;border-radius:8px;border:1px solid rgba(141,79,104,.2);background:#fff;font-size:1rem;cursor:pointer}@media(max-width:520px){.reaction-root{gap:4px}.reaction-trigger{height:28px;padding:0 8px;font-size:.72rem;gap:4px}.reaction-trigger-text{display:none}.reaction-chip{min-width:24px;height:24px;font-size:.88rem}.reaction-popover{position:fixed;top:auto;right:10px;left:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:70dvh}}.detail-root{min-height:100dvh;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(255,214,165,.2),transparent 60%),radial-gradient(circle at 15% 50%,rgba(255,182,193,.12),transparent 40%),radial-gradient(circle at 85% 60%,rgba(255,160,180,.08),transparent 45%),linear-gradient(180deg,#fff8fc,#fff0f5 40%,#fff5f8);padding:24px 24px 80px}.detail-shell{max-width:480px;margin:0 auto;padding-top:calc(env(safe-area-inset-top,0px) + 8px)}.detail-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:24px;padding:8px 16px 8px 12px;font-size:.9rem;font-weight:600;color:#8d4f68;text-decoration:none;background:#ffffffb3;border:1.5px solid rgba(255,107,157,.25);border-radius:999px;transition:all .15s ease}.detail-back:hover{background:#ffeef5e6;border-color:#ff6b9d80;transform:translate(-2px)}.detail-back:active{transform:translate(0) scale(.97)}.detail-back-arrow{font-size:1.1em;line-height:1}.detail-frame{position:relative;background:linear-gradient(145deg,#fffefc,#fff9f5,#fff5f0);border-radius:8px 8px 20px 20px;padding:14px 14px 0;box-shadow:0 16px 48px #5a304024,0 4px 12px #5a30400f,inset 0 1px #fffc}.detail-tape{position:absolute;top:-12px;left:50%;transform:translate(-50%) rotate(-1.5deg);width:40%;max-width:180px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:3px;box-shadow:0 2px 8px #00000014,inset 0 1px #fff9;z-index:5}.detail-tape:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px);border-radius:3px;pointer-events:none}.detail-tape-text{position:relative;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;z-index:1;text-shadow:0 1px 0 rgba(255,255,255,.4)}.detail-tape--mint{background:linear-gradient(180deg,#c8d8c0,#b8c8b0,#a8b8a0)}.detail-tape--mint .detail-tape-text{color:#4a5a42}.detail-tape--blush{background:linear-gradient(180deg,#e8d0c8,#dcc0b8,#d0b0a8);transform:translate(-50%) rotate(1.2deg)}.detail-tape--blush .detail-tape-text{color:#6a4a42}.detail-tape--lavender{background:linear-gradient(180deg,#d8d0d8,#ccc0c8,#c0b0b8)}.detail-tape--lavender .detail-tape-text{color:#5a4a52}.detail-tape--you{background:linear-gradient(180deg,#f5e8c0,#ebe0b0,#e0d8a0)}.detail-tape--you .detail-tape-text{color:#7a6a3a;font-weight:800}.detail-sigil{position:absolute;top:6px;left:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#fffffff2;border-radius:50%;box-shadow:0 2px 10px #0000001a,inset 0 1px #ffffffe6;z-index:6;transform:rotate(-6deg)}.detail-sigil-flower{font-size:1.3rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.detail-media{position:relative;width:100%;border-radius:4px;overflow:hidden;background:linear-gradient(135deg,#f8f0f5,#f5e8ee,#f0e0e8);cursor:pointer}.detail-img{width:100%;display:block}.detail-media-skeleton{width:100%;aspect-ratio:4 / 3;background:linear-gradient(110deg,#e8d2dc4d 30%,#e8d2dc80,#e8d2dc4d 70%);background-size:200% 100%;border-radius:4px;animation:detail-shimmer 1.5s ease-in-out infinite}@keyframes detail-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-note-hero{position:relative;width:100%;min-height:80px;border-radius:4px;background:linear-gradient(145deg,#fefcf8,#fdf8f0,#fcf5e8);display:flex;align-items:flex-end;justify-content:flex-end;padding:12px}.detail-mood-badge{position:absolute;bottom:10px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:#fffffff2;border-radius:50%;box-shadow:0 2px 10px #0000001a,inset 0 1px #ffffffe6;z-index:3}.detail-mood-badge--mint{box-shadow:0 2px 10px #0000001a,0 0 0 2.5px #7dd48a66,inset 0 1px #ffffffe6}.detail-mood-badge--blush{box-shadow:0 2px 10px #0000001a,0 0 0 2.5px #ff9eb066,inset 0 1px #ffffffe6}.detail-mood-badge--lavender{box-shadow:0 2px 10px #0000001a,0 0 0 2.5px #c8a8f066,inset 0 1px #ffffffe6}.detail-content{padding:20px 16px 28px}.detail-title{margin:0 0 10px;font-size:1.25rem;font-weight:700;color:#3b1f2a;line-height:1.35}.detail-note{margin:0 0 20px;font-size:1rem;color:#5a3d4a;line-height:1.6;white-space:pre-wrap}.detail-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#9b7a89}.detail-meta-sigil{font-size:1rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.detail-meta-author{font-weight:600;color:#7a5a68}.detail-meta-dot{opacity:.4}.detail-meta-time{font-weight:500}.detail-social-row{margin-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-empty-state{text-align:center;padding:60px 24px}.detail-empty-icon{display:block;font-size:3rem;margin-bottom:16px}.detail-empty-title{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#3b1f2a}.detail-empty-subtitle{margin:0;font-size:.95rem;color:#8d6b7a}.detail-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#140a0feb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;animation:lightbox-in .25s ease-out}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.detail-lightbox-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;width:44px;height:44px;font-size:1.6rem;color:#fffc;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.15);border-radius:50%;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-family:inherit}.detail-lightbox-close:hover{background:#fff3;color:#fff}.detail-lightbox-img{max-width:95vw;max-height:90vh;object-fit:contain;cursor:default;border-radius:4px}.detail-loading{text-align:center;padding:48px;color:#9b7a89;font-style:italic}@media(prefers-reduced-motion:reduce){.detail-lightbox,.detail-media-skeleton{animation:none}.detail-lightbox{opacity:1}}.app-nav{position:sticky;bottom:0;width:100%;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#fff6faeb,#ffeef5f7);border-top:1px solid rgba(198,56,107,.16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -8px 20px #5a30401f}.app-nav-list{margin:0 auto;padding:0;list-style:none;max-width:640px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.app-nav-item{display:flex}.app-nav-link{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:999px;border:1px solid rgba(198,56,107,.1);background:#ffffffb8;color:#704759;text-decoration:none;font-size:.82rem;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.app-nav-link:hover{transform:translateY(-1px);border-color:#c6386b47;box-shadow:0 6px 14px #c6386b24}.app-nav-link:active{transform:translateY(0)}.app-nav-link:focus-visible{outline:2px solid #c6386b;outline-offset:2px}.app-nav-link--active{color:#c6386b;background:linear-gradient(180deg,#fff5fa,#ffe8f2);border-color:#c6386b5c;box-shadow:0 6px 16px #c6386b2e}.app-nav-icon{font-size:1rem;line-height:1}.app-nav-label{line-height:1;white-space:nowrap}@media(min-width:720px){.app-nav{padding-left:20px;padding-right:20px}}@media(prefers-reduced-motion:reduce){.app-nav-link{transition:none}.app-nav-link:hover,.app-nav-link:active{transform:none}}.app-layout{height:100dvh;height:-webkit-fill-available;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.app-layout-main{min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}