:root{--primary:#3182f6;--primary-dark:#1b64da;--navy:#0b57c5;--primary-soft:#e8f3ff;--primary-softer:#f2f7ff;--text:#191f28;--text-2:#333d4b;--sub:#4e5968;--muted:#8b95a1;--line:#e5e8eb;--gray:#f2f4f6;--page:#f6f8fc;--white:#fff;--danger:#f04452;--danger-soft:#fee;--radius:16px;--shadow:0 2px 10px #191f280d;--tabbar-h:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;word-break:keep-all;background:#e9edf3;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit}.ms{white-space:nowrap;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;vertical-align:middle;font-family:Material Symbols Rounded;font-size:22px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.ms.fill{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}:root{--proto-bar-h:44px}.stage{flex-direction:column;align-items:center;gap:16px;min-height:100%;padding:20px 16px 32px;display:flex}.proto-bar{width:432px;max-width:100%;height:var(--proto-bar-h);background:var(--white);box-shadow:var(--shadow);color:var(--sub);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 6px 0 16px;font-size:13px;font-weight:700;display:flex}.proto-bar .reset{background:var(--gray);height:32px;color:var(--text-2);border-radius:10px;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.proto-bar .reset:hover{background:#e5e8eb}.proto-bar .reset .ms{font-size:18px}.phone{width:412px;height:915px;max-height:calc(100vh - 52px - var(--proto-bar-h) - 16px);background:var(--white);border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #191f282e,0 0 0 10px #1f2329}.statusbar{z-index:30;background:0 0;flex:none;justify-content:space-between;align-items:center;height:40px;padding:0 24px;font-size:15px;font-weight:600;display:flex}.statusbar .ms{margin-left:2px;font-size:18px}.viewport{flex:1;min-height:0;position:relative}.screen{background:var(--white);scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.screen::-webkit-scrollbar{display:none}.screen.bg-page{background:var(--page)}.screen.has-tabbar{padding-bottom:calc(var(--tabbar-h) + 16px)}.screen.has-cta{padding-bottom:112px}@media (width<=760px){body{background:var(--white)}.stage{gap:0;padding:0;display:block}.proto-bar{width:100%;box-shadow:none;border-bottom:1px solid var(--line);background:var(--gray);border-radius:0}.phone{width:100%;height:calc(100vh - var(--proto-bar-h));height:calc(100dvh - var(--proto-bar-h));max-height:none;box-shadow:none;border-radius:0}}.pad{padding:0 20px}.appbar{z-index:10;background:inherit;align-items:center;gap:4px;height:56px;padding:0 12px;display:flex;position:sticky;top:0}.screen.bg-page .appbar{background:var(--page)}.screen:not(.bg-page) .appbar{background:var(--white)}.appbar .title{flex:1;font-size:18px;font-weight:700}.appbar.center .title{text-align:center}.appbar.large{height:60px;padding:0 20px}.appbar.large .title{font-size:22px}.icon-btn{border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative}.icon-btn:active{background:var(--gray)}.icon-btn .dot{background:var(--primary);border:1.5px solid var(--white);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.spacer40{flex:none;width:40px}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #edf0f3}.card.p{padding:20px}.soft-box{background:var(--primary-softer);border-radius:12px}.chip{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.4;display:inline-flex}.chip.gray{background:var(--gray);color:var(--sub)}.chip.solid{background:var(--primary);color:var(--white)}.chip.navy{background:var(--navy);color:var(--white)}.chip.red{background:var(--danger-soft);color:var(--danger)}.chip .ms{font-size:15px}.muted{color:var(--muted)}.sub{color:var(--sub)}.blue{color:var(--primary-dark)}.h1{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.35}.h2{letter-spacing:-.01em;font-size:20px;font-weight:800;line-height:1.4}.h3{font-size:17px;font-weight:700;line-height:1.4}.lead{color:var(--sub);font-size:15px;line-height:1.6}.small{font-size:13px}.row{align-items:center;display:flex}.between{justify-content:space-between}.gap4{gap:4px}.gap8{gap:8px}.gap12{gap:12px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt32{margin-top:32px}.section-title{font-size:17px;font-weight:800}.link{color:var(--sub);align-items:center;font-size:13px;font-weight:600;display:inline-flex}.link .ms{font-size:18px}.btn{background:var(--primary);width:100%;height:56px;color:var(--white);border-radius:16px;justify-content:center;align-items:center;gap:6px;font-size:17px;font-weight:700;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 6px 16px #3182f640}.btn:active{background:var(--primary-dark);transform:scale(.99)}.btn:disabled{box-shadow:none;cursor:not-allowed;background:#b0d0fb}.btn.secondary{background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.btn.navy{background:var(--navy);box-shadow:none}.btn.sm{border-radius:12px;height:44px;font-size:15px}.btn .ms{font-size:20px}.text-btn{color:var(--sub);text-underline-offset:3px;padding:8px;font-size:14px;font-weight:600;text-decoration:underline}.cta{z-index:20;background:var(--white);border-top:1px solid var(--line);padding:12px 20px 20px;position:absolute;bottom:0;left:0;right:0}.cta .text-btn{margin:8px auto 0;display:block}.icon-tile{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-dark);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.icon-tile.gray{background:var(--gray);color:var(--sub)}.icon-tile.white{background:var(--white)}.icon-tile.solid{background:var(--primary);color:var(--white)}.tabbar{z-index:25;height:var(--tabbar-h);border-top:1px solid var(--line);background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.tabbar button .ms{font-size:24px}.tabbar button.on{color:var(--primary-dark)}.tabbar button.on .ms{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24}.toast{z-index:60;opacity:0;color:var(--white);text-align:center;pointer-events:none;background:#191f28eb;border-radius:14px;width:max-content;max-width:340px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;bottom:96px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.check{background:var(--white);color:#0000;border:2px solid #c9d0d8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.check .ms{font-variation-settings:"FILL" 0, "wght" 700, "GRAD" 0, "opsz" 20;font-size:17px}.check.on{background:var(--primary);border-color:var(--primary);color:var(--white)}.pills{flex-wrap:wrap;gap:8px;display:flex}.pill{background:var(--gray);height:44px;color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:0 18px;font-size:15px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.pill .ms{font-size:18px}.pill.on{background:var(--primary);color:var(--white)}.segment{background:var(--gray);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segment button{height:48px;color:var(--sub);border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.segment button.on{background:var(--white);color:var(--primary-dark);font-weight:700;box-shadow:0 1px 4px #00000014}.segment button .ms{font-size:18px}.progress{background:var(--gray);border-radius:999px;height:6px;overflow:hidden}.progress>i{background:var(--primary);border-radius:999px;height:100%;transition:width .3s;display:block}.switch{background:#d1d6db;border-radius:999px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch:after{content:"";background:var(--white);border-radius:50%;width:26px;height:26px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch.on{background:var(--primary)}.switch.on:after{left:23px}.switch.locked{cursor:not-allowed;background:#a9c8f5}.switch.locked:after{left:23px}.switch .ms{z-index:1;color:var(--primary-dark);font-size:15px;position:absolute;top:7px;right:8px}.list-row{text-align:left;align-items:center;gap:14px;width:100%;padding:16px 20px;display:flex}.list-row+.list-row{border-top:1px solid var(--gray)}.list-row .grow{flex:1;min-width:0}.list-row .t{font-size:16px;font-weight:700}.list-row .d{color:var(--sub);margin-top:3px;font-size:13px}.list-row>.ms:last-child{color:var(--muted)}.bank-logo{align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.bank-logo .mark{background:var(--navy);width:34px;height:34px;color:var(--white);letter-spacing:-.03em;border-radius:9px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.mh-logo{align-items:center;gap:6px;font-weight:800;display:inline-flex}.mh-logo .mark{background:var(--primary);width:30px;height:30px;color:var(--white);border-radius:9px;justify-content:center;align-items:center;display:flex}.mh-logo .mark .ms{font-size:19px}.mh-banner{text-align:left;background:linear-gradient(135deg,#f1f6ff 0%,#e4eeff 60%,#eaf2ff 100%);border:1px solid #c9dcfb;border-radius:20px;width:100%;padding:20px;transition:transform .12s;display:block}.mh-banner:active{transform:scale(.985)}.mh-banner .inner{background:var(--white);text-align:left;border:1px solid #dbe6f7;border-radius:16px;align-items:center;gap:12px;width:100%;margin-top:16px;padding:16px;display:flex}.mh-banner .ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mh-banner .go-arrow{background:var(--primary-soft);width:32px;height:32px;color:var(--primary-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mh-banner .go-arrow .ms{font-size:20px}.badge-host{position:relative}.new-chip{background:var(--danger);color:var(--white);border:2px solid var(--white);padding:1px 6px;font-size:10px;line-height:1.4;position:absolute;top:-8px;right:-12px}.mh-banner .chip{white-space:nowrap}.mh-banner .title-line{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:17px;display:block;overflow:hidden}.mh-banner.attract{border:2px solid var(--danger);animation:2.4s ease-in-out infinite banner-glow}.mh-banner.attract .inner{border-color:#b9d3f8}.mh-banner.attract .go-arrow{background:var(--primary);color:var(--white);animation:1.2s ease-in-out infinite nudge}@keyframes banner-glow{0%,to{box-shadow:0 0 #f0445200,0 6px 18px #f044521a}50%{box-shadow:0 0 0 6px #f044522e,0 6px 18px #f0445233}}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.coach{background:var(--text);color:var(--white);border-radius:12px;margin:16px 0 6px auto;padding:9px 14px;font-size:13px;font-weight:700;animation:1.6s ease-in-out infinite bob;display:table;position:relative}.coach .ms{color:#ffd34d;margin-left:2px;font-size:17px}.coach:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--text);position:absolute;bottom:-6px;right:40px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.mh-banner.attract,.mh-banner.attract .go-arrow,.coach{animation:none}}.skeleton{background:#e4e9f0;border-radius:6px;height:14px}.skeleton.blue{background:#c6daf6}.bank-tabbar button.on{color:var(--navy)}.insight-preview{background:var(--primary-softer);border:1px solid #dfe9f8;border-radius:20px;padding:20px}.insight-preview .label{color:var(--primary-dark);letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.insight-preview .label:before{content:"";background:var(--primary-dark);border-radius:50%;width:8px;height:8px}.benefit{gap:16px;padding:20px;display:flex}.avatars{display:flex}.avatars span{border:2px solid var(--white);width:26px;height:26px;color:var(--sub);background:#dfe6ef;border-radius:50%;justify-content:center;align-items:center;margin-left:-6px;font-size:11px;font-weight:700;display:flex}.avatars span:first-child{background:#d7e6fb;margin-left:0}.agree-all{text-align:left;background:var(--primary-softer);border:1px solid #c9dcfb;border-radius:16px;align-items:center;gap:14px;width:100%;padding:22px 20px;font-size:17px;font-weight:700;display:flex}.agree-item{text-align:left;align-items:flex-start;gap:12px;width:100%;padding:16px 0;display:flex}.agree-item+.agree-item{border-top:1px solid var(--gray)}.agree-item .t{font-size:16px;font-weight:700}.agree-item .tag{color:var(--muted);margin-right:4px;font-weight:600}.agree-item .tag.req{color:var(--primary-dark)}.agree-item .d{color:var(--sub);margin-top:4px;font-size:13px;line-height:1.5}.agree-item>.ms{color:var(--muted);margin-left:auto}.notice{background:var(--page);color:var(--sub);border:1px solid #edf0f3;border-radius:14px;gap:10px;padding:14px 16px;font-size:13px;line-height:1.55;display:flex}.notice .ms{color:var(--muted);flex:none;font-size:19px}.notice.blue{background:var(--primary-softer);border-color:#dbe7f8}.notice.blue .ms{color:var(--primary-dark)}.step-head{justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.step-head .muted{font-weight:600}.streak{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:13px;font-weight:800;display:inline-flex}.today-card{border-radius:20px;padding:22px 20px 20px}.hint{background:var(--primary-softer);color:var(--text-2);border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.hint .ms{color:var(--primary-dark);font-size:19px}.mission-box{background:#fafcff;border:1px solid #e3e9f1;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.mission-btn{background:var(--primary-soft);height:38px;color:var(--primary-dark);border-radius:10px;flex:none;align-items:center;gap:2px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.mission-btn .ms{font-size:17px}.mission-btn.done{background:var(--primary);color:var(--white)}.growth-strip{text-align:left;border-radius:16px;align-items:center;gap:8px;width:100%;padding:16px 18px;display:flex}.growth-strip .stats{color:var(--text-2);align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:700;display:flex}.growth-strip .stats i{background:#c4cad1;border-radius:50%;width:3px;height:3px}.past-item{text-align:left;align-items:center;gap:12px;width:100%;padding:16px 18px;display:flex}.past-item .grow{flex:1;min-width:0}.past-item .t{margin-top:8px;font-size:15px;font-weight:700;line-height:1.4}.read-mark{color:var(--primary-dark);align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.read-mark .ms{font-size:16px}.bookmark{background:var(--primary-softer);width:40px;height:40px;color:var(--sub);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.bookmark.on{color:var(--primary-dark)}.main-wallet-link{color:var(--muted);justify-content:center;align-items:center;gap:4px;margin:24px auto 0;font-size:13px;font-weight:500;display:flex}.main-wallet-link b{color:var(--sub);font-weight:700}.read-progress{z-index:9;background:var(--gray);height:3px;position:sticky;top:56px}.read-progress i{background:var(--primary);width:0;height:100%;transition:width .1s;display:block}.article p{color:var(--text-2);margin-top:10px;font-size:16px;line-height:1.75}.article h3{align-items:center;gap:10px;margin-top:32px;font-size:18px;font-weight:800;display:flex}.article h3 .num{background:var(--primary-dark);width:24px;height:24px;color:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;display:flex}.checkpoint{background:#eef3fa;border-radius:16px;margin-top:20px;padding:20px}.checkpoint li{color:var(--text-2);gap:8px;margin-top:10px;font-size:14px;line-height:1.55;list-style:none;display:flex}.checkpoint li .ms{color:var(--primary-dark);flex:none;margin-top:1px;font-size:18px}.key-figure{padding:20px}.key-figure .big{color:var(--primary-dark);letter-spacing:-.02em;font-size:30px;font-weight:800}.feedback{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feedback button{background:var(--gray);height:52px;color:var(--sub);border-radius:14px;font-size:15px;font-weight:700}.feedback button.on{background:var(--primary-soft);color:var(--primary-dark);box-shadow:inset 0 0 0 1.5px var(--primary)}.read-done-banner{background:var(--primary-soft);color:var(--primary-dark);border-radius:14px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.tabs-filter{z-index:9;background:var(--page);padding:0 20px 12px;position:sticky;top:60px}.chip-scroll-wrap{margin-top:12px;position:relative}.chip-scroll-wrap:before,.chip-scroll-wrap:after{content:"";z-index:1;pointer-events:none;opacity:0;width:36px;transition:opacity .15s;position:absolute;top:0;bottom:0}.chip-scroll-wrap:before{background:linear-gradient(90deg, var(--page), #f6f8fc00);left:0}.chip-scroll-wrap:after{background:linear-gradient(270deg, var(--page), #f6f8fc00);right:0}.chip-scroll-wrap.more-left:before,.chip-scroll-wrap.more-right:after{opacity:1}.chip-scroll{scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:8px;display:flex;overflow-x:auto}.chip-scroll.dragging{cursor:grabbing}.chip-scroll.dragging button{pointer-events:none}.chip-scroll::-webkit-scrollbar{display:none}.chip-scroll button{background:var(--white);border:1px solid var(--line);height:34px;color:var(--sub);border-radius:999px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.chip-scroll button.on{background:var(--navy);border-color:var(--navy);color:var(--white)}.group-label{justify-content:space-between;align-items:center;margin:24px 0 12px;font-size:15px;font-weight:700;display:flex}.group-label .bullet{align-items:center;gap:8px;display:inline-flex}.group-label .bullet:before{content:"";background:#c4cad1;border-radius:50%;width:6px;height:6px}.group-label.today .bullet:before{background:var(--primary-dark)}.group-label .muted{font-size:12px;font-weight:600}.archive-card{padding:20px}.archive-card+.archive-card{margin-top:12px}.archive-card .key{background:var(--primary-softer);border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.archive-card .key .v{color:var(--primary-dark);margin-left:auto;font-weight:800}.archive-card .key .ms{color:var(--primary-dark);font-size:19px}.archive-card .foot{border-top:1px solid var(--gray);color:var(--sub);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.search-box{background:var(--white);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;height:44px;margin-bottom:12px;padding:0 14px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;font-size:15px}.empty{text-align:center;color:var(--muted);padding:48px 20px;font-size:14px;line-height:1.6}.empty .ms{color:#c4cad1;margin:0 auto 8px;font-size:40px;display:block}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{padding:16px 14px}.stat .k{color:var(--sub);font-size:13px;font-weight:600}.stat .v{margin-top:6px;font-size:26px;font-weight:800}.stat .v small{margin-left:2px;font-size:14px;font-weight:600}.stat .delta{background:var(--primary-soft);color:var(--primary-dark);border-radius:10px;margin-top:10px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.35;display:inline-block}.stat .delta.flat{background:var(--gray);color:var(--sub)}.chart{align-items:flex-end;gap:18px;height:236px;margin-top:8px;padding:56px 6px 0;display:flex}.chart .plot{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.chart .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.chart .bar{background:#e6eefb;border-radius:10px 10px 4px 4px;width:100%;max-width:48px;min-height:8px}.chart .col.now .bar{background:var(--navy)}.chart .lbl{color:var(--sub);margin-top:10px;font-size:13px;font-weight:700}.chart .col.now .lbl{color:var(--navy)}.chart .tip{white-space:nowrap;background:var(--navy);color:var(--white);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.badge-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge-mini{text-align:center;padding:16px 8px}.badge-mini .icon-tile{border-radius:16px;width:52px;height:52px;margin:0 auto 10px}.badge-mini .t{font-size:14px;font-weight:700}.badge-mini .d{color:var(--muted);margin-top:3px;font-size:12px}.badge-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.badge-card{text-align:center;padding:20px 12px 18px;position:relative}.badge-card.locked{box-shadow:none;background:#fbfcfe}.badge-card.fresh{border-color:#b8d3fa}.badge-card .corner{font-size:20px;position:absolute;top:12px;right:12px}.badge-card .corner.ok{color:var(--primary-dark);font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.badge-card .corner.lock{color:var(--muted)}.badge-card .icon-tile{border-radius:18px;width:64px;height:64px;margin:0 auto 12px}.badge-card .icon-tile .ms{font-size:30px}.badge-card.locked .icon-tile{color:#6b7684;background:#e8edf4}.badge-card .t{font-size:17px;font-weight:800}.badge-card.locked .t{color:var(--sub)}.badge-card .chip{margin-top:8px}.celebrate{background:linear-gradient(#fff 0%,#f2f6ff 55%,#fff 100%);position:absolute;inset:0;overflow-y:auto}.confetti i{opacity:.8;border-radius:3px;animation:3s ease-in-out infinite alternate float;position:absolute}@keyframes float{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-10px)rotate(25deg)}}.medal-wrap{background:radial-gradient(circle,#eef3fc 0%,#f7f9fd 70%);border:1.5px dashed #c5d6f3;border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;margin:24px auto 0;display:flex}.medal{background:linear-gradient(160deg,#2f7cf0 0%,#0b49a8 100%);border:3px solid #d7b968;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:176px;height:176px;animation:.6s cubic-bezier(.2,1.4,.4,1) pop;display:flex;box-shadow:0 18px 40px #0b49a859}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.medal .stars{color:#ffd34d;letter-spacing:2px;font-size:18px}.medal .glass{width:70px;height:70px;color:var(--white);background:#ffffff2e;border:1px solid #ffffff59;border-radius:18px;justify-content:center;align-items:center;display:flex}.medal .glass .ms{font-size:36px}.medal .ribbon{color:#3b2a00;background:#ffd34d;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.unlocked{letter-spacing:.08em;color:var(--navy);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.unlocked:before{content:"";background:var(--navy);border-radius:50%;width:8px;height:8px}.points{background:var(--primary-soft);color:var(--primary-dark);border:1px solid #c9dcfb;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 8px;font-size:14px;font-weight:700;display:inline-flex}.points .ms{background:var(--primary);width:26px;height:26px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.group-name{color:var(--sub);margin:24px 4px 10px;font-size:13px;font-weight:700}.profile{text-align:left;align-items:center;gap:14px;width:100%;padding:20px;display:flex}.profile .avatar{background:var(--primary-soft);width:56px;height:56px;color:var(--primary-dark);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile .avatar .ms{font-size:30px}.version{text-align:center;color:var(--muted);margin-top:32px;font-size:13px;line-height:1.8}.time-option{text-align:left;align-items:center;gap:14px;width:100%;padding:18px 20px;display:flex}.time-option+.time-option{border-top:1px solid var(--gray)}.time-option .t{font-size:17px;font-weight:700}.time-option .d{color:var(--sub);margin-top:3px;font-size:13px}.time-option.on{background:#fafcff}.pause-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pause-grid button{background:var(--page);border:1px solid var(--line);height:48px;color:var(--text-2);border-radius:12px;font-size:15px;font-weight:700}.pause-grid button.on{background:var(--primary);border-color:var(--primary);color:var(--white)}.disabled-area{opacity:.45;pointer-events:none}.off-banner{background:var(--gray);border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.dim{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#191f2873;animation:.2s fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{z-index:41;background:var(--white);border-radius:28px 28px 0 0;padding:12px 24px 24px;animation:.25s ease-out up;position:absolute;bottom:0;left:0;right:0}@keyframes up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet .grabber{background:#d6dbe1;border-radius:999px;width:40px;height:5px;margin:0 auto 20px}.sheet-option{text-align:left;background:var(--page);border:1px solid #e6ebf1;border-radius:16px;align-items:center;gap:14px;width:100%;padding:18px 16px;display:flex}.sheet-option.rec{background:var(--primary-softer);border-color:#c9dcfb}.sheet-option+.sheet-option{margin-top:12px}.sheet-option .t{align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.sheet-option .d{color:var(--sub);margin-top:4px;font-size:13px;line-height:1.5}.sheet-option>.ms{color:var(--sub);margin-left:auto}.consent-card{padding:20px}.consent-card .top{align-items:flex-start;gap:12px;display:flex}.consent-card .top .grow{flex:1}.consent-card .foot{border-top:1px solid var(--gray);color:var(--sub);justify-content:space-between;margin-top:16px;padding-top:14px;font-size:14px;display:flex}.consent-card .foot button{color:var(--text-2);align-items:center;font-size:14px;font-weight:700;display:inline-flex}.consent-card .foot .ms{font-size:18px}.steps3{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.steps3 div{background:var(--primary-softer);text-align:center;border:1px solid #e3ebf6;border-radius:14px;padding:14px 6px;font-size:13px;font-weight:700;line-height:1.4}.steps3 .n{width:24px;height:24px;color:var(--sub);background:#dfe5ee;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 8px;font-size:12px;display:flex}.steps3 .on .n{background:var(--primary-dark);color:var(--white)}.payinfo{background:var(--primary-softer);text-align:left;border:1px solid #c9dcfb;border-radius:16px;align-items:center;gap:14px;width:100%;padding:18px 16px;display:flex}.payinfo .icon-tile{border-radius:50%}button.card{text-align:left;width:100%}button.badge-card,button.badge-mini{text-align:center}button.stat .delta{text-align:left}.chart button.col{cursor:pointer}.chart button.col:not(.now) .bar{transition:background .15s}.chart button.col:not(.now):hover .bar{background:#d3e1f8}button.chip{cursor:pointer}button.chip .ms{font-size:14px}.sheet{scrollbar-width:none;max-height:86%;overflow-y:auto}.sheet::-webkit-scrollbar{display:none}.sheet-list{border:1px solid #edf0f3;border-radius:16px;overflow:hidden}.sheet-list .list-row{padding:14px 16px}.streak-grid{grid-template-columns:repeat(7,1fr);gap:10px 6px;display:grid}.streak-grid .day{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.streak-grid .day i{background:var(--gray);width:34px;height:34px;color:var(--sub);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-style:normal;font-weight:700;display:flex}.streak-grid .day.on i{background:var(--primary);color:var(--white)}.streak-grid .day.on i .ms{font-size:18px}.streak-grid .day.today i{background:var(--white);box-shadow:inset 0 0 0 2px var(--primary);color:var(--primary-dark)}.terms{border-top:1px solid var(--line)}.terms h4{margin-top:18px;font-size:15px;font-weight:800}.terms p{color:var(--sub);margin-top:6px;font-size:14px;line-height:1.65}.mission-hint{color:var(--primary-dark);font-size:13px;font-weight:600}.article p.mission-hint{color:var(--primary-dark);margin-top:16px;font-size:13px;line-height:1.4}.fb-form{background:var(--page);border:1px solid var(--line);border-radius:16px;padding:16px}.fb-label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.fb-form textarea{resize:none;background:var(--white);width:100%;font:inherit;color:var(--text);border:1px solid #d1d6db;border-radius:12px;outline:none;padding:12px 14px;font-size:15px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.fb-form textarea::placeholder{color:var(--muted)}.fb-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3182f626}.fb-send{width:auto;box-shadow:none;padding:0 20px}.article p.fb-error{color:var(--danger);margin-top:8px;font-size:13px;font-weight:600;line-height:1.4}.article p.fb-error:empty{display:none}.fb-done{background:var(--primary-soft);color:var(--primary-dark);border-radius:14px;align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}