:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}body{background:#fff4f7;margin:0}#root{box-sizing:border-box;max-width:100%;min-height:100svh;margin:0 auto}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#100b1d;--bg-2:#1b1029;--panel:#241630d1;--panel-strong:#301b3cf0;--line:#ff89b847;--text:#fff6fb;--muted:#d8b7c9;--soft:#9f7e93;--pink:#ff6fa8;--pink-2:#ff93bd;--pink-3:#ffc4dc;--gold:#ffd38a;--green:#a8d68c;--radius-lg:34px;--radius-md:24px;font-family:Quicksand,Inter,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;color:var(--text);background:radial-gradient(circle at 18% 12%,#ff6fa852,#0000 28%),radial-gradient(circle at 85% 25%,#ffd38a29,#0000 24%),linear-gradient(145deg,#0b0b1b 0%,#1a0d25 52%,#100817 100%);margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}#root{min-height:100svh}.kw-shell{place-items:center;min-height:100svh;padding:22px;display:grid;position:relative;overflow:hidden}.kw-shell:before{content:"";opacity:.35;pointer-events:none;background-image:radial-gradient(circle,#ff93bdbf 0 2px,#0000 3px),radial-gradient(circle,#ffd38ab3 0 1px,#0000 2px);background-size:220px 180px,150px 130px;position:absolute;inset:-20%}.sakura{filter:blur(44px);pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute}.sakura-a{background:#ff6fa838;top:8%;left:-80px}.sakura-b{background:#ff93bd2e;bottom:7%;right:-110px}.phone-frame{background:radial-gradient(circle at 80% 12%, #ff6fa81f, transparent 24%), linear-gradient(180deg, #0b0b1cfa, #1b0d25fa), var(--bg);z-index:1;border:1px solid #ff93bd52;border-radius:42px;flex-direction:column;width:min(100%,440px);height:min(920px,100svh - 44px);min-height:680px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 10px #00000047,0 26px 80px #0000008c,0 0 52px #ff6fa83d}.app-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:24px 24px 14px;display:grid}.title-button{text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:0;display:grid}.title-button span{color:var(--pink-2);letter-spacing:-.01em;-webkit-text-stroke:1px #661f3e80;text-shadow:0 2px #7a2a4ecc,0 0 20px #ff6fa87a;font-family:Fredoka,Quicksand,ui-rounded,system-ui,sans-serif;font-size:33px;font-weight:900;line-height:1}.title-button small{color:var(--pink-3);text-shadow:0 0 10px #ff6fa83d;font-weight:750}.header-icons{color:var(--pink-2);filter:drop-shadow(0 0 5px #ff93bd6b);gap:13px;font-size:17px;display:flex}.avatar{object-fit:contain;filter:drop-shadow(0 0 15px #ff6fa8c7);background:#ff6fa814;border:1px solid #ff93bd94;border-radius:50%;width:58px;height:58px;padding:4px}.screen-scroll{scrollbar-width:none;flex:1;padding:0 24px 100px;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.hero-card,.quiet-card,.growth-card,.entry-modal,.chat-panel{background:linear-gradient(160deg,#261734b8,#120e22e6);border:1px solid #ff89b857;box-shadow:inset 0 1px #ffffff14,inset 0 0 48px #ff6fa809,0 18px 42px #0000003d}.hero-card{border-radius:var(--radius-lg);text-align:center;padding:19px 22px 18px;position:relative;overflow:hidden}.hero-card:before{content:"";filter:blur(.2px);pointer-events:none;background:radial-gradient(circle at 16% 64%,#ff6fa84d 0 5px,#0000 6px),radial-gradient(circle at 84% 48%,#ff6fa838 0 6px,#0000 7px),linear-gradient(#0000 0%,#ff6fa817 80%);position:absolute;inset:38% -10% 18%}.hero-card:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#180d2200 0%,#1a0d248c 20%,#160c20eb 54%,#120a1cfa 100%);height:46%;position:absolute;bottom:0;left:0;right:0}.hero-bg{object-fit:cover;object-position:center 56%;opacity:.3;pointer-events:none;mix-blend-mode:screen;filter:blur(2.4px)saturate(.92)contrast(.9);z-index:0;width:116%;max-width:none;height:300px;position:absolute;top:128px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000 0%,#000000ad 18%,#000 34%,#00000061 58%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000000ad 18%,#000 34%,#00000061 58%,#0000 100%)}.hero-scene{pointer-events:none;opacity:.32;z-index:1;position:absolute;inset:0}.tree{filter:blur(.4px);width:98px;height:128px;position:absolute;bottom:190px}.tree:before{content:"";background:radial-gradient(circle at 45% 45%,#ff6fa857,#743a5d2e 64%,#0000 72%);border-radius:48% 52%;position:absolute;inset:0 0 28px}.tree:after{content:"";background:linear-gradient(#532a3b8c,#2a192659);border-radius:999px;width:10px;height:62px;position:absolute;bottom:0;left:45%}.tree.left{left:-20px}.tree.right{right:-18px;transform:scale(1.08)}.petal{color:var(--pink-2);filter:drop-shadow(0 0 7px #ff93bda6);font-size:14px;animation:5.8s ease-in-out infinite petalDrift;position:absolute}.p1{top:34%;left:16%}.p2{animation-delay:-1.7s;top:42%;right:18%}.p3{animation-delay:-3.4s;bottom:38%;right:10%}.p4{animation-delay:-2.2s;top:49%;left:32%}.p5{animation-delay:-4.2s;bottom:28%;right:27%}@keyframes petalDrift{0%,to{opacity:.48;transform:translate(0,0)rotate(-4deg)}50%{opacity:.92;transform:translate(4px,-8px)rotate(8deg)}}.companion-copy h1,.quiet-card h1{color:var(--pink-2);text-shadow:0 2px #5b1c3ebf,0 0 15px #ff6fa873;z-index:3;margin:0;font-family:Fredoka,Quicksand,ui-rounded,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:1.1;position:relative}.companion-copy p,.quiet-card p{color:var(--muted);z-index:3;margin:8px 0 0;font-weight:750;position:relative}.world-shelf{z-index:3;filter:drop-shadow(0 2px 3px #00000059);background:#ffffff09;border:1px solid #ff93bd3d;border-radius:999px;justify-content:center;gap:24px;margin:16px 0 12px;padding:12px 16px;font-size:22px;display:flex;position:relative;box-shadow:inset 0 0 20px #ff6fa809}.neko-stage{z-index:3;pointer-events:none;height:218px;margin:-8px auto -58px;animation:4.8s ease-in-out infinite nekoFloat;position:relative}.neko-stage:after{content:"";filter:blur(1px);background:radial-gradient(#ff6fa847,#ff6fa814 50%,#0000 72%);border-radius:50%;width:170px;height:26px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.neko-hero{width:var(--neko-width,234px);object-fit:contain;height:auto;transform:translateX(calc(-50% + var(--neko-x,0px))) translateY(var(--neko-y,0px));filter:drop-shadow(0 0 24px #ff6fa899)drop-shadow(0 16px 16px #00000038);will-change:opacity, transform;animation:.26s cubic-bezier(.16,1,.3,1) both nekoMoodIn;position:absolute;bottom:-54px;left:50%}@keyframes nekoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes nekoMoodIn{0%{opacity:0;transform:translateX(calc(-50% + var(--neko-x,0px))) translateY(calc(var(--neko-y,0px) + 6px)) scale(.985)}to{opacity:1;transform:translateX(calc(-50% + var(--neko-x,0px))) translateY(var(--neko-y,0px)) scale(1)}}.speech-card{color:var(--text);z-index:4;text-shadow:0 1px 6px #0000006b;background:#411d3ed1;border:1px solid #ff6fa87a;border-radius:24px;max-width:310px;margin:0 auto 14px;padding:13px 18px;font-weight:800;line-height:1.45;position:relative;box-shadow:inset 0 1px #ffffff14,0 0 22px #ff6fa824}.stats-row{z-index:3;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:14px;display:grid;position:relative}.stats-row strong{color:var(--pink-2);text-shadow:0 0 12px #ff6fa859;justify-items:center;gap:2px;font-size:28px;display:grid}.stats-row strong+strong{border-left:1px solid #ff93bd2e}.stats-row span{color:var(--muted);font-size:13px;font-weight:600}.progress-track{z-index:3;background:#ffffff14;border:1px solid #ff93bd3d;border-radius:999px;height:14px;position:relative;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--pink), var(--pink-2));min-width:8px;height:100%;transition:width .22s ease-out;display:block;box-shadow:0 0 18px #ff6fa88c}.progress-track.mini{height:8px;margin-top:12px}.streak-line{color:var(--muted);text-shadow:0 1px 5px #00000061;z-index:3;margin:14px 0 0;font-size:15px;font-weight:650;position:relative}.panel-title{justify-content:space-between;align-items:center;margin:22px 0 12px;display:flex}.panel-title h2{color:var(--pink-2);text-shadow:0 2px #5b1c3eb8,0 0 14px #ff6fa866;margin:0;font-family:Fredoka,Quicksand,ui-rounded,system-ui,sans-serif;font-size:24px;font-weight:700}.panel-title button,.chat-form button,.modal-actions button:last-child{background:linear-gradient(145deg, var(--pink), var(--pink-2));color:#fff8fb;border:0;box-shadow:inset 0 1px #ffffff47,0 10px 28px #ff6fa86b}.panel-title button{cursor:pointer;border-radius:50%;width:56px;height:56px;font-size:28px;transition:transform .18s,box-shadow .18s;animation:3.2s ease-in-out infinite softPulse}.panel-title button:hover{transform:translateY(-1px)scale(1.03)}@keyframes softPulse{0%,to{box-shadow:inset 0 1px #ffffff47,0 10px 28px #ff6fa861}50%{box-shadow:inset 0 1px #ffffff52,0 12px 34px #ff6fa885}}.list-stack{gap:9px;display:grid}.care-row,.growth-card button{cursor:pointer;text-align:left;background:linear-gradient(#fff1,#ffffff08);border:1px solid #ff93bd42;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:62px;padding:10px 18px;transition:transform .18s,border-color .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffff0d,0 8px 20px #0000002e}.care-row:hover,.growth-card button:hover{background:linear-gradient(#ffffff16,#ffffff0a);border-color:#ff93bd61;transform:translateY(-1px)}.care-row span:nth-child(2),.growth-card button span:nth-child(2){overflow-wrap:anywhere;color:#fffafdf5;text-shadow:0 1px 5px #0000006b;font-weight:850}.care-row em{color:var(--pink-2);filter:drop-shadow(0 0 5px #ff93bd61);font-size:20px;font-style:normal}.care-row.is-done{color:#fff6fba8}.round-check{--row-color:var(--pink);border:2px solid color-mix(in srgb, var(--row-color), white 48%);background:radial-gradient(circle at 34% 24%, #ffffff3d, transparent 34%), color-mix(in srgb, var(--row-color), transparent 22%);color:#fff;width:46px;height:46px;box-shadow:inset 0 1px 0 #ffffff38, 0 0 15px color-mix(in srgb, var(--row-color), transparent 45%);border-radius:50%;place-items:center;font-size:24px;font-weight:900;display:grid}.quiet-card{border-radius:var(--radius-lg);padding:24px}.growth-card{border-radius:24px;padding:12px}.growth-card button{background:0 0;border:0;padding:0}.growth-card small{color:var(--muted);margin-top:4px;font-weight:600;display:block}.chat-panel{border-radius:var(--radius-lg);flex-direction:column;min-height:calc(100% - 10px);padding:18px;display:flex}.chat-intro{align-items:center;gap:12px;display:flex}.chat-intro img{object-fit:contain;width:64px;height:64px}.chat-intro span{gap:2px;display:grid}.chat-intro strong{color:var(--pink-2);font-size:19px}.chat-intro small{color:var(--muted)}.quick-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.quick-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:8px 12px}.chat-log{flex-direction:column;flex:1;gap:10px;min-height:300px;padding-right:3px;display:flex;overflow-y:auto}.bubble{white-space:pre-line;border-radius:20px;width:fit-content;max-width:84%;padding:12px 14px;line-height:1.45}.bubble.assistant{color:var(--text);background:#ffffff12}.bubble.user{background:linear-gradient(145deg, var(--pink), var(--pink-2));align-self:flex-end}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px;display:grid}.chat-form input,.entry-modal input{border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:999px;outline:none}.chat-form input{min-width:0;padding:0 16px}.chat-form button{border-radius:50%;width:44px;height:44px}.bottom-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;background:#110a1be6;border:1px solid #ff93bd42;border-radius:36px;grid-template-columns:repeat(4,1fr);gap:6px;height:76px;padding:8px;display:grid;position:absolute;bottom:18px;left:20px;right:20px;box-shadow:inset 0 1px #ffffff0d,0 -10px 30px #0000003d}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:26px;place-items:center;gap:2px;font-size:12px;font-weight:750;display:grid}.bottom-nav button span{filter:drop-shadow(0 0 5px #ff93bd47);font-size:23px}.bottom-nav button.active{color:var(--pink-2);background:radial-gradient(circle at 50% 18%,#ff93bd3d,#ff6fa833);animation:3.6s ease-in-out infinite navGlow;box-shadow:inset 0 0 0 1px #ff93bd24}@keyframes navGlow{0%,to{box-shadow:inset 0 0 0 1px #ff93bd24,0 0 #ff6fa800}50%{box-shadow:inset 0 0 0 1px #ff93bd33,0 0 18px #ff6fa829}}.modal-backdrop{z-index:10;background:#040308b8;place-items:end center;padding:20px;display:grid;position:fixed;inset:0}.entry-modal{border-radius:32px;gap:14px;width:min(100%,430px);padding:24px;display:grid}.entry-modal h2{color:var(--pink-2);margin:0 0 4px}.entry-modal label{color:var(--muted);gap:7px;font-weight:700;display:grid}.entry-modal input{height:46px;padding:0 16px}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.modal-actions button{border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:18px;min-height:46px}@media (width<=520px){.kw-shell{padding:0}.phone-frame{width:100%;height:100svh;min-height:100svh;box-shadow:none;border:0;border-radius:0}.app-header{gap:8px;padding-top:24px;padding-bottom:10px}.title-button span{font-size:31px}.title-button small{font-size:14px}.header-icons{gap:8px;font-size:15px}.avatar{width:54px;height:54px}.screen-scroll{padding-inline:20px}.hero-card{padding:15px 18px}.companion-copy h1,.quiet-card h1{font-size:22px}.companion-copy p,.quiet-card p{margin-top:5px;font-size:15px}.world-shelf{gap:20px;margin:10px 0 4px;padding:8px 14px;font-size:20px}.tree{width:82px;height:110px;bottom:170px}.hero-bg{opacity:.42;width:120%;height:232px;top:110px}.neko-stage{height:172px;margin-top:-4px;margin-bottom:0}.neko-stage:after{width:130px;height:21px;bottom:16px}.neko-hero{width:calc(var(--neko-width,234px) * .66);bottom:-26px}.speech-card{max-width:300px;margin-bottom:9px;padding:10px 14px;font-size:15px}.stats-row{margin-bottom:10px}.stats-row strong{font-size:25px}.stats-row span{font-size:12px}.progress-track{height:12px}.streak-line{margin-top:9px;font-size:14px}.panel-title{margin-top:15px}.panel-title h2{font-size:22px}.panel-title button{width:48px;height:48px}.care-row,.growth-card button{min-height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}