@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cerebri;src:url(../fonts/CerebriSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--pink:#FE6390;--light-pink:#FFD6E2;--grad:linear-gradient(158deg,#FB927B 4%,#EE379F 96%);--grad-soft:linear-gradient(120deg,#FF9FB8 0%,#FE6390 100%);--gray3:#828282;--gray5:#E0E0E0;--gray6:#F2F2F2;--light-grey:#F6F6F6;--grey:#BDBDBD;--black:#1a1a1a;--white:#fff;--maxw:440px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100dvh;background:#f3f3f5;font-family:Cerebri,-apple-system,system-ui,sans-serif;color:var(--black);overflow-x:hidden}body{display:flex;justify-content:center}#root{width:100%;max-width:var(--maxw);min-height:100dvh;background:var(--white);position:relative;overflow:hidden;box-shadow:0 0 60px #00000014}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}p{margin:0}::-webkit-scrollbar{width:0;height:0}.screen{min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--white)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:0 20px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.statusbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px 4px;font-size:15px;font-weight:600;flex-shrink:0}.statusbar .icons{display:flex;gap:6px;align-items:center}.statusbar svg{display:block}.topbar{display:flex;align-items:center;gap:14px;padding:6px 20px 8px;flex-shrink:0}.iconbtn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:-8px}.iconbtn:active{background:var(--gray6)}.btn{height:52px;border-radius:32px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:transform .12s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn-pink{background:var(--pink);color:#fff;box-shadow:0 8px 20px #fe639052}.btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 24px #ee379f47}.btn-ghost{color:var(--pink);font-weight:600}.btn-outline{border:1.5px solid var(--gray5);color:var(--gray3)}.chip{padding:13px 16px;border-radius:32px;border:1.5px solid var(--gray5);font-size:14px;font-weight:500;color:var(--grey);text-align:center;transition:all .18s;background:#fff}.chip.on{border-color:var(--pink);color:var(--pink);background:#fff}.chip:active{transform:scale(.96)}.tabbar{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:10px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 18px #56464b1a;border-radius:16px 16px 0 0;flex-shrink:0;z-index:20}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:500;color:var(--grey);padding:4px 0}.tab.on{color:var(--pink)}.tab svg{width:22px;height:22px}.card{background:var(--light-grey);border-radius:18px;padding:16px}.divider{height:1px;background:#eee;margin:8px 0}.sr-title{font-size:17px;font-weight:600}.article-thumb{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:var(--gray5);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--grad-soft);box-shadow:0 2px 8px #fe639080;cursor:pointer;border:3px solid #fff}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--pink);border:3px solid #fff;cursor:pointer}.fade-in{animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}