:root{--cream-50: #FFF7EC;--cream-100: #FCEFDC;--cream-200: #F5E3C5;--peach-100: #FFE6DB;--peach-200: #FFD7C4;--peach-300: #FFB9A7;--peach-500: #FF8FA3;--peach-600: #ED7891;--peach-700: #D46A84;--cosmos-100: #F0E6FA;--cosmos-300: #CDB4DB;--cosmos-500: #7B5EA7;--cosmos-700: #5C3F8F;--mint-100: #E5F4F3;--mint-400: #A8DADC;--mint-600: #6FB8BB;--lemon-200: #FFF2C6;--lemon-300: #FFE5A0;--lemon-500: #F5C84B;--coral-300: #FFA39E;--ink-900: #2A2347;--ink-700: #3D3660;--ink-600: #5C5677;--ink-400: #868098;--ink-300: #B7B3C6;--ink-200: #D7D3E0;--line: #EFE8DD;--line-soft: #F6EFE3;--white: #FFFFFF;--surface: #FFFFFF;--surface-2: #FFF7EC;--surface-scrim: rgba(255, 247, 236, .92);--bezel-1: rgba(255, 255, 255, .85);--bezel-2: rgba(255, 255, 255, .55);--hero-warm-bg: linear-gradient(135deg, #FFF7EC 0%, #FFD7C4 100%);--hero-warm-glow: radial-gradient(circle, rgba(255, 229, 160, .6), transparent 70%);--welfare-bg: linear-gradient(160deg, #FFF7EC, #FFE6DB);--welfare-shadow: var(--shadow-soft);--unread-bg: linear-gradient(180deg, #FFFFFF, #FFE6DB);--unread-shadow: none;--ai-row-bg: linear-gradient(135deg, #F0E6FA 0%, #FFE6DB 100%);--ai-row-bg-act: linear-gradient(135deg, #F0E6FA 0%, #FFD7C4 100%);--ai-row-border: rgba(205, 180, 219, .9);--ach-hero-bg: linear-gradient(135deg, #FFE5A0, #FFE6DB);--ach-hero-shadow: 0 10px 30px rgba(245, 200, 75, .28);--ach-medal-bg: radial-gradient(circle at 30% 30%, #fff, var(--lemon-200));--ach-medal-ring: #fff;--ach-medal-shadow: 0 6px 18px rgba(245, 200, 75, .3);--ach-medal-off-bg: var(--ink-200);--home-glow: radial-gradient(ellipse at 50% 0%, rgba(255, 229, 160, .3), transparent 60%), radial-gradient(ellipse at 90% 30%, rgba(205, 180, 219, .25), transparent 60%);--stage-atmo: radial-gradient(ellipse 70% 45% at 12% 6%, rgba(255, 229, 160, .32), transparent 65%), radial-gradient(ellipse 60% 40% at 88% 22%, rgba(255, 183, 197, .26), transparent 65%), radial-gradient(ellipse 90% 50% at 50% 95%, rgba(205, 180, 219, .22), transparent 70%), var(--cream-50);--mood-happy: #FFE5A0;--mood-happy-opacity: .85;--mood-sad: #CDB4DB;--mood-sad-opacity: .85;--success: #5BB48A;--warn: #F2A95C;--danger: #E66A76;--r-xs: 6px;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--shadow-soft: 0 4px 20px rgba(42, 35, 71, .08);--shadow-pop: 0 10px 30px rgba(123, 94, 167, .15);--shadow-sink: inset 0 2px 6px rgba(42, 35, 71, .05);--shadow-glow: 0 0 0 4px rgba(255, 143, 163, .15);--shadow-peach: 0 6px 16px rgba(255, 143, 163, .35);--shadow-peach-hover: 0 8px 20px rgba(255, 143, 163, .45);--shadow-peach-ring: 0 0 0 4px rgba(255, 143, 163, .25);--shadow-peach-lg: 0 12px 24px rgba(255, 143, 163, .4);--shadow-peach-sm: 0 4px 12px rgba(255, 143, 163, .3);--shadow-lemon: 0 12px 24px rgba(245, 200, 75, .45);--shadow-lemon-sm: 0 4px 12px rgba(245, 200, 75, .25);--shadow-lemon-ring: 0 8px 24px rgba(245, 200, 75, .35);--glass-hi: rgba(255, 255, 255, .78);--glass-mid: rgba(255, 255, 255, .55);--glass-lo: rgba(255, 255, 255, .35);--halo-warm: 0 0 50px rgba(255, 229, 160, .4);--halo-warm-soft: 0 0 40px rgba(255, 229, 160, .5);--halo-warm-ring: 0 0 60px rgba(255, 229, 160, .6);--wizard-bg-glow: radial-gradient(circle at 20% 15%, rgba(255, 229, 160, .4), transparent 55%), radial-gradient(circle at 80% 80%, rgba(205, 180, 219, .3), transparent 55%);--profile-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(205, 180, 219, .55), transparent 60%), radial-gradient(ellipse at 80% 80%, rgba(255, 229, 160, .45), transparent 55%);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", Arial, sans-serif;--font-num: "DIN Alternate", "SF Pro Display", "Avenir Next", system-ui;--font-brand: "SF Pro Rounded", "PingFang SC", "Helvetica Neue", sans-serif;--z-base: 0;--z-sticky: 10;--z-fab: 40;--z-tabbar: 50;--z-sheet: 80;--z-modal: 90;--z-toast: 100;--stage-w: 448px;--mobile-bp: 900px;--tabbar-h: 72px;--fab-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px) + 16px);--fab-right: 20px}[data-theme=night]{--cream-50: #14102A;--cream-100: #1C1740;--cream-200: #2A2058;--ink-900: #F3EEFF;--ink-700: #D7CEF0;--ink-600: #B2A9CE;--ink-400: #908AAE;--ink-300: #6E6790;--ink-200: #3F386A;--line: #2E2656;--line-soft: #241C48;--white: #1A1436;--surface: #241C48;--surface-2: #2A2058;--surface-scrim: rgba(20, 16, 42, .92);--bezel-1: rgba(123, 94, 167, .35);--bezel-2: rgba(60, 40, 120, .25);--hero-warm-bg: linear-gradient(135deg, #1F1845 0%, #3A2C5E 60%, #4B2B4E 100%);--hero-warm-glow: radial-gradient(circle, rgba(255, 200, 120, .18), transparent 72%);--welfare-bg: linear-gradient(160deg, #1F1845, #362557);--welfare-shadow: 0 4px 14px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .05);--unread-bg: linear-gradient(180deg, #241C48, #362557);--unread-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--ai-row-bg: linear-gradient(135deg, #2A2058 0%, #4B2B4E 100%);--ai-row-bg-act: linear-gradient(135deg, #241C48 0%, #3A2C5E 100%);--ai-row-border: rgba(123, 94, 167, .45);--ach-hero-bg: linear-gradient(135deg, #2A2058 0%, #3A2C5E 55%, #4B2B4E 100%);--ach-hero-shadow: 0 10px 30px rgba(0, 0, 0, .5);--ach-medal-bg: radial-gradient(circle at 30% 30%, rgba(255, 229, 160, .35), rgba(123, 94, 167, .4));--ach-medal-ring: rgba(255, 229, 160, .45);--ach-medal-shadow: 0 6px 18px rgba(123, 94, 167, .45);--ach-medal-off-bg: rgba(63, 56, 106, .5);--home-glow: radial-gradient(ellipse at 50% 0%, rgba(123, 94, 167, .14), transparent 65%), radial-gradient(ellipse at 90% 30%, rgba(60, 40, 120, .12), transparent 65%);--stage-atmo: radial-gradient(ellipse 80% 50% at 15% 8%, rgba(123, 94, 167, .18), transparent 70%), radial-gradient(ellipse 90% 55% at 50% 100%, rgba(60, 40, 120, .16), transparent 75%), var(--cream-50);--mood-happy-opacity: .35;--mood-sad-opacity: .55;--shadow-soft: 0 4px 22px rgba(0, 0, 0, .5);--shadow-pop: 0 10px 30px rgba(0, 0, 0, .65);--shadow-sink: inset 0 2px 6px rgba(0, 0, 0, .45);--shadow-glow: 0 0 0 4px rgba(123, 94, 167, .35);--shadow-peach: 0 6px 16px rgba(255, 143, 163, .22);--shadow-peach-hover: 0 8px 20px rgba(255, 143, 163, .28);--shadow-peach-ring: 0 0 0 4px rgba(255, 143, 163, .18);--shadow-peach-lg: 0 12px 24px rgba(255, 143, 163, .25);--shadow-peach-sm: 0 4px 12px rgba(255, 143, 163, .18);--shadow-lemon: 0 12px 24px rgba(245, 200, 75, .22);--shadow-lemon-sm: 0 4px 12px rgba(245, 200, 75, .15);--shadow-lemon-ring: 0 8px 24px rgba(245, 200, 75, .18);--glass-hi: rgba(255, 255, 255, .12);--glass-mid: rgba(255, 255, 255, .08);--glass-lo: rgba(255, 255, 255, .05);--halo-warm: 0 0 50px rgba(123, 94, 167, .28);--halo-warm-soft: 0 0 40px rgba(123, 94, 167, .32);--halo-warm-ring: 0 0 60px rgba(123, 94, 167, .35);--wizard-bg-glow: radial-gradient(circle at 20% 15%, rgba(123, 94, 167, .22), transparent 55%), radial-gradient(circle at 80% 80%, rgba(60, 40, 120, .2), transparent 55%);--profile-hero-glow: radial-gradient(ellipse at 50% 0%, rgba(123, 94, 167, .25), transparent 60%), radial-gradient(ellipse at 80% 80%, rgba(60, 40, 120, .22), transparent 55%);color-scheme:dark}.plz__hero,.evt__hero,.dd__hero,.mine__edit,.user__back,.user__edit,.evt__back,.dd__back,.post__pet-chip,.detail__cmt-planet,.od__hero,.ck__dust.is-on,.ac__pet.is-on,.ac__style--peach.is-on,.ac__style--mint.is-on,.ac__style--lemon.is-on,.ac__cat.is-on,.thumb__badge{--ink-900: #2A2347;--ink-700: #3D3660;--ink-600: #5C5677;--ink-400: #868098;--ink-300: #B7B3C6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{font-family:var(--font-ui);font-size:15px;line-height:1.55;color:var(--ink-900);background:var(--cream-50);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit;background:transparent;border:0;outline:none}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}::-webkit-scrollbar-track{background:transparent}.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}.page{max-width:var(--stage-w);margin:0 auto;min-height:100%;padding:0 var(--s-4);position:relative}.page-title{font-size:22px;font-weight:700;letter-spacing:.2px;color:var(--ink-900);margin:var(--s-5) 0 var(--s-4)}.muted{color:var(--ink-400)}.row{display:flex;align-items:center;gap:var(--s-3)}.col{display:flex;flex-direction:column;gap:var(--s-3)}.between{justify-content:space-between}.center{justify-content:center;align-items:center}.grow{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity .24s ease}.fade-enter-from,.fade-leave-to{opacity:0}.sheet-enter-active,.sheet-leave-active{transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .25s}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%);opacity:0}.mask-enter-active,.mask-leave-active{transition:opacity .25s}.mask-enter-from,.mask-leave-to{opacity:0}.tabbar-enter-active,.tabbar-leave-active{transition:translate .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease}.tabbar-enter-from,.tabbar-leave-to{translate:0 100%;opacity:0}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:1}}@keyframes pop-in{0%{transform:scale(.9);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}body{overflow:hidden}#app{display:flex;flex-direction:column}