:root{font-family:Yu Gothic,Hiragino Sans,Meiryo,system-ui,sans-serif;color:#4c3522;background:#fff7e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{width:100%;min-height:100%;overflow-x:hidden;background:#fff7e8}body{width:100%;min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fff7e8e6,#ffeed6db),repeating-linear-gradient(0deg,rgba(121,88,47,.04) 0 1px,transparent 1px 8px)}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid rgba(236,140,64,.45);outline-offset:2px}#root{min-height:100dvh}.app{--accent-strong: #ed9d55;--accent-soft: #ffe4be;--accent-shadow: rgba(191, 111, 43, .22);min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 18% 8%,rgba(255,205,137,.22),transparent 28%),linear-gradient(180deg,#fff7e8,#ffefd9)}.app--pink{--accent-strong: #e98b91;--accent-soft: #ffe1e5;--accent-shadow: rgba(210, 101, 114, .22)}.app--amber{--accent-strong: #e9a93f;--accent-soft: #ffe9b9;--accent-shadow: rgba(191, 127, 25, .24)}.app--green{--accent-strong: #8eb65b;--accent-soft: #e5f2c8;--accent-shadow: rgba(103, 145, 54, .24)}.app--blue{--accent-strong: #7e9ed8;--accent-soft: #dfe9ff;--accent-shadow: rgba(79, 111, 178, .24)}.phoneShell{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 14px)}.topBar{display:grid;grid-template-columns:74px minmax(0,1fr) 74px;align-items:start;gap:8px;min-height:110px}.iconButton{display:inline-flex;min-width:0;min-height:68px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid rgba(134,91,45,.24);border-radius:18px;color:#5a3b24;background:#fffcf3d6;box-shadow:0 10px 24px #97652b24}.iconButton span{font-size:.74rem;font-weight:700;line-height:1.15}.iconButton--active{border-color:#ed9d558c;background:#fff1d3;color:#9b5a1e}.brandBlock{min-width:0;padding-top:4px;text-align:center}.sunMark{margin-bottom:2px;color:#e8a246;font-size:1.35rem;line-height:1}.brandBlock h1{margin:0;color:#3f2a1c;font-size:1.52rem;font-weight:900;line-height:1.18;letter-spacing:0;text-shadow:0 2px 0 rgba(255,255,255,.72)}.brandBlock p{margin:7px 0 0;color:#72523a;font-size:.9rem;font-weight:700;line-height:1.35}.mainContent{display:flex;flex-direction:column;gap:12px}.heroStage{position:relative;min-height:430px;overflow:hidden;border:1px solid rgba(141,95,46,.18);border-radius:28px;background-image:linear-gradient(180deg,#fff8e933,#fff0d82e),url(/assets/app_bg_day.png);background-position:center top;background-size:cover;box-shadow:0 18px 36px #8e5b232b}.heroStage:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(180deg,#fffaf16b,#fff6ea0f 48%,#ffeed347),repeating-linear-gradient(90deg,rgba(77,44,24,.025) 0 1px,transparent 1px 9px)}.heroStage:after{position:absolute;inset:0;pointer-events:none;content:"";opacity:0;transition:opacity .22s ease}.heroStage--speaking:after,.heroStage--reacting:after{opacity:1;animation:stageGlow 1.2s ease-in-out infinite}.heroStage--heart:after{background:radial-gradient(circle at 72% 22%,rgba(255,167,173,.24),transparent 18%),radial-gradient(circle at 82% 62%,rgba(255,212,147,.18),transparent 22%)}.heroStage--spark:after{background:linear-gradient(115deg,transparent 0 44%,rgba(255,238,156,.22) 45% 49%,transparent 50%),radial-gradient(circle at 78% 30%,rgba(255,216,91,.24),transparent 18%)}.heroStage--moon:after{background:radial-gradient(circle at 80% 26%,rgba(191,212,255,.26),transparent 18%),linear-gradient(180deg,#edf3ff29,#fff9e90a)}.heroStage--warm:after{background:radial-gradient(circle at 78% 28%,rgba(255,207,139,.24),transparent 20%)}.speechBubble{position:absolute;z-index:3;top:28px;left:14px;width:min(64%,260px);min-height:134px;padding:18px 18px 18px 20px;border:2px solid rgba(199,126,63,.34);border-radius:28px 30px 30px 18px;color:#4d321e;background:#fffcf2e0;box-shadow:0 12px 24px #804f2224;animation:fadeMessage .42s ease both}.speechBubble:after{position:absolute;right:-14px;bottom:28px;width:26px;height:22px;border-right:2px solid rgba(199,126,63,.34);border-bottom:2px solid rgba(199,126,63,.34);border-bottom-right-radius:24px;content:"";background:#fffcf2e0;transform:rotate(-16deg)}.speechBubble svg{color:#e78386}.speechBubble p{margin:8px 0 0;font-size:1.08rem;font-weight:800;line-height:1.72}.speechBubble--speaking{animation:fadeMessage .42s ease both,speakingBubble .88s ease-in-out .42s infinite}.characterPerformer{position:absolute;z-index:2;right:-64px;bottom:58px;width:min(78%,320px);max-height:352px;transform-origin:56% 78%;animation:floatCharacter 5.4s ease-in-out infinite}.characterPerformer--speaking{animation:talkBounce .68s ease-in-out infinite}.characterPerformer--reacting{animation:wavePop .72s cubic-bezier(.2,.9,.2,1) both}.characterPerformer--popA .characterImage{animation:characterReactA .52s ease-out both,characterSwap .36s ease both}.characterPerformer--popB .characterImage{animation:characterReactB .52s ease-out both,characterSwap .36s ease both}.characterImage{position:relative;z-index:2;display:block;width:100%;max-height:352px;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 18px 18px rgba(101,62,37,.18));transform-origin:55% 78%;animation:characterSwap .36s ease both}.characterEffect{position:absolute;z-index:1;inset:2% 0 5%;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.characterPerformer--speaking .characterEffect,.characterPerformer--reacting .characterEffect{opacity:1;transform:translateY(0)}.characterEffect span{position:absolute;display:block;opacity:0}.characterEffect span:nth-child(1){top:10%;right:18%}.characterEffect span:nth-child(2){top:22%;left:8%}.characterEffect span:nth-child(3){top:44%;right:7%}.characterEffect span:nth-child(4){bottom:26%;left:12%}.characterEffect span:nth-child(5){bottom:18%;right:22%}.characterEffect span:nth-child(6){top:6%;left:34%}.characterEffect--heart span,.characterEffect--warm span{width:15px;height:15px;border-radius:5px;background:#ed8891bd;transform:rotate(-45deg);animation:softHeartGlow 1.35s ease-in-out infinite}.characterEffect--heart span:before,.characterEffect--heart span:after,.characterEffect--warm span:before,.characterEffect--warm span:after{position:absolute;width:15px;height:15px;border-radius:999px;content:"";background:inherit}.characterEffect--heart span:before,.characterEffect--warm span:before{top:-7px;left:0}.characterEffect--heart span:after,.characterEffect--warm span:after{top:0;left:7px}.characterEffect--warm span{background:#ffbe5fb8}.characterEffect--spark span{width:18px;height:18px;background:#ffd866;clip-path:polygon(50% 0,61% 36%,98% 50%,61% 64%,50% 100%,39% 64%,2% 50%,39% 36%);filter:drop-shadow(0 2px 6px rgba(151,97,19,.24));animation:cheerSpark 1.05s ease-in-out infinite}.characterEffect--moon span{width:18px;height:18px;border-radius:999px;background:#ffe9a9;box-shadow:-6px 0 #7e9ed847 inset;animation:restMoonDrift 1.75s ease-in-out infinite}.characterEffect span:nth-child(2){animation-delay:.13s}.characterEffect span:nth-child(3){animation-delay:.26s}.characterEffect span:nth-child(4){animation-delay:.39s}.characterEffect span:nth-child(5){animation-delay:.52s}.characterEffect span:nth-child(6){animation-delay:.65s}.voiceWaves{position:absolute;z-index:3;top:26%;left:7%;display:flex;align-items:center;gap:4px;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.voiceWaves span{display:block;width:7px;height:20px;border-radius:999px;background:#ffc470d6;box-shadow:0 4px 10px #9356182e}.characterPerformer--heart .voiceWaves span{background:#f4979edb}.characterPerformer--spark .voiceWaves span{background:#ffd357e6}.characterPerformer--moon .voiceWaves span{background:#94aee2e0}.voiceWaves span:nth-child(2){height:30px}.voiceWaves span:nth-child(3){height:15px}.characterPerformer--speaking .voiceWaves{opacity:1;transform:translateY(0)}.characterPerformer--speaking .voiceWaves span{animation:voiceWave .52s ease-in-out infinite}.characterPerformer--speaking .voiceWaves span:nth-child(2){animation-delay:.12s}.characterPerformer--speaking .voiceWaves span:nth-child(3){animation-delay:.24s}.dailyButton{position:absolute;z-index:4;right:12px;bottom:12px;left:12px;display:grid;grid-template-columns:42px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:76px;border:1px solid rgba(184,112,45,.28);border-radius:24px;color:#4b321f;text-align:left;background:#fffaeff0;box-shadow:0 12px 28px #8a511c38}.dailyButton:active,.moodCard:active,.wideAction:active,.counterAction:active,.giftAction:active,.primaryButton:active{transform:scale(.98)}.dailyButtonIcon{display:grid;width:42px;height:42px;place-items:center;border-radius:15px;color:#9f5e1f;background:#ffe2ac}.dailyButton strong{display:block;font-size:1.18rem;line-height:1.2}.dailyButton small{display:block;margin-top:4px;color:#73543a;font-size:.78rem;line-height:1.3}.dailyButton>svg{color:#d87e26}.moodGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.moodCard{display:flex;min-width:0;min-height:118px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 5px;border:1px solid rgba(129,84,43,.2);border-radius:22px;color:#4e3522;background:#fffbf1e6;box-shadow:0 8px 18px #7a4c1f1a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.moodCard--pink{background:#ffe6e8}.moodCard--amber{background:#ffedc5}.moodCard--green{background:#eaf4d0}.moodCard--blue{background:#e4edff}.moodCard--selected{border-color:var(--accent-strong);box-shadow:0 0 0 3px #ffffffe6,0 0 0 6px var(--accent-soft),0 12px 24px var(--accent-shadow);transform:translateY(-3px)}.moodIcon{font-size:1.62rem;line-height:1}.moodCard strong{font-size:.94rem;line-height:1.28}.moodCard small{color:#70533a;font-size:.68rem;font-weight:700;line-height:1.2}.quickPanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.68fr) 76px;gap:8px}.wideAction,.counterAction,.giftAction{min-width:0;min-height:78px;border:1px solid rgba(137,91,44,.2);border-radius:20px;color:#503721;background:#fffbf1eb;box-shadow:0 8px 18px #794c1f1a}.wideAction{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:10px 8px;text-align:left}.wideAction svg{color:#7fa359}.wideAction strong,.counterAction span{display:block;font-size:.96rem;line-height:1.25}.wideAction small{display:block;margin-top:3px;color:#73543a;font-size:.7rem;line-height:1.28}.counterAction,.giftAction{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.counterAction svg{color:#e7a33f}.counterAction strong{color:#7a4b22;font-size:1.32rem;line-height:1.1}.counterAction small{margin-left:2px;font-size:.72rem}.giftAction{color:#8f5522}.giftAction span{font-size:.78rem;font-weight:800;line-height:1.25}.splash{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:hidden;background:#fff7e8;animation:splashIn .22s ease both}.splash--leaving{pointer-events:none;animation:splashOut .38s ease both}.splash img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.splash:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#fff8e614,#ffeed26b)}.splashText{position:relative;z-index:2;align-self:start;width:min(86%,360px);margin-top:12dvh;padding:20px;border:1px solid rgba(150,92,38,.16);border-radius:26px;text-align:center;background:#fffaefc7;box-shadow:0 16px 30px #75451d29}.splashText p{margin:0;color:#3f2a1c;font-size:1.72rem;font-weight:900}.splashText span{display:block;margin-top:10px;color:#765237;font-weight:800}.splashText button{margin-top:18px;padding:10px 22px;border:0;border-radius:999px;color:#724114;font-weight:900;background:#ffe0a1}.modalBackdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:18px 12px calc(env(safe-area-inset-bottom,0px) + 18px);background:#50341d47;animation:fadeMessage .18s ease both}.modalCard{width:min(100%,430px);max-height:86dvh;overflow-y:auto;padding:18px;border:1px solid rgba(135,86,41,.2);border-radius:28px;color:#4b321f;background:linear-gradient(180deg,#fffcf4f5,#fff4e1f5),repeating-linear-gradient(0deg,rgba(118,80,42,.05) 0 1px,transparent 1px 8px);box-shadow:0 24px 52px #3d251247}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modalHeader h2{margin:0;font-size:1.28rem;line-height:1.3}.modalHeader button{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:1px solid rgba(128,84,43,.18);border-radius:15px;color:#5f3c23;background:#ffffffb8}.messageModalCard{position:relative;min-height:226px;overflow:hidden;padding:20px;border:1px solid rgba(215,140,65,.2);border-radius:24px;background:#fff9ed}.dailyCharacterImage{float:right;width:min(42%,150px);max-height:180px;margin:-10px -4px 8px 12px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(105,64,33,.14));animation:dailyCharacterPop .52s ease both,floatCharacter 5.6s ease-in-out .52s infinite}.messageModalCard p:last-child{margin:10px 0 0;font-size:1.08rem;font-weight:800;line-height:1.8}.dateLine{margin:0;color:#9a6630;font-size:.82rem;font-weight:800}.primaryButton{width:100%;min-height:48px;margin-top:14px;border:0;border-radius:999px;color:#673b13;font-weight:900;background:linear-gradient(180deg,#ffd77a,#f4ae4e);box-shadow:0 10px 20px #b46f2633}.primaryButton--soft{color:#6b4829;background:linear-gradient(180deg,#fff1cf,#ffd99b)}.modalLead{margin:0 0 12px;color:#6c4d34;font-weight:700;line-height:1.6}.inputRow{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px}.inputRow input{min-width:0;height:50px;padding:0 14px;border:1px dashed rgba(139,89,43,.34);border-radius:16px;color:#4b321f;background:#ffffffb8}.inputRow button{display:grid;place-items:center;border:0;border-radius:16px;color:#744114;background:#ffd77a}.winSummary,.pointBadge{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 10px;padding:12px 14px;border-radius:18px;background:#fff6e5}.winSummary span,.pointBadge span{font-weight:800}.winSummary strong,.pointBadge strong{color:#a15e20;font-size:1.2rem}.emptyState{margin:12px 0 2px;padding:16px;border:1px dashed rgba(135,86,41,.24);border-radius:18px;color:#74543a;text-align:center;background:#ffffff80}.winList{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.winList li{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;min-height:50px;padding:8px 8px 8px 14px;border:1px solid rgba(136,90,45,.16);border-radius:16px;background:#ffffffad}.winList span{min-width:0;overflow-wrap:anywhere;line-height:1.45}.winList button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:13px;color:#9f5632;background:#ffe2cf}.pointBadge{justify-content:flex-start}.pointBadge svg{color:#e7a33f}.pointBadge strong{margin-left:auto}.rewardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rewardCard{min-width:0;min-height:132px;padding:12px;border:1px solid rgba(130,86,43,.16);border-radius:20px;background:#f5ece0b8;opacity:.76}.rewardCard--open{border-color:#eba04666;background:#fff6e6;opacity:1}.rewardCost{display:inline-flex;padding:4px 8px;border-radius:999px;color:#9d5c1d;font-size:.76rem;font-weight:900;background:#ffe2a3}.rewardCard h3{margin:10px 0 5px;font-size:.98rem;line-height:1.28}.rewardCard p{margin:0;color:#72543a;font-size:.78rem;font-weight:700;line-height:1.42}.rewardCard small{display:block;margin-top:10px;color:#9b6530;font-weight:900}.settingsList{display:flex;flex-direction:column;gap:12px}.settingsList div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:18px;background:#fff6e6}.settingsList strong{font-size:.9rem}.settingsList span{color:#76543a;font-size:.88rem;font-weight:700}@keyframes floatCharacter{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes characterSwap{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes wavePop{0%{transform:translateY(8px) rotate(0) scale(.985)}44%{transform:translateY(-11px) rotate(-1.4deg) scale(1.04)}72%{transform:translateY(-3px) rotate(.8deg) scale(1.015)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes talkBounce{0%,to{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-7px) rotate(-1.1deg) scale(1.02)}42%{transform:translateY(-1px) rotate(.9deg) scale(1.008)}66%{transform:translateY(-5px) rotate(-.5deg) scale(1.018)}}@keyframes speakingCharacter{0%,to{transform:translateY(0) rotate(0) scale(1)}28%{transform:translateY(-5px) rotate(-.8deg) scale(1.014)}56%{transform:translateY(-1px) rotate(.7deg) scale(1.006)}78%{transform:translateY(-4px) rotate(-.4deg) scale(1.012)}}@keyframes characterReactA{0%{transform:scale(.985) translateY(4px)}46%{transform:scale(1.035) translateY(-6px)}to{transform:scale(1) translateY(0)}}@keyframes characterReactB{0%{transform:scale(.985) translateY(4px)}46%{transform:scale(1.035) translateY(-6px)}to{transform:scale(1) translateY(0)}}@keyframes stageGlow{0%,to{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.012);filter:saturate(1.08)}}@keyframes cheerSpark{0%{opacity:0;transform:translateY(10px) scale(.45) rotate(0)}35%{opacity:1;transform:translateY(0) scale(1.08) rotate(25deg)}to{opacity:0;transform:translateY(-18px) scale(.78) rotate(70deg)}}@keyframes softHeartGlow{0%{opacity:0;transform:translateY(8px) scale(.62) rotate(-45deg)}40%{opacity:.9;transform:translateY(0) scale(1) rotate(-45deg)}to{opacity:0;transform:translateY(-16px) scale(.8) rotate(-45deg)}}@keyframes restMoonDrift{0%{opacity:0;transform:translateY(10px) scale(.72) rotate(-8deg)}38%{opacity:.92;transform:translate(-2px) scale(1) rotate(0)}to{opacity:0;transform:translate(-12px,-18px) scale(.78) rotate(12deg)}}@keyframes speakingBubble{0%,to{box-shadow:0 12px 24px #804f2224;transform:translateY(0)}50%{box-shadow:0 16px 30px #804f2233,0 0 0 5px #ffd8973d;transform:translateY(-2px)}}@keyframes voiceWave{0%,to{transform:scaleY(.72);opacity:.72}50%{transform:scaleY(1.2);opacity:1}}@keyframes dailyCharacterPop{0%{opacity:0;transform:translateY(10px) scale(.96) rotate(-1deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes fadeMessage{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splashIn{0%{opacity:0}to{opacity:1}}@keyframes splashOut{0%{opacity:1}to{opacity:0}}@media(max-width:374px){.phoneShell{padding-right:9px;padding-left:9px}.topBar{grid-template-columns:66px minmax(0,1fr) 66px;min-height:104px}.brandBlock h1{font-size:1.34rem}.iconButton{min-height:62px;border-radius:16px}.iconButton span{font-size:.68rem}.heroStage{min-height:410px;border-radius:24px}.speechBubble{width:66%;min-height:128px;padding:15px}.speechBubble p{font-size:.98rem}.characterPerformer{right:-72px;width:82%;max-height:330px}.characterImage{max-height:330px}.voiceWaves{left:10%}.moodGrid{gap:5px}.moodCard{min-height:112px;border-radius:18px}.moodCard strong{font-size:.86rem}.moodCard small{font-size:.62rem}.quickPanel{grid-template-columns:minmax(0,1fr) 105px 68px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}