.MobileMock-module__r9hfTG__phone{--mk-window:#fff;--mk-surface:#f6f8fc;--mk-border:#e3e8f0;--mk-border-soft:#edf1f7;--mk-text:#0f172a;--mk-muted:#6b7a90;--mk-frame:#0f172a;--mk-ok:#16a34a;--mk-info:#3b82f6;--mk-warn:#f59e0b;aspect-ratio:260/520;background:var(--mk-frame);border-radius:34px;inline-size:100%;max-inline-size:260px;margin-inline:auto;padding:10px;position:relative;box-shadow:0 24px 50px #0f172a47}[data-theme=dark] .MobileMock-module__r9hfTG__phone{--mk-window:#0f1319;--mk-surface:#161b24;--mk-border:#262d3a;--mk-border-soft:#1e2530;--mk-text:#e9eef7;--mk-muted:#8d99ad;--mk-frame:#1c222d;--mk-ok:#4ade80;box-shadow:0 24px 60px #0009}.MobileMock-module__r9hfTG__notch{inset-block-start:10px;z-index:2;background:var(--mk-frame);border-end-end-radius:12px;border-end-start-radius:12px;block-size:18px;inline-size:86px;position:absolute;left:50%;transform:translate(-50%)}.MobileMock-module__r9hfTG__screen{block-size:100%;color:var(--mk-text);background:var(--mk-window);border-radius:26px;flex-direction:column;gap:8px;padding:10px 10px 0;font-size:11px;display:flex;position:relative;overflow:hidden}.MobileMock-module__r9hfTG__statusBar{color:var(--mk-muted);direction:ltr;justify-content:space-between;align-items:center;font-size:9px;display:flex}.MobileMock-module__r9hfTG__statusDots{gap:3px;display:inline-flex}.MobileMock-module__r9hfTG__statusDots i{background:var(--mk-muted);border-radius:50%;block-size:4px;inline-size:4px}.MobileMock-module__r9hfTG__appBar{justify-content:space-between;align-items:center;gap:8px;padding-block-start:6px;display:flex}.MobileMock-module__r9hfTG__appTitle{font-size:15px;font-weight:700}.MobileMock-module__r9hfTG__appBadge{color:var(--color-primary-red);background:var(--color-primary-red-light);border-radius:var(--border-radius-pill);corner-shape:squircle;padding:2px 8px;font-size:9px;font-weight:600}.MobileMock-module__r9hfTG__filters{gap:6px;display:flex}.MobileMock-module__r9hfTG__filter{color:var(--mk-muted);background:var(--mk-surface);border-radius:var(--border-radius-pill);corner-shape:squircle;padding:4px 10px;font-size:9.5px}.MobileMock-module__r9hfTG__filterActive{color:#fff;background:linear-gradient(135deg,var(--color-primary-gradient-start)0%,var(--color-primary-gradient-end)100%)}.MobileMock-module__r9hfTG__list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.MobileMock-module__r9hfTG__item{background:var(--mk-surface);border:1px solid var(--mk-border-soft);border-radius:var(--border-radius-xl);corner-shape:squircle;align-items:center;gap:8px;padding:9px;display:flex}.MobileMock-module__r9hfTG__avatar{color:#fff;background:linear-gradient(135deg,#7f8ea3,#4b5a6e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;block-size:28px;inline-size:28px;font-size:9.5px;font-weight:700;display:inline-flex}.MobileMock-module__r9hfTG__item:first-child .MobileMock-module__r9hfTG__avatar{background:linear-gradient(135deg,var(--color-primary-gradient-start),var(--color-primary-gradient-end))}.MobileMock-module__r9hfTG__itemBody{flex-direction:column;flex:1;gap:2px;min-inline-size:0;display:flex}.MobileMock-module__r9hfTG__itemName{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.MobileMock-module__r9hfTG__itemMeta{color:var(--mk-muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.MobileMock-module__r9hfTG__status{color:var(--mk-muted);background:var(--mk-window);border:1px solid var(--mk-border-soft);border-radius:var(--border-radius-pill);corner-shape:squircle;flex-shrink:0;padding:2px 7px;font-size:8.5px;font-weight:600}.MobileMock-module__r9hfTG__tone_new{color:var(--color-primary-red);border-color:var(--color-primary-red-light);background:var(--color-primary-red-light)}.MobileMock-module__r9hfTG__tone_info{color:var(--mk-info);background:#3b82f61f;border-color:#3b82f640}.MobileMock-module__r9hfTG__tone_warn{color:var(--mk-warn);background:#f59e0b1f;border-color:#f59e0b40}.MobileMock-module__r9hfTG__tone_ok{color:var(--mk-ok);background:#16a34a1f;border-color:#16a34a40}.MobileMock-module__r9hfTG__fab{color:#fff;background:linear-gradient(135deg,var(--color-primary-gradient-start)0%,var(--color-primary-gradient-end)100%);block-size:38px;inline-size:38px;box-shadow:var(--shadow-cta-banner);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex;position:absolute;inset-block-end:54px;inset-inline-start:16px}.MobileMock-module__r9hfTG__tabBar{border-block-start:1px solid var(--mk-border-soft);justify-content:space-around;align-items:center;gap:12px;margin-block-start:auto;padding:12px 8px 14px;display:flex}.MobileMock-module__r9hfTG__tab{border-radius:var(--border-radius-pill);corner-shape:squircle;background:var(--mk-border);block-size:4px;inline-size:18px}.MobileMock-module__r9hfTG__tabActive{background:var(--color-primary-red)}