.ss-mobile{--navy-900:#16203a;--navy-850:#1a2744;--navy-800:#20304f;--navy-700:#2b3c5e;--navy-600:#36486b;--navy-500:#45597f;--ink:#1f2733;--ink-2:#56616f;--ink-3:#8a94a3;--ink-4:#aab2be;--bg:#f3f5f9;--surface:#fff;--surface-2:#eef2f8;--surface-3:#f7f9fc;--line:#e7eaf0;--line-2:#dde2ea;--orange:#ef5a2b;--orange-2:#f5663c;--orange-3:#e8502e;--blue:#2f6fed;--blue-soft:#eaf1fe;--green:#1f9d57;--green-soft:#e8f6ee;--pink:#ef5777;--pink-soft:#fdeef1;--purple:#7c5cff;--purple-soft:#f0ecfe;--amber:#e3a008;--amber-soft:#fdf3da;--tint-blue:#eef3fb;--tint-mint:#ecf6f0;--tint-lav:#f1edfb;--tint-pink:#fdeef1;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--sh-1:0 1px 2px #16203a0d,0 1px 3px #16203a0d;--sh-2:0 2px 8px #16203a12,0 1px 3px #16203a0d;--sh-3:0 8px 28px #16203a24;--sh-up:0 -2px 12px #16203a0f;--font:var(--font-sans);font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;flex-direction:column;height:100svh;max-height:100svh;display:flex;overflow:hidden}.ss-mobile *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.ss-mobile .m-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex:auto;overflow:hidden auto}.ss-mobile .m-scroll::-webkit-scrollbar{width:0;height:0;display:none}.ss-mobile .m-appbar{color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:8px 16px;display:flex}.ss-mobile .m-appbar.navy{background:var(--navy-850);color:#fff;border-bottom:none}.ss-mobile .m-appbar__title{letter-spacing:-.01em;flex:1;font-size:18px;font-weight:700}.ss-mobile .m-appbar__btn{border-radius:var(--r-sm);background:var(--surface-2);width:38px;height:38px;color:var(--navy-700);cursor:pointer;border:none;flex:none;place-items:center;display:grid}.ss-mobile .m-appbar.navy .m-appbar__btn{color:#fff;background:#ffffff14}.ss-mobile .m-appbar__btn:active{filter:brightness(.92)}.ss-mobile .m-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}.ss-mobile .m-btn{font-family:var(--font);border-radius:var(--r-sm);cursor:pointer;letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;min-width:0;padding:13px 16px;font-size:15px;font-weight:700;transition:filter .12s,background .12s,transform 60ms;display:inline-flex}.ss-mobile .m-btn:active{transform:translateY(1px)}.ss-mobile .m-btn--primary{background:var(--navy-700);color:#fff}.ss-mobile .m-btn--primary:active{filter:brightness(1.12)}.ss-mobile .m-btn--accent{background:var(--orange);color:#fff}.ss-mobile .m-btn--ghost{background:var(--surface);color:var(--navy-700);border-color:var(--line-2)}.ss-mobile .m-btn--soft{background:var(--surface-2);color:var(--navy-700)}.ss-mobile .m-btn--block{width:100%}.ss-mobile .m-btn[disabled]{opacity:.45;pointer-events:none}.ss-mobile .m-chip{color:var(--ink-2);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.ss-mobile .m-chip--on{color:#fff;background:var(--navy-700);border-color:var(--navy-700)}.ss-mobile .m-badge{border-radius:var(--r-pill);letter-spacing:-.01em;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.ss-mobile .m-badge--pink{color:#d8345b;background:var(--pink-soft)}.ss-mobile .m-badge--green{color:#157f43;background:var(--green-soft)}.ss-mobile .m-badge--blue{color:#1b56c4;background:var(--blue-soft)}.ss-mobile .m-badge--purple{color:#5b3fd1;background:var(--purple-soft)}.ss-mobile .m-badge--amber{color:#9a6a05;background:var(--amber-soft)}.ss-mobile .m-badge--gray{color:var(--ink-2);background:#eef1f6}.ss-mobile .sec-title{color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:700}.ss-mobile .muted{color:var(--ink-3)}.ss-mobile .mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.ss-mobile .m-route{background:var(--surface-3);border:1px solid var(--line);border-radius:var(--r-xs);color:var(--ink-2);align-items:center;gap:5px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-flex}.ss-mobile .m-tabbar{background:var(--surface);border-top:1px solid var(--line);box-shadow:var(--sh-up);padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));z-index:50;flex:none;display:flex}.ss-mobile .m-tabbar__item{cursor:pointer;color:var(--ink-3);font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;font-size:10.5px;font-weight:600;display:flex}.ss-mobile .m-tabbar__item.on{color:var(--navy-700)}.ss-mobile .m-tabbar__item.on .m-tabbar__ic{background:var(--blue-soft)}.ss-mobile .m-tabbar__ic{border-radius:var(--r-pill);place-items:center;width:40px;max-width:90%;height:28px;transition:background .14s;display:grid}.ss-mobile .m-seg{background:var(--surface-2);border-radius:var(--r-sm);gap:3px;padding:3px;display:flex}.ss-mobile .m-seg__btn{cursor:pointer;font-family:var(--font);color:var(--ink-2);background:0 0;border:none;border-radius:6px;flex:1;padding:9px 0;font-size:13.5px;font-weight:700;transition:all .14s}.ss-mobile .m-seg__btn.on{background:var(--surface);color:var(--navy-700);box-shadow:var(--sh-1)}.ss-mobile .m-toast{background:var(--navy-900);color:#fff;border-radius:var(--r-pill);box-shadow:var(--sh-3);opacity:0;pointer-events:none;z-index:80;white-space:nowrap;align-items:center;gap:8px;padding:12px 18px;font-size:13.5px;font-weight:600;transition:all .3s;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%,20px)}.ss-mobile .m-toast.show{opacity:1;transform:translate(-50%)}@keyframes m-shimmer{0%{background-position:-300px 0}to{background-position:calc(300px + 100%) 0}}.ss-mobile .m-skeleton{background:linear-gradient(90deg,#ffffff12 25%,#ffffff29 50%,#ffffff12 75%) 0 0/600px 100%;border-radius:6px;animation:1.5s infinite m-shimmer}.ss-mobile .m-skeleton--light{background:linear-gradient(90deg,var(--surface-2)25%,#e0e5ef 50%,var(--surface-2)75%);background-size:600px 100%;animation:1.5s infinite m-shimmer}@keyframes m-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ss-mobile .anim-fade{animation:.22s both m-fadeIn}@keyframes m-slideUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}.ss-mobile .anim-up{animation:.26s both m-slideUp}
