/* Desktop counterpart to the Mini App. Scoped: never changes the Mini App. */
body.wc-liquid-glass {
    --bg: #0c1020; --bg2: #15192d; --card: #1a1e34; --card-hover: #252941;
    --ink: #f1f2fb; --ink-soft: #c6c9de; --muted: #9ba2bd;
    --line: rgba(209,216,255,.14); --line-2: rgba(209,216,255,.08);
    --accent: #7c8df4; --accent2: #9874d5; --mint: #74dfbc;
    --danger: #ff8198; --sidebar-w: 248px; --header-h: 70px;
    --font-display: 'Manrope', system-ui, sans-serif;
    background: radial-gradient(ellipse at 0 0, #202a50 0, transparent 50%),
                radial-gradient(ellipse at 100% 100%, #2b2043 0, transparent 52%), #0c1020;
    color-scheme: dark;
}
.wc-liquid-glass .ambient-orb, .wc-liquid-glass .grain-overlay { display: none; }
.wc-liquid-glass #app { padding: 18px; gap: 20px; z-index: auto; }
.wc-liquid-glass .sidebar {
    border: 1px solid var(--line); border-radius: 26px;
    background: linear-gradient(150deg,rgba(55,61,91,.67),rgba(22,25,43,.82)) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.13), 0 20px 60px #0003;
    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
}
.wc-liquid-glass .sidebar-brand { height: 76px; padding: 0 16px; }
.wc-liquid-glass .sidebar-mark { background: none; width: 34px; height: 40px; }
.wc-liquid-glass .sidebar-mark img { width: 34px; height: 40px; object-fit: contain; }
.wc-liquid-glass .sidebar-name { font-family: var(--font-body); font-size: 17px; letter-spacing: .01em; font-weight: 800; }
.wc-liquid-glass .sidebar-nav { padding: 10px; gap: 4px; }
.wc-liquid-glass .nav-section-label { color: var(--muted); font-size: 10px; letter-spacing: .12em; padding: 16px 13px 6px; }
.wc-liquid-glass .nav-item { border: 1px solid transparent; min-height: 42px; font-size: 13px; padding: 10px 12px; border-radius: 13px; }
.wc-liquid-glass .nav-ic { color: #a5accd; }
.wc-liquid-glass .nav-item.is-active { background: linear-gradient(110deg,#8b9afa33,#aa81df24); border-color: #b2baf12e; box-shadow: inset 0 1px #ffffff14; }
.wc-liquid-glass .nav-item.is-active::before { display: none; }
.wc-liquid-glass .nav-item.is-active .nav-ic { color: #b9c4ff; }
.wc-liquid-glass .sidebar-foot { padding: 12px; border-top: 1px solid var(--line); }
.wc-liquid-glass .sidebar-plan { background: #ffffff04; border: 1px solid var(--line-2); border-radius: 13px; }
.wc-liquid-glass .sidebar-plan-name { font-family: var(--font-body); }
.wc-liquid-glass .sidebar-logout { background: transparent; border-color: transparent; }
.wc-liquid-glass .main-area { min-width: 0; background: none; }
.wc-liquid-glass .topbar {
    height: var(--header-h); padding: 0 12px 0 8px; flex-shrink: 0;
    background: transparent !important; border-bottom: 1px solid var(--line);
    backdrop-filter: none; -webkit-backdrop-filter: none;
}
.wc-liquid-glass .topbar-page-title { font: 700 15px var(--font-body); }
.wc-liquid-glass .topbar-status { color: var(--ink-soft); background: #ffffff06; border: 1px solid var(--line); }
.wc-liquid-glass .screen { background: transparent; animation: none !important; }
.wc-liquid-glass .screens-container { padding-top: 20px; }
.wc-liquid-glass .screen-content, .wc-liquid-glass .wc-page,
.wc-liquid-glass .screen-content.wc-page, .wc-liquid-glass .product-dashboard,
.wc-liquid-glass .filters-layout.wc-page, .wc-liquid-glass .settings-layout.wc-page,
.wc-liquid-glass .reminders-layout.wc-page {
    width: min(100%, 1250px); padding: 0 8px 36px !important; margin: 0 auto;
}
.wc-liquid-glass .product-page-head, .wc-liquid-glass .wc-feed-head,
.wc-liquid-glass .wc-tg-head {
    background: none !important; border: 0 !important; border-bottom: 1px solid var(--line) !important;
    border-radius: 0 !important; box-shadow: none !important; padding: 4px 0 20px;
    position: static !important; backdrop-filter: none;
}
.wc-liquid-glass .product-page-head::after, .wc-liquid-glass .product-page-head::before { display: none; }
.wc-liquid-glass h1, .wc-liquid-glass h2, .wc-liquid-glass h3,
.wc-liquid-glass .product-page-head h1 { font-family: var(--font-body); color: var(--ink); }
.wc-liquid-glass .product-page-head h1 { font-size: clamp(24px,2.6vw,32px); letter-spacing: -.04em; }
.wc-liquid-glass .product-page-head p, .wc-liquid-glass .wc-tg-head p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.wc-liquid-glass .dash-card, .wc-liquid-glass .settings-card,
.wc-liquid-glass .filter-panel, .wc-liquid-glass .product-grid-card,
.wc-liquid-glass .product-card, .wc-liquid-glass .stat-card,
.wc-liquid-glass .funnel-section, .wc-liquid-glass .wc-tg-card,
.wc-liquid-glass .referral-stat, .wc-liquid-glass .resume-card,
.wc-liquid-glass .ai-history-card, .wc-liquid-glass .sub-card {
    background: linear-gradient(135deg,rgba(47,52,78,.65),rgba(30,32,52,.78)) !important;
    border: 1px solid var(--line) !important; border-radius: 22px !important;
    box-shadow: inset 0 1px #ffffff0b, 0 10px 26px #0000000c !important;
}
.wc-liquid-glass .product-overview {
    grid-template-columns: minmax(0,1fr) minmax(300px,.85fr); gap: 28px;
    background: linear-gradient(110deg,rgba(68,82,134,.58),rgba(65,47,91,.54)) !important;
    border: 1px solid rgba(188,199,250,.26) !important; border-radius: 28px;
    padding: 28px; box-shadow: inset 0 1px #ffffff1a,0 20px 65px #0002;
}
.wc-liquid-glass .product-overview-glow { display: none; }
.wc-liquid-glass .product-overview-copy { padding: 6px 0; min-height: 0; background: none !important; border: none; box-shadow: none; }
.wc-liquid-glass .product-eyebrow { color: #bac5ff; letter-spacing: .12em; font-size: 10px; }
.wc-liquid-glass .product-overview h1 { max-width: 470px; font-size: clamp(28px,3vw,44px); line-height: 1.12; font-weight: 800; letter-spacing: -.045em; margin: 20px 0 16px; }
.wc-liquid-glass .product-overview-copy > p { max-width: 440px; color: #c2c8e1; font-size: 14px; line-height: 1.75; }
.wc-liquid-glass .product-overview-actions { margin-top: 24px; }
.wc-liquid-glass .product-overview-panel { gap: 14px; }
.wc-liquid-glass .product-status-card, .wc-liquid-glass .product-auto-card { background: #11152b40 !important; border-color: #d0d8ff1a; border-radius: 17px; box-shadow: none !important; }
.wc-liquid-glass .dash-account { padding: 16px; }
.wc-liquid-glass .dash-account-name { font-size: 14px; }
.wc-liquid-glass .dash-account-sub { overflow-wrap: anywhere; font-size: 12px; }
.wc-liquid-glass .dash-account-avatar { width: 38px; height: 38px; }
.wc-liquid-glass .dash-account-badge { font-size: 10px; }
.wc-liquid-glass .product-overview-metrics { gap: 0; border-top: 1px solid var(--line); padding-top: 16px; }
.wc-liquid-glass .dash-tile { background: none !important; border: none !important; box-shadow: none !important; padding: 0 14px; min-height: 58px; border-radius: 0 !important; }
.wc-liquid-glass .dash-tile + .dash-tile { border-left: 1px solid var(--line) !important; }
.wc-liquid-glass .dash-tile-val { font-family: var(--font-body); font-size: 29px; }
.wc-liquid-glass .dash-tile-label { color: #bec5de; font-size: 11px; }
.wc-liquid-glass .product-grid { gap: 18px; margin-top: 22px; }
.wc-liquid-glass .product-grid-card { padding: 22px; }
.wc-liquid-glass .dash-card-title { font-size: 14px; font-weight: 750; }
.wc-liquid-glass .dash-card-head { padding-bottom: 12px; }
.wc-liquid-glass .dash-quick-card { min-height: 84px; border-radius: 16px; background: #d1d8ff06; border: 1px solid var(--line-2); }
.wc-liquid-glass .dash-quick-card:hover { background: #a7b5ff14; }
.wc-liquid-glass .dash-quick-card-icon { background: #8799ef19; color: #b3c1ff; border: none; border-radius: 11px; }
.wc-liquid-glass .dash-notice { border: 1px solid #ff7c955e; background: #ff617c12; color: #ffb4c2; border-radius: 13px; padding: 10px 12px; }
.wc-liquid-glass .btn, .wc-liquid-glass .product-primary-btn, .wc-liquid-glass .product-secondary-btn { border-radius: 13px !important; min-height: 42px; font-family: var(--font-body); }
.wc-liquid-glass .btn--primary, .wc-liquid-glass .product-primary-btn { background: linear-gradient(110deg,#7789ee,#9671c8) !important; border: 1px solid #c5caff38; box-shadow: inset 0 1px #ffffff24; color: white; }
.wc-liquid-glass .btn--ghost, .wc-liquid-glass .product-secondary-btn { background: #e3e7ff08 !important; border: 1px solid var(--line); color: var(--ink-soft); }
.wc-liquid-glass .field-input, .wc-liquid-glass .field-textarea,
.wc-liquid-glass .wc-tg-search input, .wc-liquid-glass .wc-tg-filter select {
    background: #0c102048 !important; border-color: #b9c2ff26; color: var(--ink);
    border-radius: 12px; min-width: 0; font: 13px var(--font-body);
}
.wc-liquid-glass .field-textarea { line-height: 1.7; min-height: 140px; }
.wc-liquid-glass .field-label, .wc-liquid-glass .toggle-desc { color: var(--muted); }
.wc-liquid-glass .ai-settings { display: grid; gap: 12px; border: none; padding: 0; background: none; }
.wc-liquid-glass .ai-row, .wc-liquid-glass .ai-status-card { background: linear-gradient(135deg,#30364f88,#23263eaa); border: 1px solid var(--line); border-radius: 17px; box-shadow: inset 0 1px #ffffff08; }
.wc-liquid-glass .ai-row { padding: 16px 18px; }
.wc-liquid-glass .ai-row + .ai-row { border-top: 1px solid var(--line); }
.wc-liquid-glass .ai-row-icon { background: #9aabff16; color: #b8c5ff; border-radius: 12px; }
.wc-liquid-glass .ai-row-desc { color: var(--muted); }
.wc-liquid-glass .ai-letter-opt span { background: #e3e7ff08; border-color: var(--line); border-radius: 12px; }
.wc-liquid-glass .ai-letter-opt input:checked + span { background: #919ded26; color: #d3dcff; border-color: #9daeff70; }
.wc-liquid-glass .btn--accent, .wc-liquid-glass .btn-small { background: linear-gradient(110deg,#7789ee,#9671c8); box-shadow: none; border-radius: 12px; }
.wc-liquid-glass .dash-auto-apply-status.is-off { color: var(--muted); }
.wc-liquid-glass .wc-ai-modes { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 20px; margin: 16px 0; }
.wc-liquid-glass .wc-ai-modes select { width: 100%; margin: 8px 0; }
.wc-liquid-glass .wc-ai-note { color: var(--muted); font-size: 12px; line-height: 1.7; }
.wc-liquid-glass .wc-tg-page, .wc-liquid-glass .wc-feed-page { max-width: 1250px; }
.wc-liquid-glass .toggle-track { background: #747c9d40; border: 1px solid #c8d2ff20; }
.wc-liquid-glass .toggle input:checked + .toggle-track { background: #8790e9; }
.wc-liquid-glass .modal { background: #080b18b3; backdrop-filter: blur(8px); z-index: 10010; }
.wc-liquid-glass .modal-box, .wc-liquid-glass .wc-tg-detail-box,
.wc-liquid-glass .more-sheet { background: linear-gradient(135deg,#2a304b,#1d2035) !important; border: 1px solid #cbd4ff30; border-radius: 25px; box-shadow: 0 32px 80px #0008; max-height: min(88dvh,900px); }
.wc-liquid-glass .modal-head { border-bottom: 1px solid var(--line); }
.wc-liquid-glass .modal-body { padding-bottom: 24px; }
.wc-liquid-glass :is(button,a,input,select,textarea):focus-visible { outline: 2px solid #bdc9ff !important; outline-offset: 3px; }
.wc-liquid-glass .wc-letter-page { max-width: 820px; }
.wc-liquid-glass .wc-letter-page .settings-card { padding: 24px; }
.wc-liquid-glass #cover-letter-text { min-height: 280px; resize: vertical; }
.wc-liquid-glass .wc-next-slot { margin-top: 10px; font-size: 11px; line-height: 1.6; color: #b6bfdf; }
.wc-liquid-glass .wc-workspace-notice { padding: 12px 16px; margin-bottom: 16px; background: #ff6f8512; border: 1px solid #ff6f8545; border-radius: 15px; display: flex; align-items: center; gap: 14px; font-size: 12px; }
.wc-liquid-glass .wc-workspace-notice button { margin-left: auto; flex-shrink: 0; }
.wc-liquid-glass .wc-ready { display: grid; gap: 10px; margin-top: 18px; }
.wc-liquid-glass .wc-ready button { display: flex; align-items: center; gap: 12px; text-align: left; padding: 12px 15px; border-radius: 14px; background: #cbd4ff08; border: 1px solid var(--line); color: var(--ink); cursor: pointer; font: 13px var(--font-body); }
.wc-liquid-glass .wc-ready button span { color: #acbaff; }
.wc-liquid-glass .wc-ready button b { margin-left: auto; }
.wc-liquid-glass .wc-filter-import { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; background: #8496ff12; border: 1px solid #acb8ff46; border-radius: 18px; padding: 16px; margin: 0 0 18px; }
.wc-liquid-glass .wc-filter-import p { font-size: 12px; color: var(--muted); }
.wc-liquid-glass .wc-filter-import button { margin-left: auto; }
.wc-liquid-glass .product-card--accent, .wc-liquid-glass .product-grid-card--accent { background: linear-gradient(130deg,#35436ab3,#42325bb3) !important; }
.wc-liquid-glass .auth-card { background: linear-gradient(140deg,#29304cce,#211e35dd); border: 1px solid var(--line); border-radius: 28px; }
.wc-liquid-glass .empty-state { color: var(--muted); }
.wc-liquid-glass :is(.screen-content,.wc-page,.settings-card,.product-grid-card,.filter-panel) { min-width: 0; }
@media (max-width: 1100px) {
    .wc-liquid-glass #app { gap: 12px; padding: 12px; }
    .wc-liquid-glass .product-overview { gap: 20px; padding: 22px; grid-template-columns: minmax(0,1fr) minmax(270px,.9fr); }
}
@media (max-width: 900px) {
    .wc-liquid-glass #app { padding: 0; gap: 0; }
    .wc-liquid-glass .topbar { height: 62px; margin: 0 16px; padding: 0; }
    .wc-liquid-glass .screens-container { padding-top: 18px; }
    .wc-liquid-glass .screen-content, .wc-liquid-glass .wc-page,
    .wc-liquid-glass .screen-content.wc-page, .wc-liquid-glass .product-dashboard,
    .wc-liquid-glass .filters-layout.wc-page, .wc-liquid-glass .settings-layout.wc-page,
    .wc-liquid-glass .reminders-layout.wc-page { padding: 0 16px 115px !important; }
    .wc-liquid-glass .sidebar { display: none; }
    body.wc-liquid-glass.wc-sidebar-open .sidebar { display: flex; top: 12px; bottom: 12px; left: 12px; width: min(280px,85vw); }
    .wc-liquid-glass .product-overview, .wc-liquid-glass .product-grid { grid-template-columns: 1fr; }
    .wc-liquid-glass #wc-tabbar { bottom: max(12px,env(safe-area-inset-bottom)); left: 14px; right: 14px; width: auto; height: 65px; border-radius: 22px; border: 1px solid #c7d1ff35; background: #242940cf !important; backdrop-filter: blur(24px); box-shadow: inset 0 1px #ffffff14,0 12px 35px #0006; }
    .wc-liquid-glass #wc-tabbar .tab { min-width: 0; padding: 8px 2px; color: #b7bdd6; }
    .wc-liquid-glass #wc-tabbar .tab.is-active { color: #dce3ff; background: #a2b2ff20; border-radius: 15px; }
}
@media (max-width: 520px) {
    .wc-liquid-glass .wc-ai-modes { grid-template-columns: 1fr; gap: 18px; }
    .wc-liquid-glass .product-overview { padding: 20px; border-radius: 23px; gap: 20px; }
    .wc-liquid-glass .product-overview h1 { font-size: 31px; }
    .wc-liquid-glass .product-overview-copy > p { font-size: 13px; }
    .wc-liquid-glass .product-grid-card { padding: 18px; }
    .wc-liquid-glass .dash-account { flex-wrap: wrap; gap: 8px; padding: 12px; }
    .wc-liquid-glass .dash-account-info { min-width: 100px; }
    .wc-liquid-glass .topbar-status { max-width: 145px; font-size: 10px; padding: 0 8px; }
    .wc-liquid-glass .topbar-page-title { max-width: 120px; font-size: 13px; }
    .wc-liquid-glass .wc-workspace-notice { align-items: flex-start; flex-wrap: wrap; }
    .wc-liquid-glass .wc-filter-import button { width: 100%; }
    .wc-liquid-glass .modal { padding: 12px; }
    .wc-liquid-glass .modal-box { width: 100% !important; }
    .wc-liquid-glass .wc-letter-page .settings-card { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .wc-liquid-glass *, .wc-liquid-glass *::before, .wc-liquid-glass *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}