:root{--cream:#FBF7F0;--surface:#FFFFFF;--cocoa:#34302A;--leaf:oklch(0.7 0.13 150);--leaf-deep:oklch(0.58 0.12 150);--apricot:oklch(0.74 0.12 55);--chip-bg:#F3EEE5;--card-sub:#F8F4EC;--sop:oklch(0.72 0.14 35);--alt:oklch(0.75 0.13 75);--ten:oklch(0.62 0.14 158);--bas:oklch(0.72 0.12 230)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--cream);color:var(--cocoa);font-family:M PLUS Rounded\ 1c,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}a,button{color:inherit}a{text-decoration:none}input{font-family:inherit}.app-root{min-height:100dvh;background:var(--cream);display:flex;flex-direction:column}.app-body{flex:1 1;display:flex;justify-content:center}.app-col{width:100%;max-width:430px;display:flex;flex-direction:column;position:relative;background:var(--cream)}.pc-only{display:none}@media (min-width:1024px){.pc-only{display:block}.sp-only{display:none!important}.app-col.app-wide{max-width:1180px}.app-col.app-mid{max-width:880px}.app-col.app-narrow{max-width:640px}.app-col{padding:0 32px}.app-col>header{padding-left:0!important;padding-right:0!important;padding-top:28px!important}.app-col>main{padding:12px 0 72px!important}.app-col>div:not(.ad-slot){padding-left:0!important;padding-right:0!important}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(251,247,240,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(52,48,42,.07)}.topnav-in{max-width:1180px;margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.topnav-link{font:600 14px Zen Maru Gothic;color:rgba(52,48,42,.6);padding:9px 16px;border-radius:999px;transition:background .15s}.topnav-link:hover{background:rgba(52,48,42,.05)}.topnav-link.on{font-weight:700;color:oklch(.5 .12 150);background:oklch(.7 .13 150/.14)}.topnav-user{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(52,48,42,.08);padding:6px 14px 6px 7px;border-radius:999px;box-shadow:0 1px 5px rgba(60,50,30,.05)}.topnav-user:hover{box-shadow:0 3px 10px rgba(60,50,30,.1)}.pc-home{display:grid!important;grid-template-columns:1.7fr 1fr;grid-gap:24px!important;gap:24px!important;align-items:start;align-content:start}.pc-home .h-greet{grid-column:1/-1}.pc-home .h-greet>div:last-child{font-size:28px!important}.pc-home .h-hero{grid-column:1;padding:34px 36px!important;border-radius:26px!important;box-shadow:0 6px 28px rgba(60,50,30,.08)!important}.pc-home .h-hero>a{display:inline-flex!important;padding:16px 40px!important}.pc-home .h-hero .h-bars{max-width:360px}.pc-home .h-side{display:flex!important;flex-direction:column;gap:16px;grid-column:2;grid-row:2/span 2}.pc-home .h-nav{grid-column:1;display:grid!important;grid-template-columns:repeat(3,1fr);grid-gap:16px!important;gap:16px!important;margin-top:0!important}.pc-home .h-nav>a{flex-direction:column;align-items:flex-start!important;padding:20px!important;gap:12px!important;transition:transform .15s,box-shadow .15s}.pc-home .h-nav>a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(60,50,30,.1)!important}.pc-home .h-nav>a>span{display:none}.pc-home .ad-slot{grid-column:1/-1}.pc-home .h-rank{display:block!important}.pc-my{display:grid!important;grid-template-columns:1fr 1fr;grid-gap:20px!important;gap:20px!important;align-items:start;align-content:start}.pc-my .m-wide{grid-column:1/-1}.pc-my .m-month,.pc-my .m-trend{grid-column:1}.pc-my .m-hist{grid-column:2;grid-row:3/span 2;max-height:760px;overflow-y:auto}.rank-mine{max-width:880px!important;bottom:20px!important;padding:0 32px 10px!important}.rank-mine>div{box-shadow:0 8px 22px oklch(.62 .14 158/.3)!important}}@keyframes micpulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(1.9);opacity:0}to{opacity:0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes livedot{0%,to{opacity:1}50%{opacity:.35}}@keyframes barpulse{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1)}}@keyframes countpop{0%{transform:scale(.5);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:.96}}@keyframes beatflash{0%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:1}}