:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;color:#442c3a;background:#fff0f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--phone-width-ratio: 1206;--phone-height-ratio: 2622}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,input,textarea{font:inherit}body{overflow-x:hidden}.app{min-height:100dvh;display:grid;place-items:start center;background:linear-gradient(135deg,rgba(255,255,255,.72) 0 12%,transparent 12% 25%,rgba(255,255,255,.36) 25% 37%,transparent 37%),linear-gradient(160deg,#ffe7f0,#fff5cf 42%,#dff7f1)}.phone-stage{position:relative;width:min(100vw,430px);min-height:100dvh;overflow:hidden;padding:max(18px,env(safe-area-inset-top)) clamp(14px,4vw,18px) max(18px,env(safe-area-inset-bottom));background:linear-gradient(90deg,rgba(255,255,255,.52) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(180deg,#fff7fa,#ffe7f0 46%,#fff4d7);box-shadow:0 28px 76px #995e7e38}.phone-stage.message-mode{height:100dvh;min-height:100dvh;overflow:hidden}.phone-stage.home-mode{min-height:100dvh}.phone-stage:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.92);border-radius:34px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffc4d747}.phone-stage:after{content:"";position:absolute;top:128px;right:-58px;width:186px;height:540px;border-radius:999px;background:linear-gradient(180deg,#97decd47,#aac4ff1f);transform:rotate(-18deg)}.ambient{position:absolute;z-index:0;pointer-events:none}.ambient-a{top:66px;left:-52px;width:150px;height:40px;border:1px solid rgba(255,176,205,.28);border-radius:999px;background:#ffffff5c;transform:rotate(-28deg)}.ambient-b{right:-36px;bottom:210px;width:148px;height:112px;border:1px solid rgba(151,222,205,.34);border-radius:42px;background:#ffffff42;transform:rotate(18deg)}.ambient-c{left:22px;bottom:70px;width:78px;height:78px;border:15px solid rgba(255,209,102,.22);border-radius:26px;transform:rotate(18deg)}.hero{position:relative;z-index:1;padding:clamp(12px,3.7vw,18px) 4px clamp(8px,2.5vw,12px);text-align:center}.kicker{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:31px;margin:0 0 13px;padding:5px 15px;border:1px solid rgba(255,132,173,.28);border-radius:999px;background:#ffffffbd;color:#c4507c;font-size:13px;font-weight:900;box-shadow:0 9px 20px #c55b8217}.kicker span{width:8px;height:8px;border-radius:50%;background:#ff7eab;box-shadow:13px 0 #ffd263,26px 0 #7ed6be}h1{margin:0;color:#4d2f3f;font-size:clamp(36px,10.7vw,46px);line-height:1.02;letter-spacing:0;text-shadow:0 3px 0 rgba(255,255,255,.96),0 13px 28px rgba(150,69,106,.16)}.subtitle{width:fit-content;max-width:min(318px,92%);margin:12px auto 0;padding:7px 14px;border-radius:999px;background:#ffffff8a;color:#9f5575;font-size:14px;font-weight:800;line-height:1.45}.landing-page{position:relative;z-index:1;min-height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,5vw,26px);padding:clamp(16px,4vw,22px) 2px}.landing-hero{text-align:center}.landing-hero h1{font-size:clamp(42px,11.5vw,52px)}.landing-actions{display:grid;gap:14px}.landing-card{width:100%;min-height:106px;display:grid;grid-template-columns:74px 1fr;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.9);border-radius:28px;padding:16px;background:linear-gradient(145deg,#ffffffeb,#fff7fcc7),linear-gradient(120deg,#ff7eab29,#ffd2632e);color:#4d2f3f;cursor:pointer;text-align:left;box-shadow:0 18px 34px #9c587a24,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .2s ease,box-shadow .2s ease}.landing-card:active{transform:translateY(3px);box-shadow:0 10px 20px #9c587a1f,inset 0 1px #ffffffe0}.wheel-entry{background:linear-gradient(145deg,#ffffffe0,#fff6dab3),linear-gradient(120deg,#ff7eab24,#ffd26338)}.message-entry{background:linear-gradient(145deg,#ffffffe0,#effff9b8),linear-gradient(120deg,#7ed6be2e,#ff7eab1f)}.landing-card strong{display:block;font-size:22px;font-weight:1000;line-height:1.15}.landing-card small{display:block;margin-top:7px;color:#9f5575;font-size:13px;font-weight:900;line-height:1.4}.entry-icon{position:relative;width:64px;height:64px;display:grid;place-items:center;border:5px solid rgba(255,255,255,.86);border-radius:50%;background:conic-gradient(#ff8cb6 0 52deg,#ffd263 52deg 104deg,#7ed6be 104deg 156deg,#95cfff 156deg 208deg,#c3adff 208deg 260deg,#ffc067 260deg 312deg,#ff9f90 312deg 360deg);box-shadow:0 10px 20px #954b6d29}.entry-icon:before{content:"";position:absolute;inset:9px;border-radius:50%;border:1px dashed rgba(255,255,255,.8)}.entry-wheel-dot{position:relative;width:24px;height:24px;border:4px solid rgba(255,255,255,.92);border-radius:50%;background:#ff6f9f;box-shadow:0 5px #d94b7db8,inset 0 1px #ffffff73}.message-entry .tab-icon{width:64px;height:64px}.landing-note{min-height:72px;display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 4px 0;padding:13px 16px;border:1px solid rgba(255,255,255,.84);border-radius:24px;background:#ffffff8f;color:#9f5575;box-shadow:0 14px 28px #9c587a1c,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-note p{margin:0;font-size:14px;font-weight:900}.wheel-hero{padding-top:clamp(10px,3vw,14px)}.wheel-back{position:absolute;top:clamp(10px,3vw,14px);left:2px;z-index:3}.tab-icon{width:32px;height:32px;flex:0 0 auto;filter:drop-shadow(0 4px 6px rgba(143,64,100,.14))}.tab-icon-bg{fill:#fffaf2;stroke:#4a2d3b;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.tab-icon-ear,.tab-icon-line,.tab-icon-face{fill:none;stroke:#4a2d3b;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.tab-icon-line{stroke:#ff7eab}.wheel-card{position:relative;z-index:1;width:100%;margin-top:clamp(10px,3.2vw,16px);padding:clamp(12px,3.2vw,15px) clamp(9px,2.9vw,12px) clamp(16px,4vw,19px);border:1px solid rgba(255,255,255,.86);border-radius:30px;background:linear-gradient(180deg,#ffffffa3,#ffffff57),linear-gradient(145deg,#ffd2e17a,#e0f7f161);box-shadow:0 24px 42px #a95a8026,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-shine{position:absolute;inset:12px 15px auto;height:42px;border-radius:999px;background:linear-gradient(90deg,#ffffffa3,#fff0);pointer-events:none}.wheel-meta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 8px 8px;color:#9b5a73;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.wheel-meta strong{width:30px;height:30px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#ff6799;font-size:16px;box-shadow:0 8px 16px #ca63881f}.wheel-area{position:relative;z-index:1;display:grid;place-items:center;padding:clamp(10px,3vw,16px) 0 4px}.wheel-rig{position:relative;width:min(100%,338px);aspect-ratio:1;display:grid;place-items:center}.wheel-shell{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#fff8e7,#fff8e7) padding-box,conic-gradient(#ff83ae,#ffd76d,#8ee0c7,#95cfff,#c3adff,#ff83ae) border-box;border:9px solid transparent;box-shadow:0 22px 38px #8b4e7238,inset 0 0 0 1px #ffffffe6}.wheel-shell:before{content:"";position:absolute;inset:7px;border-radius:50%;border:2px dashed rgba(255,129,169,.3)}.wheel-shell:after{content:"";position:absolute;inset:20px;border-radius:50%;box-shadow:inset 0 0 0 10px #ffffff57;pointer-events:none}.wheel-glow{position:absolute;inset:-13px;border-radius:50%;background:conic-gradient(from 20deg,#ff7eab29,#ffd2631f,#7ed6be24,#bdaaff21,#ff7eab29);filter:blur(9px)}.wheel{--wheel-size: min( calc(100vw - 96px) , 294px);position:relative;width:var(--wheel-size);aspect-ratio:1;overflow:hidden;border:5px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:inset 0 0 0 1px #7548620f,inset 0 0 32px #ffffff38;transition:transform 4.25s cubic-bezier(.16,.92,.17,1);will-change:transform}.wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(0deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px)),linear-gradient(51.428deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px)),linear-gradient(102.856deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px)),linear-gradient(154.284deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px)),linear-gradient(205.712deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px)),linear-gradient(257.14deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px)),linear-gradient(308.568deg,transparent calc(50% - 1px),rgba(255,255,255,.5) 50%,transparent calc(50% + 1px));opacity:.78}.wheel:after{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,transparent 0 41%,rgba(255,255,255,.2) 42%,transparent 60%);pointer-events:none}.wheel-item{position:absolute;z-index:1;width:66px;transform:translate(-50%,-50%)}.wheel-item-inner{width:100%;display:grid;justify-items:center;gap:2px}.food-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:16px;background:#ffffffad;box-shadow:0 7px 13px #6a3b5521,inset 0 1px #ffffffeb}.wheel-item img{width:33px;height:33px;object-fit:contain;filter:drop-shadow(0 4px 2px rgba(101,55,48,.14))}.food-name{max-width:66px;min-height:20px;display:inline-flex;align-items:center;justify-content:center;padding:2px 7px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffc2;color:#503243;font-size:9.5px;font-weight:900;line-height:1.22;text-align:center;white-space:normal;word-break:keep-all;box-shadow:0 4px 9px #61374f14}.pointer{position:absolute;z-index:5;top:-6px;left:50%;width:44px;height:56px;display:grid;place-items:start center;transform:translate(-50%);filter:drop-shadow(0 8px 10px rgba(176,65,111,.22))}.pointer:before{content:"";width:40px;height:40px;border:4px solid #fff7fb;border-radius:18px 18px 20px 20px;background:linear-gradient(180deg,#ff8ab5,#ff5e95);box-shadow:inset 0 1px #ffffff8c}.pointer:after{content:"";position:absolute;top:35px;left:50%;width:22px;height:22px;border-right:4px solid #fff7fb;border-bottom:4px solid #fff7fb;border-radius:0 0 8px;background:#ff5e95;transform:translate(-50%) rotate(45deg)}.pointer span{position:absolute;top:14px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:14px 0 #fff}.spin-button{position:absolute;z-index:6;left:50%;top:50%;width:clamp(84px,23vw,94px);height:clamp(84px,23vw,94px);display:grid;place-items:center;border:7px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 44%),linear-gradient(180deg,#ff8cb6,#ff5f99);color:#fff;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 10px #d94b7d,0 18px 28px #b543704d,inset 0 2px #ffffff7a;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.spin-button span{display:grid;place-items:center;width:clamp(56px,15.6vw,64px);height:clamp(56px,15.6vw,64px);border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff14;font-size:clamp(19px,5.4vw,21px);font-weight:1000;letter-spacing:0;line-height:1;text-align:center}.spin-button:active{transform:translate(-50%,calc(-50% + 6px));box-shadow:0 4px #d94b7d,0 12px 20px #b543703b,inset 0 2px #ffffff6b}.spin-button:disabled{cursor:default;filter:saturate(.92)}.result-panel{position:relative;z-index:1;min-height:clamp(82px,22vw,96px);display:flex;align-items:center;justify-content:center;gap:14px;margin:clamp(12px,3.6vw,16px) 4px 0;padding:clamp(13px,3.8vw,16px) clamp(14px,4vw,18px);border:1px solid rgba(255,255,255,.86);border-radius:28px;background:linear-gradient(180deg,#ffffffc7,#ffffff80),linear-gradient(90deg,#ff81a91f,#7ed6be1f);box-shadow:0 16px 28px #9c587a21,inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.result-panel.active{animation:pop .38s ease both}.result-panel img{width:60px;height:60px;object-fit:contain;border-radius:18px;box-shadow:0 8px 15px #6f43581a}.result-panel p{margin:0;color:#a45676;font-size:13px;font-weight:900}.result-panel strong{display:block;margin-top:3px;color:#4c2f3f;font-size:25px;line-height:1.1}.mini-orbit{position:relative;width:72px;height:28px;border:1px solid rgba(255,126,171,.22);border-radius:999px;background:#ffffff6b}.mini-orbit:before{content:"";position:absolute;top:50%;left:9px;width:15px;height:15px;border-radius:50%;background:#ff7eab;box-shadow:19px 0 #ffd263,38px 0 #7ed6be;transform:translateY(-50%)}.board-page{position:relative;z-index:1;height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));min-height:0;display:flex;flex-direction:column;gap:12px}.board-hero{position:relative;flex:0 0 auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:clamp(76px,18dvh,120px);padding-top:clamp(6px,2vw,10px);text-align:center}.board-hero>div{grid-column:2}.board-hero h1{font-size:clamp(42px,12vw,54px)}.back-button{grid-column:1;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,126,171,.32);border-radius:15px;background:#ffffffc7;color:#8d4163;cursor:pointer;font-size:32px;font-weight:800;line-height:1;box-shadow:0 8px 18px #b1527921}.message-board{min-height:0;flex:1;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.88);border-radius:28px;background:linear-gradient(180deg,#ffffffbd,#fffaef8f),linear-gradient(145deg,#ffd2e16b,#e0f7f147);box-shadow:0 18px 34px #9c587a21,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.message-toolbar{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;min-height:30px;color:#8d4163}.message-toolbar strong{font-size:15px;font-weight:1000}.message-list{flex:1;min-height:0;height:auto;display:flex;flex-direction:column;gap:9px;overflow-y:auto;overscroll-behavior:contain;padding:2px 3px 12px;scrollbar-width:thin}.message-item{border:1px solid rgba(255,255,255,.78);border-radius:18px;padding:10px 12px 9px;color:#000;box-shadow:0 8px 16px #5b3c4f14,inset 0 1px #ffffffa6}.message-item p{margin:0;color:#000;font-size:15px;font-weight:700;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.message-item time{display:block;margin-top:5px;color:#000;font-size:11px;font-weight:700;line-height:1}.empty-board{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:#9f5575;text-align:center}.empty-board p{margin:0;font-size:14px;font-weight:900}.empty-dog{width:74px;height:54px;border:4px solid #3d2a35;border-radius:26px 26px 20px 20px;background:#fffaf2;box-shadow:-19px 11px 0 -8px #fffaf2,19px 11px 0 -8px #fffaf2}.message-error{flex:0 0 auto;margin:-2px 2px 0;color:#c64b73;font-size:12px;font-weight:900;text-align:center}.message-composer{flex:0 0 auto;position:relative;z-index:30;width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;padding:7px 8px;border:1px solid rgba(255,126,171,.23);border-radius:22px;background:#ffffffe6;box-shadow:0 18px 34px #9c587a33,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message-composer textarea{width:100%;min-height:34px;height:34px;max-height:116px;resize:none;border:0;outline:0;padding:5px 4px 5px 8px;background:transparent;color:#000;font-size:16px;font-weight:700;line-height:1.5;overflow-y:auto}.message-composer textarea::placeholder{color:#4e2d3f75}.composer-side{display:grid;justify-items:end;gap:0}.composer-side button{min-width:60px;height:34px;border:0;border-radius:14px;background:linear-gradient(180deg,#ff8cb6,#ff5f99);color:#fff;cursor:pointer;font-size:14px;font-weight:1000;box-shadow:0 4px #d94b7d}.composer-side button:disabled{cursor:default;opacity:.58}@keyframes pop{0%{transform:scale(.96)}70%{transform:scale(1.03)}to{transform:scale(1)}}@media(max-width:360px){h1{font-size:37px}.subtitle{font-size:13px}.wheel-card{padding-inline:8px}.spin-button{width:86px;height:86px}.spin-button span{width:58px;height:58px;font-size:19px}.message-composer{width:100%}}@media(max-height:760px){.hero{padding-top:8px}h1{font-size:36px}.subtitle{margin-top:8px}.wheel-card{margin-top:10px;padding-bottom:13px}.wheel-area{padding-top:12px}.result-panel{min-height:82px;margin-top:10px}.board-hero{min-height:66px;padding-top:0}.board-hero h1{font-size:38px}.message-board{padding:12px}}.home-mode,.wheel-mode,.game-mode,.fortune-mode,.memo-mode{height:100dvh;min-height:100dvh;overflow:hidden}.landing-page{min-height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));justify-content:flex-start;gap:clamp(14px,3.4dvh,24px);padding:clamp(34px,6.8dvh,62px) 2px 16px}.landing-hero h1{font-family:Comic Sans MS,Marker Felt,PingFang SC,Microsoft YaHei,cursive;color:#4b2d3c;margin:0;font-size:clamp(34px,9vw,42px);line-height:1.08}.home-clock{display:block;width:fit-content;margin:14px auto 0;padding:8px 14px;border:1px solid rgba(255,126,171,.22);border-radius:999px;background:#ffffffa8;color:#6a4054;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:900;letter-spacing:0;box-shadow:0 10px 22px #9c587a1a}.home-lunar{margin:8px 0 0;color:#a45878;font-size:14px;font-weight:900}.landing-actions{gap:clamp(8px,1.5dvh,12px)}.landing-card{position:relative;min-height:clamp(58px,8dvh,72px);grid-template-columns:48px 1fr 24px;gap:12px;padding:10px 14px;border-radius:22px;border-color:#ffffffeb;animation:tabWiggle .78s ease-in-out infinite;animation-delay:var(--tab-delay);will-change:transform}.landing-card strong{font-size:21px}.tab-arrow{color:#b55b7d;font-size:30px;font-weight:900;line-height:1}.home-tab-1{background:linear-gradient(145deg,#ffffffed,#fff6dad6),linear-gradient(120deg,#ff7eab2e,#ffd26347)}.home-tab-2{background:linear-gradient(145deg,#ffffffed,#e8fff7d6),linear-gradient(120deg,#7ed6be47,#ff7eab29)}.home-tab-3{background:linear-gradient(145deg,#ffffffed,#e8f6ffdb),linear-gradient(120deg,#95cfff47,#7ed6be2e)}.home-tab-4{background:linear-gradient(145deg,#fffffff0,#fff5dadb),linear-gradient(120deg,#ffd26347,#c3adff2e)}.home-tab-5{background:linear-gradient(145deg,#fffffff0,#e8fff7db),linear-gradient(120deg,#7ed6be3d,#ffd2632e)}.home-tab-6{background:linear-gradient(145deg,#fffffff0,#f6ebffdb),linear-gradient(120deg,#c3adff47,#ff7eab29)}.cute-tab-icon{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:#ffffffb8;box-shadow:0 8px 16px #7e48621f,inset 0 1px #ffffffe6}.cute-tab-icon i,.cute-tab-icon:before,.cute-tab-icon:after{content:"";position:absolute;display:block}.eat-icon i{bottom:11px;width:27px;height:14px;border:3px solid #4b2d3c;border-top:0;border-radius:0 0 16px 16px;background:#fff3bc}.eat-icon:before{top:10px;left:12px;width:23px;height:3px;border-radius:999px;background:#ff7eab;transform:rotate(-22deg)}.eat-icon:after{bottom:7px;left:13px;width:18px;height:3px;border-radius:999px;background:#4b2d3c}.think-icon i{top:13px;left:12px;width:23px;height:16px;border-radius:999px;background:#dff7f1;border:3px solid #4b2d3c}.think-icon:before{top:9px;left:17px;width:12px;height:12px;border-radius:50%;background:#dff7f1;border:3px solid #4b2d3c}.think-icon:after{right:10px;bottom:8px;width:7px;height:7px;border-radius:50%;background:#ff7eab;box-shadow:-10px 6px #ffd263}.play-icon i{width:27px;height:27px;border:3px solid #2c7d58;border-radius:50%;background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.55) 42% 58%,transparent 58%),#72d18f}.play-icon:before,.play-icon:after{top:11px;width:3px;height:22px;border-radius:999px;background:#2c7d58}.play-icon:before{left:17px;transform:rotate(-18deg)}.play-icon:after{right:17px;transform:rotate(18deg)}.fortune-icon i{width:28px;height:28px;border:3px solid #6f4dbd;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0 3px,transparent 4px),radial-gradient(circle at 50% 50%,rgba(255,210,99,.9) 0 10px,transparent 11px),#efe4fff0}.fortune-icon:before{top:8px;left:14px;width:16px;height:16px;background:#ffd263;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.fortune-icon:after{bottom:8px;left:13px;width:18px;height:4px;border-radius:999px;background:#6f4dbd}.memo-icon i{width:25px;height:29px;border:3px solid #4b2d3c;border-radius:8px;background:linear-gradient(#ff7eab 0 0) 7px 8px / 12px 3px no-repeat,linear-gradient(#7ed6be 0 0) 7px 15px / 12px 3px no-repeat,linear-gradient(#ffd263 0 0) 7px 22px / 9px 3px no-repeat,#ffffffe0}.memo-icon:before{top:8px;left:10px;width:24px;height:6px;border-radius:999px;background:#ff9f90;transform:rotate(-9deg)}.memo-icon:after{right:8px;bottom:8px;width:9px;height:9px;border-radius:50%;background:#ffd263}.wait-icon i{width:22px;height:28px;border:3px solid #4b2d3c;border-radius:9px;background:linear-gradient(135deg,transparent 48%,#c3adff 49% 55%,transparent 56%),linear-gradient(45deg,transparent 48%,#ffd263 49% 55%,transparent 56%),#fffc}.wait-icon:before,.wait-icon:after{left:13px;width:18px;height:3px;border-radius:999px;background:#4b2d3c}.wait-icon:before{top:7px}.wait-icon:after{bottom:7px}.barrage-layer{position:absolute;inset:0;z-index:200;overflow:hidden;pointer-events:none}.barrage-item{position:absolute;right:-270px;min-width:220px;padding:6px 12px;border:2px solid #000;border-radius:5px;background:#fff;color:#000;font-size:14px;font-weight:1000;white-space:nowrap;box-shadow:4px 4px #0000002e;animation:barrageFly 1.6s linear both}.simple-page-hero{position:relative;z-index:1;flex:0 0 auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;min-height:clamp(76px,14dvh,106px);text-align:center}.simple-page-hero>div{grid-column:2}.simple-page-hero .edit-wheel-button{grid-column:3;width:42px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,126,171,.32);border-radius:14px;background:#ffffffd1;color:#8d4163;cursor:pointer;font-size:13px;font-weight:1000;box-shadow:0 8px 18px #b1527921}.simple-page-hero h1{font-size:clamp(38px,10.6vw,50px)}.wheel-page{position:relative;z-index:1;height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));min-height:0;display:flex;flex-direction:column;gap:12px}.wheel-page .wheel-card{flex:1;min-height:0;display:grid;place-items:center;margin-top:0;padding:12px 8px}.wheel-page .wheel-area{width:100%;padding:0}.wheel-page .wheel-rig{width:min(100%,340px,48dvh)}.wheel-page .wheel{--wheel-size: min( calc(100vw - 104px) , 298px, 42dvh)}.wheel-page .wheel-item{width:auto}.wheel-page .food-name{min-width:24px;min-height:74px;padding:8px 4px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffb8;color:#4b2d3c;font-size:13px;line-height:1;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:0}.wheel-result{flex:0 0 auto;min-height:clamp(82px,14dvh,104px);margin:0 4px}.wheel-result strong{margin:0;color:#4c2f3f;font-size:clamp(25px,7vw,31px);line-height:1.15}.modal-backdrop{position:absolute;inset:0;z-index:260;display:grid;place-items:center;padding:18px;background:#4c2f3f2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wheel-editor-modal{width:min(100%,374px);max-height:min(78dvh,650px);display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.92);border-radius:28px;background:linear-gradient(180deg,#fffffff0,#fff8fce0),linear-gradient(145deg,#ffd2e15c,#e0f7f152);box-shadow:0 24px 46px #663d533d,inset 0 1px #ffffffeb}.wheel-editor-modal header{text-align:center}.wheel-editor-modal h2{margin:0;color:#4d2f3f;font-size:26px;line-height:1.12;font-weight:1000}.wheel-editor-modal p{margin:7px 0 0;color:#9f5575;font-size:13px;font-weight:900;line-height:1.4}.wheel-editor-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:2px 3px}.wheel-editor-row{min-height:44px;display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:8px}.wheel-editor-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:12px;background:#fff1f7;color:#c4507c;font-size:13px;font-weight:1000}.wheel-editor-row input{width:100%;min-width:0;height:42px;border:1px solid rgba(255,126,171,.22);border-radius:16px;outline:0;padding:0 12px;background:#ffffffc7;color:#231821;font-size:16px;font-weight:900;box-shadow:inset 0 1px #ffffffd6}.wheel-editor-row input::placeholder{color:#4e2d3f5c}.wheel-editor-row button{width:34px;height:34px;border:0;border-radius:13px;background:#ff7eab29;color:#9f5575;cursor:pointer;font-size:22px;font-weight:900;line-height:1}.wheel-editor-row button:disabled{cursor:default;opacity:.36}.wheel-editor-error{margin:-2px 2px 0!important;color:#c64b73!important;font-size:12px!important;text-align:center}.wheel-editor-tools{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:9px}.wheel-editor-tools button{height:40px;border:0;border-radius:16px;background:#ffffffc7;color:#8d4163;cursor:pointer;font-size:14px;font-weight:1000;box-shadow:0 6px 14px #9c587a1f}.wheel-editor-tools button:disabled{cursor:default;opacity:.5}.wheel-editor-tools .ghost-action{background:#ffeef4eb}.wheel-editor-tools .primary-action{background:linear-gradient(180deg,#ff8cb6,#ff5f99);color:#fff;box-shadow:0 4px #d94b7d}.fortune-page{position:relative;z-index:1;height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));min-height:0;display:flex;flex-direction:column;gap:10px}.fortune-hero{min-height:clamp(64px,11dvh,90px)}.fortune-hero h1{font-size:clamp(36px,9.8vw,46px)}.fortune-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.88);border-radius:30px;background:linear-gradient(180deg,#ffffffc7,#fffaef8f),linear-gradient(145deg,#ffd2e157,#e0f7f15c);box-shadow:0 18px 34px #9c587a21,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.fortune-tabs{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:20px;background:#ffffff94;box-shadow:inset 0 1px #fffc}.fortune-tabs button{height:38px;border:0;border-radius:16px;background:transparent;color:#9f5575;cursor:pointer;font-size:16px;font-weight:1000}.fortune-tabs button.active{background:linear-gradient(180deg,#ff8cb6,#ff5f99);color:#fff;box-shadow:0 4px #d94b7d}.fortune-card{--fortune-accent: #ff7eab;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(9px,1.8dvh,14px);padding:clamp(14px,3.6vw,18px);border:1px solid rgba(255,255,255,.9);border-radius:26px;background:radial-gradient(circle at 14% 8%,rgba(255,126,171,.18),transparent 34%),linear-gradient(180deg,#ffffffdb,#fff8fcb8);background:radial-gradient(circle at 14% 8%,color-mix(in srgb,var(--fortune-accent) 24%,transparent),transparent 34%),linear-gradient(180deg,#ffffffdb,#fff8fcb8);box-shadow:0 14px 28px #7e48621f,inset 0 1px #ffffffeb}.fortune-card-head{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:start;gap:9px}.fortune-card-head>div{min-width:0}.fortune-card-head span{display:block;margin-bottom:8px;color:#a45878;font-size:13px;font-weight:1000}.fortune-card-head strong{display:block;color:#4b2d3c;font-size:clamp(19px,5.4vw,23px);line-height:1.18}.fortune-card-head em{width:58px;height:58px;display:grid;place-items:center;border:5px solid rgba(255,255,255,.9);border-radius:50%;background:var(--fortune-accent);background:color-mix(in srgb,var(--fortune-accent) 82%,#fff);color:#fff;font-style:normal;font-size:22px;font-weight:1000;box-shadow:0 9px 18px #9c587a29}.fortune-summary,.fortune-advice{margin:0;color:#664158;font-size:clamp(14px,3.8vw,16px);font-weight:900;line-height:1.55}.fortune-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fortune-scores div,.fortune-lucky div{min-height:54px;display:grid;place-items:center;border-radius:18px;background:#ffffffa8;box-shadow:inset 0 1px #ffffffc7}.fortune-scores span,.fortune-lucky dt{color:#a45878;font-size:12px;font-weight:1000}.fortune-scores strong,.fortune-lucky dd{margin:0;color:#4b2d3c;font-size:16px;font-weight:1000}.fortune-lucky{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.fortune-advice{padding:11px 13px;border-radius:18px;background:#ffffffbd;background:color-mix(in srgb,var(--fortune-accent) 12%,rgba(255,255,255,.74))}.memo-page{position:relative;z-index:1;height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));min-height:0;display:flex;flex-direction:column;gap:10px}.memo-hero{grid-template-columns:44px 1fr 44px;min-height:clamp(64px,11dvh,90px)}.memo-hero h1{font-size:clamp(38px,10vw,48px)}.memo-add-button{grid-column:3;justify-self:end;width:34px;height:34px;margin-right:14px;display:grid;place-items:center;border:1px solid rgba(126,214,190,.42);border-radius:14px;background:#ffffffd1;color:#3d7f68;cursor:pointer;font-size:22px;font-weight:1000;line-height:1;box-shadow:0 8px 18px #52978124}.memo-add-button:disabled{cursor:default;opacity:.55}.memo-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.88);border-radius:30px;background:linear-gradient(180deg,#ffffffc7,#fffaef8f),linear-gradient(145deg,#ffd2e147,#e0f7f16b);box-shadow:0 18px 34px #9c587a21,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.memo-table-head,.memo-row{display:grid;grid-template-columns:minmax(112px,.9fr) minmax(0,1.4fr);gap:8px;align-items:stretch}.memo-table-head{flex:0 0 auto;min-height:36px}.memo-table-head strong{display:grid;place-items:center;border-radius:16px;background:#ffffffb8;color:#9f5575;font-size:14px;font-weight:1000;box-shadow:inset 0 1px #ffffffc7}.memo-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;padding:1px 1px 4px;scroll-behavior:smooth}.memo-row{min-height:54px;padding:6px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:linear-gradient(145deg,#ffffffdb,#fff8fcad),linear-gradient(120deg,#7ed6be1f,#ff7eab1a);box-shadow:0 10px 18px #7e486214,inset 0 1px #ffffffe0}.memo-row.today{border-color:#ff7eab85;box-shadow:0 12px 20px #ff7eab24,inset 0 1px #ffffffe6}.memo-row.expired{filter:grayscale(.35);opacity:.52}.memo-row input,.memo-row textarea{width:100%;min-width:0;border:0;outline:0;border-radius:15px;background:#ffffffa3;color:#231821;font-size:14px;font-weight:900;box-shadow:inset 0 1px #ffffffc7}.memo-row input{min-height:40px;padding:0 8px}.memo-row textarea{min-height:40px;resize:none;padding:10px;line-height:1.35}.memo-row textarea::placeholder{color:#4e2d3f61}.empty-memo{min-height:170px;display:grid;place-items:center;align-content:center;gap:12px;color:#9f5575;text-align:center;font-weight:900}.empty-memo span{position:relative;width:56px;height:64px;border:4px solid #4b2d3c;border-radius:18px;background:linear-gradient(#ff7eab 0 0) 14px 18px / 26px 4px no-repeat,linear-gradient(#7ed6be 0 0) 14px 31px / 26px 4px no-repeat,linear-gradient(#ffd263 0 0) 14px 44px / 18px 4px no-repeat,#ffffffd1;box-shadow:0 12px 22px #7e48621f}.empty-memo p,.memo-error{margin:0}.memo-error{flex:0 0 auto;color:#c64b73;font-size:12px;font-weight:900;text-align:center}.game-page{position:relative;z-index:1;height:calc(100dvh - max(18px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)));min-height:0;display:flex;flex-direction:column;gap:10px}.game-hero{min-height:clamp(66px,12dvh,92px)}.game-hero h1{font-size:clamp(36px,10vw,47px)}.game-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid rgba(255,255,255,.88);border-radius:28px;background:linear-gradient(180deg,#ffffffb8,#fffaef8f),linear-gradient(145deg,#ffd2e157,#e0f7f15c);box-shadow:0 18px 34px #9c587a21,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.game-stats{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:8px}.game-stats span{min-height:34px;display:grid;place-items:center;border-radius:14px;background:#ffffffb3;color:#9f5575;font-size:12px;font-weight:900}.game-stats strong{color:#4b2d3c;font-size:16px;line-height:1}.game-stats button,.game-footer button,.game-over button{border:0;border-radius:14px;background:linear-gradient(180deg,#ff8cb6,#ff5f99);color:#fff;cursor:pointer;font-size:13px;font-weight:1000;box-shadow:0 4px #d94b7d}.game-stats button{min-width:54px;height:34px}.game-board{position:relative;flex:1;min-height:0;overflow:hidden;border:2px solid rgba(255,255,255,.86);border-radius:24px;background:linear-gradient(180deg,#ffffff80,#fff1f833),linear-gradient(180deg,#fff8f0,#eefcf7);box-shadow:inset 0 -8px #ffd6632e,inset 0 0 0 1px #9d5c770d;touch-action:none}.game-board canvas{width:100%;height:100%;display:block}.next-fruit{position:absolute;top:12px;right:12px;width:42px;height:42px;display:grid;place-items:center;border:3px solid rgba(255,255,255,.9);border-radius:50%;color:#4b2d3c;font-size:14px;font-weight:1000;box-shadow:0 8px 16px #7e486229}.game-over{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:14px;background:#fff9fcbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-over strong{color:#4b2d3c;font-size:34px;font-weight:1000}.game-over button{min-width:96px;height:38px}.game-footer{flex:0 0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.game-footer p{margin:0;color:#9f5575;font-size:13px;font-weight:900}.game-footer button{min-width:66px;height:36px}.game-footer button:disabled{cursor:default;opacity:.58}@keyframes tabWiggle{0%{transform:translateZ(0) rotate(0)}20%{transform:translate3d(-.7px,-.55px,0) rotate(-.36deg)}40%{transform:translate3d(.72px,.52px,0) rotate(.34deg)}60%{transform:translate3d(-.52px,.58px,0) rotate(-.28deg)}80%{transform:translate3d(.58px,-.42px,0) rotate(.3deg)}to{transform:translateZ(0) rotate(0)}}@keyframes barrageFly{0%{transform:translate(0) scale(var(--barrage-scale, 1))}to{transform:translate(calc(-100vw - 340px)) scale(var(--barrage-scale, 1))}}@media(max-width:360px){.landing-page{padding-top:18px;gap:7px}.landing-hero h1{font-size:26px}.landing-card{min-height:46px;grid-template-columns:38px 1fr 18px;padding:7px 10px}.landing-card strong{font-size:17px}.cute-tab-icon{width:34px;height:34px;border-radius:13px}.home-clock{margin-top:10px;padding:6px 12px;font-size:13px}.home-lunar{margin-top:6px;font-size:12px}.memo-table-head,.memo-row{grid-template-columns:108px minmax(0,1fr)}.simple-page-hero h1{font-size:37px}.wheel-page .wheel{--wheel-size: min( calc(100vw - 96px) , 286px, 42dvh)}}