@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=Caveat:wght@500;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--rose: #EA8C9C;--rose-dark: #C5607A;--rose-soft: #FDE4EA;--sand: #F7F1EA;--plum: #574763;--bg: #FBF6F4;--card: #FFFFFF;--text: #352E3B;--text-muted: #897C86;--line: #EFE3DF;--ok: #5FA67E;--warn: #E0975A;--radius: 20px;--radius-sm: 12px;--shadow: 0 8px 24px -8px rgba(140, 110, 110, .18);--nav-h: 66px}*{margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{flex:1;width:100%;max-width:min(500px,100vw);margin:0 auto;display:flex;flex-direction:column;position:relative;background:var(--bg)}.screen{flex:1;padding:1.25rem 1.25rem calc(var(--nav-h) + 1.5rem);display:flex;flex-direction:column;gap:1rem;animation:screenIn .28s cubic-bezier(.16,1,.3,1)}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}.tile,.list-item,.track,.week-mini,.opt,.btn,.chip,.nav-item,.balloon,.icon-btn{transition:transform .12s ease,box-shadow .12s ease,background .15s ease}.tile:active,.list-item:active,.track:active,.week-mini:active{transform:scale(.975)}.nav-item:active{transform:scale(.9)}h1{font-size:1.55rem;font-weight:800;letter-spacing:-.02em;color:var(--plum)}h2{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:var(--plum)}h3{font-size:1rem;font-weight:700}p{color:var(--text)}.muted{color:var(--text-muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.95rem 1.1rem;border:none;cursor:pointer;border-radius:var(--radius-sm);font-weight:800;font-size:1rem;transition:transform .15s ease,box-shadow .2s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#f4a29c,#ea8c9c 55%,#d77fae);color:#fff;box-shadow:0 10px 22px -8px #c5607acc}.btn-primary:active{box-shadow:0 6px 14px -8px #c97b7bb3}.btn-primary:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);animation:btnShine 3.2s ease-in-out infinite}@keyframes btnShine{0%{left:-60%}55%,to{left:130%}}.btn-ghost{background:var(--rose-soft);color:var(--rose-dark)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn:disabled:after{display:none}.quiz-actions .btn-primary,.plans+.btn-primary,.screen>.btn-primary{animation:ctaPulse 2.4s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 10px 22px -8px #c97b7bbf;transform:translateY(0)}50%{box-shadow:0 16px 30px -8px #c97b7be6;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.btn-primary:after,.quiz-actions .btn-primary,.plans+.btn-primary,.screen>.btn-primary{animation:none}}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.field label{font-size:.85rem;font-weight:700;color:var(--text-muted)}.input,textarea,select{width:100%;padding:.85rem .95rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);font-size:1rem;background:#fff;color:var(--text)}.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--rose)}.datefield{display:flex;gap:8px}.datefield select{flex:1;min-width:0;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239A8E94' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px}textarea{resize:vertical;min-height:90px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:min(500px,100vw);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:50}.nav-item{background:none;border:none;cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-muted);font-size:.68rem;font-weight:700;padding:6px 0}.nav-item.active{color:var(--rose-dark)}.nav-item svg{width:23px;height:23px}.list-item{display:flex;align-items:center;gap:.8rem;padding:.85rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm)}.row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.chip{font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:999px;background:var(--rose-soft);color:var(--rose-dark)}.chip.ok{background:#e6f2ec;color:var(--ok)}.chip.warn{background:#fbf0e0;color:var(--warn)}.locked{position:relative;opacity:.7}.locked:after{content:"🔒";position:absolute;top:12px;right:14px;font-size:1.1rem}.quiz{flex:1;min-height:100vh;display:flex;flex-direction:column;padding:calc(1rem + env(safe-area-inset-top)) 1.25rem calc(1.6rem + env(safe-area-inset-bottom))}.quiz-progress{height:7px;background:var(--rose-soft);border-radius:999px;overflow:hidden;margin-bottom:1.6rem}.quiz-progress>span{display:block;height:100%;background:var(--rose);border-radius:999px;transition:width .4s cubic-bezier(.16,1,.3,1)}.quiz-body{flex:1;display:flex;flex-direction:column;gap:1rem;animation:qfade .35s ease}@keyframes qfade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.quiz-emoji{font-size:3rem;text-align:center}.quiz h2{font-size:1.45rem;text-align:center}.quiz-top{display:flex;align-items:center;gap:10px;margin-bottom:1.4rem}.quiz-top .quiz-progress{flex:1;margin:0}.quiz-back,.quiz-mute{width:34px;height:34px;border-radius:11px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--text-muted);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.quiz-points{position:relative;background:#fff1e6;color:#d97b43;font-weight:800;font-size:.8rem;padding:6px 11px;border-radius:999px;white-space:nowrap;flex-shrink:0}.quiz-points em{position:absolute;right:8px;top:-15px;font-style:normal;font-weight:800;color:#d97b43;font-size:.82rem;animation:floatUp .9s ease forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.quiz-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;position:relative}.lang-switch{position:absolute;top:0;right:0;display:flex;gap:4px}.lang-switch button{border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:.7rem;font-weight:800;color:var(--text-muted);padding:4px 8px;border-radius:8px}.lang-switch button.on{background:var(--rose);color:#fff;border-color:var(--rose)}.lang-row{display:flex;gap:8px}.lang-opt{flex:1;border:1.5px solid var(--line);background:var(--card);cursor:pointer;padding:.6rem .4rem;border-radius:12px;font-weight:700;font-size:.82rem;color:var(--text)}.lang-opt.on{border-color:var(--rose);background:var(--rose-soft);color:var(--rose-dark)}.quiz-welcome h1{font-size:1.6rem}.build-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.build-bar{width:100%;max-width:280px;height:12px;background:var(--rose-soft);border-radius:999px;overflow:hidden}.build-bar>span{display:block;height:100%;background:linear-gradient(90deg,#f4c6c0,#e8a0a0);transition:width .12s linear}.quiz-body .stack .opt{animation:optpop .34s both}.quiz-body .stack .opt:nth-child(2){animation-delay:.05s}.quiz-body .stack .opt:nth-child(3){animation-delay:.1s}.quiz-body .stack .opt:nth-child(4){animation-delay:.15s}.quiz-body .stack .opt:nth-child(5){animation-delay:.2s}@keyframes optpop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.opt.selected{box-shadow:0 8px 20px -8px #c97b7b99}.insight-fruit{font-size:4.5rem;margin:.4rem 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem;display:flex;flex-direction:column;gap:3px}.feature-emoji{font-size:1.6rem}.feature-card b{color:var(--plum);font-size:.92rem}.feature-card small{color:var(--text-muted);font-size:.74rem}.testi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem}.testi-stars{color:#f2b807;font-size:.9rem;letter-spacing:1px}.testi p{margin:3px 0}.ai-demo{display:flex;flex-direction:column;gap:.5rem;margin-top:.4rem}.plans{display:flex;flex-direction:column;gap:.8rem}.plans-perk{background:linear-gradient(135deg,#fff1e6,#ffe3cc);border:1px solid #F6DEC9;color:#b5642a;border-radius:14px;padding:.8rem 1rem;font-size:.88rem;text-align:center}.plans-perk b{color:#9a4e1c}.plan{position:relative;text-align:left;cursor:pointer;width:100%;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:1.1rem}.plan.rec{border-color:var(--rose)}.plan.on{border-color:var(--rose);box-shadow:0 10px 26px -10px #c97b7b99}.plan-badge{position:absolute;top:-11px;left:16px;background:var(--rose);color:#fff;font-size:.7rem;font-weight:800;padding:3px 10px;border-radius:999px}.plan-head{display:flex;align-items:baseline;justify-content:space-between}.plan-head b{font-size:1.2rem;color:var(--plum)}.plan-price{font-size:1.35rem;font-weight:800;color:var(--rose-dark)}.plan-price small{font-size:.7rem;color:var(--text-muted);font-weight:600}.plan-tag{color:var(--text-muted);font-size:.85rem;margin:2px 0 .7rem}.plan-feats{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:.8rem}.plan-feats li{font-size:.86rem;color:var(--text)}.plan-feats li.no{color:var(--text-muted);opacity:.7}.plan-feats li.yes{color:var(--text)}.plan-pick{display:block;text-align:center;font-weight:800;padding:.6rem;border-radius:12px;background:var(--rose-soft);color:var(--rose-dark)}.plan-pick.on{background:var(--rose);color:#fff}.link-skip{display:block;margin:.3rem auto 0;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.82rem;text-decoration:underline}.opt{display:flex;align-items:center;gap:.8rem;width:100%;padding:1rem 1.1rem;border:2px solid var(--line);background:#fff;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;color:var(--text);text-align:left;transition:all .15s ease}.opt:active{transform:scale(.99)}.opt.selected{border-color:var(--rose);background:var(--rose-soft);color:var(--rose-dark)}.opt .opt-emoji{font-size:1.5rem}.avatar-pick{width:120px;height:120px;border-radius:50%;margin:0 auto;background:var(--rose-soft);border:3px dashed var(--rose);display:flex;align-items:center;justify-content:center;font-size:2.2rem;cursor:pointer;overflow:hidden}.avatar-pick img{width:100%;height:100%;object-fit:cover}.quiz-actions{display:flex;gap:.7rem;margin-top:auto;padding-top:1.2rem}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.7rem 1.1rem;background:#fbf7f4d9;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.app-header .brand-logo{height:30px;width:auto;object-fit:contain;cursor:pointer}.header-actions{display:flex;align-items:center;gap:.55rem}.header-quick{display:flex;align-items:center;gap:4px;margin:0 auto 0 8px}.hq-btn{position:relative;width:33px;height:33px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.hq-btn:active{transform:scale(.92)}.hq-btn.dr{background:linear-gradient(135deg,#7bae8e,#5e9472);border-color:transparent}.hq-btn.water .hq-count{position:absolute;bottom:-3px;right:-3px;background:#5ea9d6;color:#fff;font-size:.56rem;font-weight:800;min-width:14px;height:14px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--bg);padding:0 2px}.hq-btn.expand{background:var(--rose-soft);border-color:transparent;color:var(--rose-dark);font-weight:800}@media(max-width:360px){.header-quick .hq-btn:nth-child(4){display:none}}.icon-btn{position:relative;width:40px;height:40px;border-radius:14px;border:none;cursor:pointer;background:var(--card);color:var(--plum);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px -4px #785a5a33}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.notif-dot{position:absolute;top:7px;right:8px;width:8px;height:8px;background:var(--rose);border-radius:50%;border:2px solid var(--card)}.notif-badge{position:absolute;top:2px;right:1px;min-width:17px;height:17px;padding:0 4px;background:var(--rose);color:#fff;border-radius:999px;border:2px solid var(--card);font-size:.64rem;font-weight:800;display:flex;align-items:center;justify-content:center}.notif-cta{display:flex;align-items:center;gap:.7rem;cursor:pointer;text-align:left;background:#fff8f0;border-color:#f3e4d2;color:var(--text);font-size:1.3rem}.toggle-row{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--text);font-size:.92rem;cursor:pointer}.toggle-row input{width:18px;height:18px}.avatar-btn{background:none;border:none;padding:0;cursor:pointer}.app-header .avatar{width:40px;height:40px;border-radius:14px;object-fit:cover;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;border:1px solid var(--line)}.sheet-overlay{position:fixed;inset:0;z-index:200;background:#281e2373;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:min(500px,100vw);background:var(--bg);border-radius:22px 22px 0 0;padding:.8rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));min-height:90vh;max-height:94vh;overflow-y:auto}.sheet-handle{width:42px;height:5px;border-radius:999px;background:var(--line);margin:0 auto .9rem}.sheet-foot{position:sticky;bottom:0;z-index:2;margin:.6rem -1.25rem 0;padding:.7rem 1.25rem calc(.7rem + env(safe-area-inset-bottom));background:var(--bg);box-shadow:0 -10px 18px -14px #00000059}.sheet-label{font-weight:800;color:var(--plum);font-size:.92rem;margin:1.1rem 0 .6rem}.sheet-label:first-of-type{margin-top:.4rem}.mood-row{display:flex;gap:8px}.mood-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:.55rem .15rem;border-radius:14px;border:2px solid var(--line);background:var(--card);cursor:pointer}.mood-opt .me{font-size:1.7rem;line-height:1}.mood-opt small{font-size:.66rem;font-weight:800;color:var(--text-muted)}.mood-opt.on{border-color:var(--rose);background:var(--rose-soft);transform:translateY(-2px)}.mood-opt.on small{color:var(--rose-dark)}.symptom-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.symptom-opt{display:flex;align-items:center;gap:8px;padding:.65rem .7rem;border-radius:12px;border:2px solid var(--line);background:var(--card);cursor:pointer;font-weight:700;font-size:.86rem;color:var(--text);text-align:left}.symptom-opt .se{font-size:1.15rem}.symptom-opt.on{border-color:var(--rose);background:var(--rose-soft);color:var(--rose-dark)}.hero{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,#f4a6a4,#ea8c9c 52%,#c97fae);color:#fff;padding:1.3rem 1.4rem;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;top:-40px;right:-30px;width:150px;height:150px;border-radius:50%;background:#ffffff29}.hero{display:flex;align-items:center;gap:.5rem;min-height:168px}.hero-text{flex:1 1 54%;min-width:0}.hero-right{flex:0 0 auto;max-width:46%;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1;margin:0 -4px -12px 0}.hero h1{color:#fff;font-size:1.3rem;line-height:1.15;position:relative;z-index:1}.hero p{color:#ffffffeb;font-size:.88rem;position:relative;z-index:1}@media(max-width:360px){.hero{min-height:150px}.hero h1{font-size:1.12rem}.hero p{font-size:.8rem}.hero-right svg{width:70px!important;height:70px!important}.hero-right .character,.hero-right .character-particles{width:70px!important}.speech-mini{max-width:100%;padding:.45rem .6rem}.speech-mini p{font-size:.72rem}}.hero .hero-chip{display:inline-block;background:#ffffff40;color:#fff;font-weight:700;font-size:.74rem;padding:4px 11px;border-radius:999px;margin-bottom:.6rem;position:relative;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clock-card{display:flex;align-items:center;gap:1.1rem}.ring{position:relative;width:116px;height:116px;flex-shrink:0}.ring svg{transform:rotate(-90deg)}.ring .ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring .ring-week{font-size:1.7rem;font-weight:800;color:var(--plum);line-height:1}.ring .ring-label{font-size:.64rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.clock-info{flex:1}.clock-info .big{font-size:1.05rem;font-weight:800;color:var(--plum)}.countdown{display:flex;gap:.4rem;margin-top:.5rem}.cd-box{background:var(--rose-soft);border-radius:10px;padding:6px 0;flex:1;text-align:center}.cd-box b{display:block;font-size:1.05rem;color:var(--rose-dark);line-height:1}.cd-box small{font-size:.6rem;color:var(--text-muted);font-weight:700;text-transform:uppercase}.clock-arrived{margin-top:.5rem;font-weight:800;color:var(--rose-dark);font-size:.95rem}.clock-arrived small{display:block;color:var(--text-muted);font-weight:600;font-size:.72rem;margin-top:2px}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.tile{display:flex;flex-direction:column;gap:.35rem;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.95rem;color:var(--text);transition:transform .15s ease}.tile:active{transform:scale(.97)}.tile .tile-emoji{width:38px;height:38px;border-radius:11px;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.tile b{font-size:.9rem}.tile small{color:var(--text-muted);font-size:.72rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin-top:.3rem}.section-title a{color:var(--rose-dark);font-size:.82rem;font-weight:700;text-decoration:none}.tip-card{display:flex;gap:.8rem;align-items:flex-start;background:#fff8f0;border-color:#f3e4d2}.tip-card .tip-emoji{font-size:1.5rem}.ultrasound{border-radius:var(--radius);overflow:hidden;background:#0a0603;box-shadow:var(--shadow);border:1px solid #2a1d10}.ultrasound-svg{display:block;width:100%;height:auto}.us-breathe{transform-box:fill-box;transform-origin:center;animation:usbreathe 5s ease-in-out infinite}@keyframes usbreathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.018) translateY(-1px)}}@media(prefers-reduced-motion:reduce){.us-breathe{animation:none}}.us-caption{text-align:center;font-size:.72rem;color:var(--text-muted);margin-top:.5rem}.home-ultra{display:block}.home-ultra-frame{max-width:230px;margin:0 auto}.week-mini{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem .8rem}.week-mini:active{transform:scale(.99)}.week-mini-thumb{width:46px;height:46px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--rose-soft);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.week-mini-thumb img{width:100%;height:100%;object-fit:cover}.week-mini b{color:var(--plum)}.baby-viewer{width:100%}.bv-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bv-track::-webkit-scrollbar{display:none}.bv-slide{flex:0 0 100%;scroll-snap-align:center;padding:2px;display:flex;align-items:center}.bv-slide>*{width:100%}.bv-track .ultrasound{max-width:300px;margin:0 auto}.baby-viewer.compact .bv-track .ultrasound{max-width:220px}.bv-dots{display:flex;justify-content:center;gap:7px;margin-top:.7rem}.bv-dot{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:var(--line);transition:all .2s ease}.bv-dot.on{background:var(--rose);width:22px;border-radius:999px}.bv-hint{text-align:center;font-size:.72rem;color:var(--text-muted);margin-top:.35rem}.fruit-slide{width:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff8f2,#fbeded);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1rem;text-align:center}.fruit-photo{width:158px;height:158px;margin:0 auto .9rem;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a,0 12px 28px -10px #b4787866}.fruit-photo img{width:100%;height:100%;object-fit:cover}.fruit-emoji{font-size:5rem;line-height:1}.compact .fruit-slide{min-height:240px;padding:1.1rem 1rem}.compact .fruit-photo{width:128px;height:128px}.compact .fruit-emoji{font-size:4rem}.fruit-caption small{color:var(--text-muted);font-size:.82rem;font-weight:600}.fruit-caption b{display:block;font-size:1.4rem;color:var(--plum);margin:2px 0;text-transform:capitalize}.compact .fruit-caption b{font-size:1.15rem}.fab{position:fixed;bottom:calc(var(--nav-h) + 16px);right:max(16px,calc(50vw - 234px));width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--rose) 0%,var(--rose-dark) 100%);color:#fff;font-size:2rem;line-height:1;z-index:60;box-shadow:0 10px 24px -6px #c97b7bb3;display:flex;align-items:center;justify-content:center}.fab:active{transform:scale(.93)}.side-balloons{position:fixed;right:max(10px,calc(50vw - 240px));bottom:calc(var(--nav-h) + 84px);z-index:55;display:flex;flex-direction:column;gap:14px;align-items:center}.balloon-toggle{align-self:flex-end;width:26px;height:26px;border-radius:50%;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--text-muted);font-size:.8rem;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.balloon{position:relative;width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;background:var(--card);box-shadow:0 8px 20px -6px #785a5a73;display:flex;align-items:center;justify-content:center;font-size:1.35rem;text-decoration:none;border:1px solid var(--line)}.balloon:active{transform:scale(.93)}.balloon .balloon-label{position:absolute;right:64px;white-space:nowrap;background:var(--plum);color:#fff;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:999px;opacity:.95}.balloon.audio{background:linear-gradient(135deg,#6b5b73,#4b3f51);color:#fff}.balloon.dr{background:linear-gradient(135deg,#7bae8e,#5e9472);color:#fff;animation:drpulse 2.6s ease-in-out infinite}@keyframes drpulse{0%,to{box-shadow:0 8px 20px -6px #785a5a73}50%{box-shadow:0 8px 22px -4px #7bae8ecc}}.balloon.water{background:linear-gradient(180deg,#eaf6fd,#bfe3f5);color:#2e6e96;flex-direction:column;gap:0;font-size:1.3rem}.balloon.water.full{background:linear-gradient(180deg,#bfe3f5,#7fc4e8);color:#fff}.balloon .water-count{font-size:.6rem;font-weight:800;line-height:1;margin-top:-2px}.heart-fall{position:absolute;top:-6px;pointer-events:none;font-size:.9rem;animation:heartfall 2.6s linear infinite}@keyframes heartfall{0%{transform:translateY(-6px) scale(.6);opacity:0}20%{opacity:1}to{transform:translateY(60px) scale(1);opacity:0}}.track{display:flex;align-items:center;gap:.8rem;width:100%;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.6rem;text-align:left}.track:active{transform:scale(.99)}.track-cover{width:50px;height:50px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.track-cover.sm{width:40px;height:40px;font-size:1.2rem;border-radius:10px}.track-play{width:38px;height:38px;border-radius:50%;background:var(--rose-soft);color:var(--rose-dark);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.track-play.on{background:var(--rose);color:#fff}.now-playing{position:fixed;bottom:calc(var(--nav-h) + 8px);left:50%;transform:translate(-50%);width:calc(min(500px,100vw) - 24px);z-index:58;display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;background:var(--plum);color:#fff;border-radius:16px;box-shadow:var(--shadow)}.now-playing b{font-size:.9rem}.now-playing .muted{color:#ffffffb3}.np-btn{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:#fff3;color:#fff;font-size:.95rem}.week-head{display:flex;align-items:center;justify-content:space-between}.week-strip{display:flex;gap:7px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;scroll-padding:0 40%}.week-strip::-webkit-scrollbar{display:none}.week-pill{flex:0 0 auto;width:42px;height:42px;border-radius:13px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--text-muted);font-weight:800;font-size:.95rem}.week-pill.now{border-color:var(--rose);color:var(--rose-dark)}.week-pill.on{background:var(--rose);color:#fff;border-color:var(--rose);box-shadow:0 6px 14px -4px #c97b7b99;transform:scale(1.06)}.week-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem}.week-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .4rem;text-align:center;display:flex;flex-direction:column;gap:2px}.week-stat span{font-size:1.2rem}.week-stat b{color:var(--plum);font-size:.9rem}.week-stat small{color:var(--text-muted);font-size:.68rem}.segmented{display:flex;background:var(--rose-soft);border-radius:13px;padding:4px;gap:4px}.segmented button{flex:1;border:none;cursor:pointer;background:transparent;color:var(--rose-dark);font-weight:700;font-size:.9rem;padding:.55rem;border-radius:10px}.segmented button.on{background:var(--card);color:var(--plum);box-shadow:var(--shadow)}.dev-block{display:flex;gap:.8rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem}.dev-block .dev-ic{font-size:1.4rem}.dev-block b{color:var(--plum)}.dev-block.tip{background:#fff8f0;border-color:#f3e4d2}.add-photo{display:flex;align-items:center;gap:.8rem;cursor:pointer;text-align:left;border-style:dashed;border-color:var(--rose);background:var(--rose-soft);color:var(--rose-dark)}.add-photo-ic{width:44px;height:44px;border-radius:12px;background:var(--rose);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.feed-empty{padding:1.6rem}.feed-preview,.feed-img{width:100%;border-radius:var(--radius-sm);object-fit:cover;max-height:380px}.feed-post{padding:.6rem}.feed-post .feed-img{max-height:420px}.feed-post-bar{display:flex;align-items:center;gap:.6rem;padding:.5rem .2rem 0}.feed-like{background:none;border:none;cursor:pointer;font-size:1.2rem}.feed-del{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.78rem}.feed-caption{padding:.3rem .2rem .2rem;color:var(--text)}.character{position:relative;display:flex;flex-direction:column;align-items:center}.character-particles{position:absolute;top:0;width:130px;height:40px;pointer-events:none}.char-particle{position:absolute;top:6px;font-size:1rem}.character-label{font-weight:700;color:var(--plum);font-size:.92rem;margin-top:.2rem}.char-eyes{animation:blink 4.5s infinite;transform-origin:center;transform-box:fill-box}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}.character-card{display:flex;align-items:center;gap:.5rem}.character-card .char-side{flex:1}.speech{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.85rem 1rem;box-shadow:var(--shadow);cursor:pointer}.speech p{color:var(--plum);font-weight:600;font-size:.95rem}.speech.tail-up:before{content:"";position:absolute;top:-9px;right:34px;width:16px;height:16px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.speech.tail-down:after{content:"";position:absolute;bottom:-9px;right:26px;width:16px;height:16px;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.speech-mini{padding:.55rem .7rem;max-width:188px;border-radius:14px;align-self:flex-end}.speech-mini p{font-size:.8rem;line-height:1.3}.char-menu-wrap{position:relative}.char-menu-trigger{background:none;border:none;padding:0;cursor:pointer;display:block;position:relative}.char-tap-hint{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:.52rem;font-weight:800;color:#fff;background:#0000002e;padding:1px 8px;border-radius:999px;white-space:nowrap;pointer-events:none}.char-menu-backdrop{position:fixed;inset:0;z-index:200;background:#281e2359}.char-menu-pop{position:fixed;z-index:210;width:210px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow)}.char-menu-pop:before{content:"";position:absolute;top:-7px;right:26px;width:14px;height:14px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg)}.char-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;background:none;border:none;cursor:pointer;padding:.62rem .7rem;border-radius:10px;font-weight:700;color:var(--text);font-size:.9rem;text-align:left}.char-menu-item:active{background:var(--rose-soft)}.cmi-emoji{font-size:1.2rem;width:26px;text-align:center}.love-burst{position:absolute;bottom:40px;left:0;right:0;pointer-events:none}.love-burst span{position:absolute;font-size:1.1rem}.companion-stats{display:flex;gap:.5rem;margin-top:.5rem}.stat-pill{flex:1;display:flex;align-items:center;gap:5px;justify-content:center;background:var(--rose-soft);border-radius:10px;padding:5px 8px;font-size:.74rem;font-weight:700;color:var(--rose-dark)}.stat-pill.water{background:#e6f2fb;color:#3e78a8}.care-card{display:flex;flex-direction:column;gap:.5rem}.level-badge{background:linear-gradient(135deg,#f4c6c0,#e8a0a0);color:#fff;font-weight:800;font-size:.78rem;padding:5px 12px;border-radius:999px;text-decoration:none}.care-body{display:flex;align-items:center;gap:1rem}.care-rings{flex-shrink:0}.care-legend{display:flex;flex-direction:column;gap:.5rem;flex:1}.care-legend span{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text)}.care-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}.care-legend b{margin-left:auto;color:var(--plum)}.xp-bar{height:8px;background:var(--rose-soft);border-radius:999px;overflow:hidden;margin-top:.2rem}.xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,#f4c6c0,#e8a0a0);border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.ach-toast{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:50%;transform:translate(-50%);z-index:300;width:calc(100vw - 24px);max-width:472px;box-sizing:border-box;display:flex;align-items:flex-start;gap:.8rem;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:.8rem 1rem;box-shadow:0 14px 36px -10px #785a5a80}.ach-toast>div{flex:1;min-width:0}.ach-toast p{overflow-wrap:anywhere}.ach-toast .ach-emoji{font-size:2.1rem;flex-shrink:0}.ach-toast small{color:var(--rose-dark);font-weight:800;font-size:.72rem;text-transform:uppercase}.ach-toast b{display:block;color:var(--plum)}.ach-toast p{color:var(--text-muted);font-size:.82rem}.streak-card{display:flex;align-items:center;gap:.8rem}.streak-flame{font-size:2.2rem}.streak-chip{display:inline-flex;align-items:center;gap:5px;background:#fff1e6;color:#d97b43;font-weight:800;font-size:.8rem;padding:6px 12px;border-radius:999px;text-decoration:none;border:1px solid #F6DEC9}.ach-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.ach-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1rem .8rem;text-align:center;display:flex;flex-direction:column;gap:3px}.ach-card-emoji{font-size:2rem}.ach-card b{color:var(--plum);font-size:.92rem}.ach-card small{color:var(--text-muted);font-size:.74rem}.ach-card.locked{opacity:.6;filter:grayscale(.5)}.unlock-overlay{position:fixed;inset:0;z-index:320;background:#281e238c;display:flex;align-items:center;justify-content:center;padding:1.5rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.unlock-card{width:100%;max-width:340px;background:var(--card);border-radius:24px;padding:1.4rem 1.3rem 1.5rem;text-align:center;box-shadow:0 24px 60px -16px #0006}.unlock-kicker{color:var(--rose-dark);font-weight:800;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.unlock-week{font-size:1.8rem;color:var(--plum);margin-top:2px}.unlock-char{margin:.2rem auto .4rem}.unlock-fruit{display:flex;align-items:center;gap:.7rem;text-align:left;background:var(--rose-soft);border-radius:14px;padding:.7rem;margin-bottom:1rem}.unlock-fruit p{font-size:.88rem;color:var(--text)}.share-tabs{display:flex;gap:.5rem}.share-tabs button{flex:1;padding:.6rem;border-radius:12px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-weight:700;color:var(--text-muted);font-size:.85rem}.share-tabs button.on{background:var(--rose);color:#fff;border-color:var(--rose)}.share-card-frame{display:flex;justify-content:center}.share-card{width:300px;height:400px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.sc-week{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;text-align:center;color:#fff;background:linear-gradient(160deg,#f4b7b0,#e8a0a0 55%,#c98ba6);padding:1.4rem}.sc-brand{font-weight:800;letter-spacing:.04em;opacity:.9}.sc-week-num{font-size:2rem;font-weight:800}.sc-fruit{font-size:1rem}.sc-fruit b{text-transform:capitalize}.sc-baby{font-size:1.1rem;font-weight:800;margin-top:.3rem}.sc-dpp{font-size:.82rem;opacity:.9}.sc-foot{margin-top:.6rem;font-size:.72rem;opacity:.8}.sc-ultra{width:100%;height:100%;position:relative;background:#0a0603}.sc-ultra-info{position:absolute;left:0;right:0;bottom:0;padding:.9rem 1.1rem;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);color:#fff}.sc-ultra-info b{display:block;font-size:1.2rem}.sc-ultra-info span{font-size:.8rem;opacity:.85}.diary-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.diary-cover{text-align:center;background:linear-gradient(160deg,#fff8f2,#fbeded);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem 1rem}.diary-cover h2{font-size:1.5rem}.diary-baby{color:var(--rose-dark);font-weight:700}.diary-section{margin-top:.4rem}.diary-letter p{color:var(--text)}.diary-week-title{color:var(--rose-dark);margin:.4rem 0}.diary-photos{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.diary-photo{margin:0}.diary-photo img{width:100%;border-radius:10px;object-fit:cover;aspect-ratio:1}.diary-photo figcaption{font-size:.74rem;color:var(--text-muted);margin-top:3px}@media print{.app-header,.bottom-nav,.side-balloons,.diary-actions button,.ach-toast{display:none!important}body,#root,.app-shell{background:#fff!important}.screen{padding:0!important}.card,.diary-cover{box-shadow:none!important;break-inside:avoid}}.appt-card{display:flex;align-items:center;gap:.8rem;width:100%;cursor:pointer;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem}.appt-date{width:52px;height:52px;border-radius:13px;flex-shrink:0;background:var(--rose-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--rose-dark)}.appt-date b{font-size:1.25rem;line-height:1}.appt-date small{font-size:.66rem;text-transform:uppercase;font-weight:700}.appt-card>.grow>b{color:var(--plum)}.appt-meta{display:flex;gap:6px;margin-top:5px}.back-link{background:none;border:none;cursor:pointer;color:var(--rose-dark);font-weight:700;font-size:.95rem;padding:0;align-self:flex-start}.q-item{display:flex;align-items:center;gap:.6rem;font-size:.92rem}.q-item input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.q-del{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem}.appt-photos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.appt-photo{position:relative}.appt-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.appt-photo button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;cursor:pointer;background:#0000008c;color:#fff;font-size:.7rem}.enx-item{display:flex;align-items:center;gap:.7rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .8rem}.enx-item.bought{opacity:.65}.enx-item input[type=checkbox]{width:19px;height:19px;flex-shrink:0}.enx-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;flex-shrink:0}.enx-link{text-decoration:none;font-size:1.1rem}.evo-chart{width:100%;height:auto;display:block}.ebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ebook-card{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem}.ebook-cover{width:100%;aspect-ratio:3/4;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;color:#fff;margin-bottom:.3rem;box-shadow:var(--shadow)}.ebook-card b{color:var(--plum);font-size:.92rem;line-height:1.2}.letter-list{display:flex;flex-direction:column;gap:.8rem}.envelope{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;cursor:pointer;background:linear-gradient(155deg,#fffdf9,#fbefe9);border:1px solid #F0E2D8;border-radius:14px;padding:.9rem;box-shadow:0 6px 16px -10px #966e6466}.envelope-seal{width:40px;height:40px;border-radius:50%;flex-shrink:0;font-size:1.2rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#f4b7b0,#c97b7b);box-shadow:inset 0 -2px 4px #00000026}.envelope-body{flex:1;min-width:0}.envelope-body b{color:var(--plum);font-family:Lora,serif}.envelope-body p{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.envelope-open{font-size:.78rem;color:var(--rose-dark);font-weight:700;flex-shrink:0}.letter-overlay{position:fixed;inset:0;z-index:300;background:#281e238c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.4rem;gap:.8rem;overflow-y:auto}.letter-paper{position:relative;width:100%;max-width:420px;background:repeating-linear-gradient(transparent,transparent 31px,rgba(180,140,120,.1) 32px),linear-gradient(180deg,#fffdf8,#fbf3ea);border:1px solid #EFE0D2;border-radius:8px;padding:2rem 1.6rem 1.6rem;box-shadow:0 30px 70px -20px #00000080}.letter-paper:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#e8a0a0,#c98ba6);border-radius:8px 8px 0 0}.letter-close{position:absolute;top:10px;right:12px;width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;background:#0000000f;color:var(--text-muted);font-size:.8rem}.letter-date{font-family:Lora,serif;font-style:italic;color:var(--text-muted);font-size:.85rem;text-align:right;margin-bottom:1rem}.letter-greeting{font-family:Caveat,cursive;font-size:1.9rem;font-weight:700;color:var(--rose-dark);margin-bottom:.7rem;text-align:left}.letter-body{font-family:Lora,serif;font-size:1.08rem;line-height:2rem;color:#4a3f44;white-space:pre-wrap;word-break:break-word}.letter-sign{font-family:Caveat,cursive;font-size:1.5rem;color:var(--plum);text-align:right;margin-top:1.4rem}.letter-trash{background:none;border:none;cursor:pointer;color:#fff;opacity:.85;font-size:.82rem;font-weight:600}.name-winner{background:#fff8f0;border-color:#f3e4d2}.guest-shell{min-height:100vh;max-width:min(500px,100vw);margin:0 auto;padding:1.5rem 1.25rem calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem;background:var(--bg)}.guest-head{text-align:center}.guest-head h1{font-size:1.5rem}.guest-done{color:var(--ok);font-weight:700;text-align:center;padding:.5rem 0}.guest-cta{margin-top:auto;text-align:center;text-decoration:none;color:var(--rose-dark);font-weight:600;font-size:.9rem;padding:1rem;background:var(--rose-soft);border-radius:14px}.yt-overlay{position:fixed;inset:0;z-index:320;background:#140f12b3;display:flex;align-items:center;justify-content:center;padding:1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.yt-box{width:100%;max-width:460px;background:var(--card);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.yt-frame{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.chat-screen{padding-bottom:calc(var(--nav-h) + 76px)}.chat-head h1{margin-bottom:2px}.chat-list{display:flex;flex-direction:column;gap:.6rem}.bubble{max-width:85%;padding:.7rem .9rem;border-radius:16px;font-size:.92rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.assistant{align-self:flex-start;background:var(--card);border:1px solid var(--line);color:var(--text);border-bottom-left-radius:5px}.bubble.user{align-self:flex-end;background:var(--rose);color:#fff;border-bottom-right-radius:5px}.bubble.typing{display:flex;gap:4px}.bubble.typing span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:blink 1.2s infinite both}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.chat-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:.4rem}.chat-suggestions .chip{cursor:pointer;border:1px solid var(--line);background:var(--card)}.chat-input{position:fixed;bottom:calc(var(--nav-h) + 8px);left:50%;transform:translate(-50%);width:calc(min(500px,100vw) - 24px);display:flex;gap:8px;z-index:58;background:var(--bg);padding:6px 0}.chat-input .input{flex:1}.chat-send{width:46px;flex-shrink:0;border:none;border-radius:12px;cursor:pointer;background:var(--rose);color:#fff;font-size:1.1rem}.chat-send:disabled{opacity:.5}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:.7rem}.grow{flex:1}.spinner{text-align:center;color:var(--text-muted);padding:2rem}