:root{--primary:#4f46e5;--primary-rgb:79,70,229;--accent:#10b981;--accent-rgb:16,185,129;--bg:#f5f6fa;--bg-grad:radial-gradient(1200px 600px at 100% -10%,rgba(var(--primary-rgb),.08),transparent 60%);--surface:#ffffff;--surface-2:#f3f4f9;--surface-hover:#fafbff;--border:#e7e9f2;--text:#161a26;--text-2:#3b4154;--muted:#7c8398;--shadow-sm:0 1px 2px rgba(20,24,40,.05),0 1px 3px rgba(20,24,40,.04);--shadow:0 4px 14px rgba(20,24,40,.07),0 2px 6px rgba(20,24,40,.04);--shadow-lg:0 18px 50px rgba(20,24,40,.14);--danger:#ef4444;--danger-rgb:239,68,68;--warn:#f59e0b;--warn-rgb:245,158,11;--radius:14px;--radius-sm:10px;--sidebar-w:244px}[data-theme=dark]{--bg:#0a0d18;--bg-grad:radial-gradient(1200px 600px at 100% -10%,rgba(var(--primary-rgb),.16),transparent 60%);--surface:#121726;--surface-2:#1a2133;--surface-hover:#1d2538;--border:#28304a;--text:#eef1fa;--text-2:#c4cadb;--muted:#8b93ab;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 8px 24px rgba(0,0,0,.35);--shadow-lg:0 24px 60px rgba(0,0,0,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden;width:100%;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"calt" 1,"cv11" 1;font-optical-sizing:auto;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}h1{font-size:23px;font-weight:760;letter-spacing:-.025em;margin:0 0 4px;line-height:1.25}h2{font-size:18px;font-weight:720;letter-spacing:-.018em;line-height:1.3}h3{font-size:15px;font-weight:680;margin:0 0 12px;letter-spacing:-.012em;line-height:1.35}p{margin:6px 0}a{color:var(--primary)}a,a:hover{text-decoration:none}a:hover{opacity:.85}.shell,.sidebar{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:14px 12px;flex-direction:column;gap:2px}.sidebar .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.02em;padding:4px 8px 12px;flex-shrink:0}.sidebar .logo .dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.sidebar .navlink{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:9px;color:var(--text-2);font-weight:560;font-size:13px;transition:background .15s ease,color .15s ease,transform .12s ease;flex-shrink:0}.sidebar .navlink:hover{background:var(--surface-2);color:var(--text);transform:translateX(2px)}.sidebar .navlink.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),rgba(var(--accent-rgb),.1));color:var(--primary);font-weight:650}.sidebar .navlink svg{width:16px;height:16px;flex-shrink:0}.sidebar .sgroup{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 3px;font-weight:700;flex-shrink:0}.main,.sidebar .spacer{flex:1 1}.main{min-width:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.topbar{height:60px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 26px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 75%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar .crumb{font-weight:650;font-size:15px}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:12px}.content{padding:26px 32px;width:100%;max-width:1700px}@media (min-width:1900px){.content{max-width:none}}.menu-btn{display:none;width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;place-items:center}.menu-btn:hover{background:var(--surface-2)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40;animation:fadeUp .2s ease}.bottom-nav{display:none}@media (max-width:860px){.shell,.sidebar{height:100dvh}.sidebar{position:fixed;transform:translateX(-100%);z-index:50;transition:transform .25s;box-shadow:var(--shadow-lg);overflow:hidden}.sidebar nav{overflow-y:auto!important}.sidebar.open{transform:none}.content{padding:18px 18px 90px}.menu-btn{display:grid}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:rgba(var(--surface-rgb),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:90;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex:1 1;flex-direction:column;justify-content:center;gap:4px;height:100%;color:var(--muted);text-decoration:none;font-size:10.5px;font-weight:600;transition:color .2s}.bottom-nav-item svg{transition:transform .2s}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active svg{transform:scale(1.15)}}@media (max-width:480px){.user-meta{display:none}.topbar{padding:0 16px;gap:10px}.topbar .crumb{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}}.container{max-width:1180px;margin:0 auto;padding:26px}.narrow{max-width:440px;margin:0 auto;padding:7vh 22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:18px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card.hover:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card.flush{padding:0;overflow:hidden}.grid{display:grid;grid-gap:18px;gap:18px}.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(2,1fr)!important;gap:12px}}.split{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr 340px;align-items:start}.split .side{position:-webkit-sticky;position:sticky;top:78px}@media (max-width:900px){.split{grid-template-columns:1fr}.split .side{position:static}.responsive-grid{grid-template-columns:1fr!important;height:auto!important}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;background:rgba(var(--primary-rgb),.12);color:var(--primary)}.stat .ico.green{background:rgba(var(--accent-rgb),.14);color:var(--accent)}.stat .ico.amber{background:rgba(var(--warn-rgb),.14);color:var(--warn)}.stat .ico svg{width:20px;height:20px}.stat .val{font-size:27px;font-weight:780;letter-spacing:-.02em;line-height:1.1}.stat .lbl{color:var(--muted);font-size:12.5px;font-weight:550;margin-top:3px}.stat .trend{position:absolute;top:18px;right:18px;font-size:12px;font-weight:650}.stat .trend.up{color:var(--accent)}.stat .trend.down{color:var(--danger)}@media (max-width:620px){.stat{padding:14px}.stat .val{font-size:22px}.stat .ico{width:32px;height:32px;margin-bottom:8px}.stat .ico svg{width:16px;height:16px}.habit-row{flex-wrap:wrap;padding-bottom:12px!important}.habit-row>div:first-child{flex:0 0 100%!important;margin-bottom:6px}}label{display:block;font-size:12.5px;color:var(--text-2);margin:12px 0 5px;font-weight:560}input,select,textarea{width:100%;padding:9.5px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13.5px;font-family:inherit;letter-spacing:-.005em;transition:border-color .15s,box-shadow .18s,background .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(var(--primary-rgb),.7);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12);background:var(--surface)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input[type=color]{padding:4px;height:38px;cursor:pointer}input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%!important;min-width:0;max-width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:#fff;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:13.5px;font-weight:600;letter-spacing:-.008em;cursor:pointer;font-family:inherit;box-shadow:0 1px 3px rgba(var(--primary-rgb),.22),0 3px 10px rgba(var(--primary-rgb),.16);transition:transform .13s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .13s ease,background .13s ease}.btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:0 4px 14px rgba(var(--primary-rgb),.34)}.btn:active{transform:translateY(0);filter:brightness(.97)}.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn.accent{background:var(--accent);box-shadow:0 1px 3px rgba(var(--accent-rgb),.22),0 3px 10px rgba(var(--accent-rgb),.16)}.btn.accent:hover{box-shadow:0 4px 14px rgba(var(--accent-rgb),.34)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--text-2);box-shadow:none}.btn.ghost:hover{background:var(--surface-2);filter:none;transform:translateY(-1px)}.btn.danger{background:var(--danger);box-shadow:0 1px 3px rgba(var(--danger-rgb),.22)}.btn.danger:hover{box-shadow:0 4px 14px rgba(var(--danger-rgb),.32)}.btn.sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn.xs{padding:4px 8px;font-size:12px;border-radius:7px}.btn.icon{padding:8px;border-radius:10px}.row{gap:11px}.row,.spread{display:flex;align-items:center;flex-wrap:wrap}.spread{justify-content:space-between;gap:12px}.muted{color:var(--muted)}.small{font-size:13px}.badge,.tiny{font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-weight:620}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.open{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.badge.overdue{background:rgba(var(--warn-rgb),.15);color:#b97e09}[data-theme=dark] .badge.overdue{color:#fcd34d}.badge.closed{background:rgba(var(--accent-rgb),.15);color:#0f8a5f}[data-theme=dark] .badge.closed{color:#6ee7b7}.pill{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:620}.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(var(--primary-rgb),.1);color:var(--primary);padding:4px 10px;border-radius:8px;font-size:12.5px;font-weight:600}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:620;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}@media (max-width:620px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}form .row{flex-direction:column;gap:0;align-items:stretch}form .row>*{flex:1 1 100%!important;width:100%;min-width:0}}.err{background:rgba(var(--danger-rgb),.1);border:1px solid rgba(var(--danger-rgb),.4);color:var(--danger);border-radius:var(--radius-sm)}.err,.ok{padding:10px 13px;font-size:13px;margin:10px 0}.ok{background:rgba(var(--accent-rgb),.1);border:1px solid rgba(var(--accent-rgb),.4);color:#0f8a5f;border-radius:var(--radius-sm)}[data-theme=dark] .ok{color:#6ee7b7}.streak{font-weight:800;color:var(--accent);font-size:15px}.progress{height:9px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));animation:grow 1s cubic-bezier(.2,.8,.2,1) both}.theme-toggle{width:38px;height:38px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;display:grid;place-items:center;transition:background .15s,transform .15s}.theme-toggle:hover{background:var(--surface-2);transform:rotate(-12deg)}.theme-toggle svg{width:18px;height:18px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes grow{0%{width:0!important}}@keyframes drawLine{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes riseBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ring{0%{stroke-dashoffset:var(--circ)}}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.animate-in{animation:fadeUp .5s cubic-bezier(.2,.8,.2,1) both}.animate-in:nth-child(2){animation-delay:.06s}.animate-in:nth-child(3){animation-delay:.12s}.animate-in:nth-child(4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.chart-line{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:fadeUp .7s ease both}.chart-area{animation:fadeUp .8s ease both}.bar-fill{width:70%;max-width:42px;min-height:2px;background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:7px 7px 3px 3px;transform-origin:bottom;animation:riseBar .7s cubic-bezier(.2,.8,.2,1) both}.ring-fg{transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1);animation:ring 1.1s cubic-bezier(.2,.8,.2,1) both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--surface-2);animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover{background:var(--surface-hover)!important}.hover-text:hover{color:var(--primary)!important}.shop-row:has(input:checked) .shop-name{text-decoration:line-through;opacity:.45}.lp{min-height:100vh;overflow-x:hidden;word-break:break-word}.lp-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;gap:16px;padding:14px 26px;background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.lp-brand,.lp-header{display:flex;align-items:center}.lp-brand{gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em}.lp-brand .dot{width:32px;height:32px;border-radius:9px;color:#fff;font-weight:800;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 4px 12px rgba(var(--primary-rgb),.4)}.lp-nav{display:flex;align-items:center;gap:22px;margin-left:18px}.lp-nav a{color:var(--text-2);font-weight:560;font-size:14px}.lp-nav a:hover{color:var(--text);opacity:1}.lp-header .right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width:760px){.lp-nav{display:none}.lp-header{padding:12px 16px}.lp-header .right .btn:not(.ghost){display:none}.lp-header .right{gap:8px}}.lp-section{max-width:1560px;margin:0 auto;padding:0 48px}@media (max-width:1100px){.lp-section{padding:0 32px}}@media (max-width:760px){.lp-section{padding:0 20px}}.lp-hero{padding-top:64px;padding-bottom:36px}.lp-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:48px;gap:48px;align-items:center}@media (max-width:940px){.lp-hero-grid{grid-template-columns:1fr;gap:36px}.lp-hero{padding-top:40px;padding-bottom:24px}}@media (max-width:620px){.lp-hero-grid>div:first-child{text-align:center}.lp-hero-grid .lp-sub{margin-left:auto;margin-right:auto}.lp-hero-grid .lp-cta-row,.lp-hero-grid .lp-hero-note{justify-content:center}.lp-hero-grid .lp-demo{align-items:center}.lp-window{transform:none!important;width:100%;max-width:100%;font-size:10px}.lp-app{min-height:240px}.lp-app-main{padding:10px}.lp-mini-stats{gap:6px;margin-bottom:8px}.lp-mini-stat{padding:7px 6px}.lp-mini-stat .v{font-size:13px}.lp-mini-stat .l{font-size:9px}.lp-mini-card{padding:9px}.lp-mini-row{padding:5px 0}.lp-mini-row .av{width:20px;height:20px;font-size:9px}}.lp-h1{font-size:50px;line-height:1.05;letter-spacing:-.03em;font-weight:820;margin:14px 0 16px}@media (max-width:940px){.lp-h1{font-size:38px}}@media (max-width:480px){.lp-h1{font-size:30px}.lp-sub{font-size:15px}}.lp-grad{background:linear-gradient(120deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-sub{font-size:18px;line-height:1.6;color:var(--text-2);max-width:540px;margin:0 0 26px}.lp-cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn.lg{padding:13px 22px;font-size:15px}.btn.lg,.lp-demo{border-radius:12px}.lp-demo{margin-top:22px;display:inline-flex;flex-direction:column;gap:3px;padding:12px 16px;background:var(--surface-2);border:1px dashed var(--border)}.lp-demo b{color:var(--text)}.lp-window{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow-lg);transform:perspective(1600px) rotateY(-7deg) rotateX(2deg);transform-origin:left center}@media (max-width:940px){.lp-window{transform:none}}.lp-window-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--border);background:var(--surface-2)}.lp-window-bar i{width:11px;height:11px;border-radius:50%;background:var(--border);display:inline-block}.lp-window-bar i:first-child{background:#ff5f57}.lp-window-bar i:nth-child(2){background:#febc2e}.lp-window-bar i:nth-child(3){background:#28c840}.lp-window-bar span{margin-left:8px;font-size:12px;color:var(--muted);font-weight:600}.lp-app{display:grid;grid-template-columns:132px 1fr;min-height:320px}.lp-app-side{border-right:1px solid var(--border);padding:14px 10px;background:var(--surface)}.lp-app-side .b{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13px;padding:2px 6px 14px}.lp-app-side .b .d{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}.lp-app-nav{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;font-size:12px;color:var(--text-2);font-weight:560}.lp-app-nav.on{background:linear-gradient(135deg,rgba(var(--primary-rgb),.14),rgba(var(--accent-rgb),.1));color:var(--primary);font-weight:680}.lp-app-nav .ic{width:14px;height:14px}.lp-app-main{padding:16px;min-width:0}@media (max-width:620px){.lp-app{grid-template-columns:1fr;min-height:220px}.lp-app-side{display:none}.lp-window{font-size:11px}.lp-mini-stat .v{font-size:15px}.lp-mini-stat{padding:8px}.lp-cta{padding:36px 20px;margin:16px 0 40px;border-radius:16px}.lp-cta h2{font-size:22px}.lp-cta .row{flex-direction:column;align-items:stretch}.lp-cta .row .btn{text-align:center}.blog-grid{grid-template-columns:1fr!important}}.lp-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:9px;gap:9px;margin-bottom:13px}.lp-mini-stat{border:1px solid var(--border);border-radius:11px;padding:10px;background:var(--surface)}.lp-mini-stat .v{font-size:18px;font-weight:800;letter-spacing:-.02em}.lp-mini-stat .l{font-size:10.5px;color:var(--muted);font-weight:560}.lp-mini-card{border:1px solid var(--border);border-radius:11px;padding:12px;background:var(--surface)}.lp-mini-row{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--border)}.lp-mini-row:last-child{border-bottom:none}.lp-mini-row .av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.lp-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;padding:28px 0 8px}.lp-metric{text-align:center;padding:24px 16px 20px;border-radius:16px;position:relative;background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}.lp-metric:hover{transform:translateY(-5px);box-shadow:0 14px 36px rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.3)}.lp-metric-icon{width:44px;height:44px;border-radius:13px;margin:0 auto 12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--accent-rgb),.12));color:var(--primary);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.15);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.lp-metric:hover .lp-metric-icon{transform:scale(1.1) rotate(-6deg);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.3),0 4px 14px rgba(var(--primary-rgb),.2)}.lp-metric .v{font-size:30px;font-weight:820;letter-spacing:-.03em;line-height:1.1;margin-bottom:4px;background:linear-gradient(120deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-metric .l{font-size:13px;color:var(--muted);font-weight:550}@media (max-width:620px){.lp-metrics{grid-template-columns:repeat(2,1fr);gap:14px}.lp-metric{padding:20px 12px 16px}}.lp-head{text-align:center;max-width:640px;margin:0 auto 34px}.lp-head h2{font-size:32px;letter-spacing:-.02em;font-weight:800;margin:0 0 10px}.lp-head p{font-size:16px;color:var(--text-2);margin:0}.lp-block{padding-top:64px;padding-bottom:64px}@media (max-width:940px){.lp-block{padding-top:44px;padding-bottom:44px}.lp-head h2{font-size:26px}}@media (max-width:480px){.lp-block{padding-top:28px;padding-bottom:28px}.lp-head{margin-bottom:22px}.lp-head h2{font-size:22px}.lp-head p{font-size:14px}.lp-feat .card{padding:14px;margin-bottom:0}.lp-metrics{grid-template-columns:repeat(2,1fr);gap:10px;padding:18px 0 4px}.lp-metric{padding:16px 10px 12px}}.lp-feat{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:1000px){.lp-feat{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.lp-feat{grid-template-columns:1fr;gap:10px}}.lp-feat .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:13px;background:rgba(var(--primary-rgb),.12);color:var(--primary)}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;counter-reset:step}@media (max-width:800px){.lp-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.lp-steps{grid-template-columns:1fr}}.lp-step .n{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800;margin-bottom:12px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.32)}.lp-cta,.lp-step .n{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.lp-cta{text-align:center;padding:52px 28px;border-radius:22px;margin:24px 0 64px;box-shadow:0 24px 60px rgba(var(--primary-rgb),.35)}.lp-cta h2{color:#fff;font-size:30px;letter-spacing:-.02em;margin:0 0 8px}.lp-cta p{color:rgba(255,255,255,.9);font-size:16px;margin:0 0 22px}.lp-cta .btn{background:#fff;color:var(--primary);box-shadow:0 6px 18px rgba(0,0,0,.18)}.lp-cta .btn.ghost{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.4)}.lp-footer{border-top:1px solid var(--border);padding:40px 24px}.lp-footer-grid{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:28px;gap:28px}.lp-footer-4col{grid-template-columns:2fr 1fr 1fr 1fr}@media (max-width:700px){.lp-footer-grid{grid-template-columns:1fr 1fr;gap:22px}}@media (max-width:400px){.lp-footer-grid{grid-template-columns:1fr;gap:18px}}.lp-footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 12px}.lp-footer a{display:block;color:var(--text-2);font-size:14px;padding:4px 0}.lp-footer a:hover{color:var(--text)}.lp-foot-bottom{max-width:1560px;margin:26px auto 0;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.prose{max-width:720px;margin:0 auto;font-size:16.5px;line-height:1.75;color:var(--text-2)}.prose h2{font-size:26px;margin:38px 0 12px;color:var(--text);letter-spacing:-.02em}.prose h3{font-size:20px;margin:28px 0 8px;color:var(--text)}.prose p{margin:16px 0}.prose ol,.prose ul{margin:16px 0;padding-left:22px}.prose li{margin:7px 0}.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.prose blockquote{margin:20px 0;padding:10px 18px;border-left:3px solid var(--primary);background:var(--surface-2);border-radius:0 10px 10px 0;color:var(--text-2)}.prose code{border:1px solid var(--border);border-radius:6px;padding:1px 6px;font-size:14px}.prose code,.prose pre{background:var(--surface-2)}.prose pre{border:1px solid var(--border);border-radius:12px;padding:16px;overflow:auto}.prose pre code{border:none;padding:0;background:none}.prose img{max-width:100%;border-radius:12px}.prose strong{color:var(--text)}.lp-show{display:grid;grid-template-columns:1fr 1fr;grid-gap:44px;gap:44px;align-items:center;margin-bottom:56px}.lp-show:last-child{margin-bottom:0}.lp-show.rev .lp-show-text{order:2}@media (max-width:880px){.lp-show{grid-template-columns:1fr;gap:26px}.lp-show.rev .lp-show-text{order:0}}.lp-show-text .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:rgba(var(--primary-rgb),.1);padding:5px 11px;border-radius:8px;margin-bottom:14px}.lp-show-text h3{font-size:26px;letter-spacing:-.02em;margin:0 0 10px}.lp-show-text>p{font-size:16px;color:var(--text-2);margin:0 0 16px}@media (max-width:480px){.lp-show-text h3{font-size:20px}.lp-show-text>p{font-size:14px}}.lp-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.lp-points li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text-2)}.lp-points li .ck{width:22px;height:22px;border-radius:7px;flex-shrink:0;display:grid;place-items:center;background:rgba(var(--accent-rgb),.15);color:var(--accent)}.mock{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}.mock-bar{display:flex;align-items:center;gap:6px;padding:10px 13px;border-bottom:1px solid var(--border);background:var(--surface-2)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--border)}.mock-bar i:first-child{background:#ff5f57}.mock-bar i:nth-child(2){background:#febc2e}.mock-bar i:nth-child(3){background:#28c840}.mock-bar span{margin-left:6px;font-size:11.5px;color:var(--muted);font-weight:600}.mock-body{padding:16px}@media (max-width:480px){.mock-body{padding:12px}.mock-tile{padding:9px 10px}}.mock-h{font-size:13px;font-weight:750;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.mock-tile{border:1px solid var(--border);border-radius:11px;padding:11px 13px;background:var(--surface);margin-bottom:9px}.mock-tile:last-child{margin-bottom:0}.mock-week{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}@media (max-width:620px){.mock-week{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.mock-week>*{flex:0 0 45px;scroll-snap-align:start}}.mock-day{border:1px solid var(--border);border-radius:9px;min-height:56px;padding:6px;font-size:10px;color:var(--muted)}.mock-day .ev{margin-top:4px;border-radius:6px;padding:3px 5px;font-size:9.5px;font-weight:650;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.mock-day.on{background:rgba(var(--primary-rgb),.07);border-color:rgba(var(--primary-rgb),.3)}.mock-prog{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-top:7px}.mock-prog>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent))}.mock-ai{border:1px dashed rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.06);border-radius:11px;padding:11px 13px;font-size:12.5px;color:var(--text-2)}.lp-quotes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}@media (max-width:860px){.lp-quotes{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.lp-quotes{grid-template-columns:1fr}}.quote-card{display:flex;flex-direction:column;gap:14px}.quote-card .q{font-size:15px;line-height:1.6;color:var(--text)}.quote-card .stars{color:#f59e0b;letter-spacing:2px;font-size:14px}.quote-card .who{display:flex;align-items:center;gap:10px;margin-top:auto}.faq{max-width:860px;margin:0 auto}.faq details{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:0 16px;margin-bottom:11px;transition:border-color .15s}.faq details[open]{border-color:rgba(var(--primary-rgb),.4)}.faq summary{list-style:none;cursor:pointer;padding:15px 0;font-weight:650;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px;color:var(--muted);font-weight:400;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq .ans{padding:0 0 16px;color:var(--text-2);font-size:14.5px;line-height:1.65}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}}@keyframes floaty{0%,to{transform:perspective(1600px) rotateY(-7deg) rotateX(2deg) translateY(0)}50%{transform:perspective(1600px) rotateY(-7deg) rotateX(2deg) translateY(-12px)}}.lp-window{animation:floaty 7s ease-in-out infinite;will-change:transform}@media (max-width:940px){.lp-window{animation:none}}.lp-feat .ico{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.lp-feat .card:hover .ico{transform:scale(1.12) rotate(-6deg)}.lp-feat .card{transition:box-shadow .2s ease,transform .2s ease,border-color .25s ease}.lp-feat .card:hover{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 8px 28px rgba(var(--primary-rgb),.1)}.lp-show .mock{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.lp-show:hover .mock{transform:translateY(-6px);box-shadow:0 26px 64px rgba(var(--primary-rgb),.18)}.lp-step .n{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.lp-step:hover .n{transform:translateY(-3px) scale(1.06)}.lp-cta{background:linear-gradient(135deg,var(--primary),var(--accent),var(--primary));background-size:220% 220%;animation:ctaShift 9s ease infinite}@keyframes ctaShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.lp-nav a{position:relative}.lp-nav a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.lp-nav a:hover:after{transform:scaleX(1)}.lp-bg{position:absolute;inset:0;top:0;height:760px;overflow:hidden;pointer-events:none;z-index:0}.lp-bg:before{inset:-10% -10% 0 -10%;background:radial-gradient(38% 50% at 12% 8%,rgba(var(--primary-rgb),.22),transparent 60%),radial-gradient(36% 46% at 88% 4%,rgba(var(--accent-rgb),.2),transparent 60%),radial-gradient(40% 42% at 70% 30%,rgba(var(--primary-rgb),.12),transparent 65%);filter:blur(8px)}.lp-bg:after,.lp-bg:before{content:"";position:absolute}.lp-bg:after{inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:46px 46px;opacity:.35;mask-image:radial-gradient(120% 60% at 50% 0,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(120% 60% at 50% 0,#000 30%,transparent 75%)}.lp>:not(.lp-bg){position:relative;z-index:1}.lp-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.lp-tab{border:1px solid var(--border);background:var(--surface);color:var(--text-2);padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:650;cursor:pointer;font-family:inherit;transition:all .18s ease}.lp-tab:hover{background:var(--surface-2);color:var(--text)}.lp-tab.on{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(var(--primary-rgb),.3)}.lp-show.tabbed{margin-bottom:0;animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) both}.lp-billing{display:flex;width:-moz-fit-content;width:fit-content;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);margin:0 auto 30px}.bill-opt{border:none;background:transparent;color:var(--text-2);font-family:inherit;font-size:13.5px;font-weight:650;padding:8px 18px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .18s ease}.bill-opt.on,.bill-opt:hover{color:var(--text)}.bill-opt.on{background:var(--surface);box-shadow:var(--shadow-sm)}.bill-opt .save{font-size:10.5px;font-weight:700;color:var(--accent);background:rgba(var(--accent-rgb),.14);padding:2px 7px;border-radius:999px}.lp-pricing{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;align-items:stretch}@media (max-width:1040px){.lp-pricing{grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto}}@media (max-width:540px){.lp-pricing{grid-template-columns:repeat(2,1fr);max-width:none;gap:10px}}@media (max-width:440px){.lp-pricing{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.tier{display:flex;flex-direction:column;position:relative;margin-bottom:0}.tier.featured{border-color:rgba(var(--primary-rgb),.5);box-shadow:0 18px 50px rgba(var(--primary-rgb),.18)}.tier .pop{position:absolute;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.35)}.tier .tname{font-size:16px;font-weight:750}.tier .tlimit{font-size:12.5px;color:var(--primary);font-weight:650;margin-top:2px}.tier .tprice{font-size:34px;font-weight:820;letter-spacing:-.03em;margin:12px 0 0}.tier .tprice small{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:0}.tier .tbillnote{font-size:11.5px;color:var(--muted);min-height:16px;margin-bottom:10px}.tier .tdesc{color:var(--muted);font-size:13px;margin:0 0 14px;min-height:36px}.tier .ttrial{text-align:center;font-size:11.5px;font-weight:650;color:var(--accent);margin-top:7px}.tier .tfeat{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;flex:1 1}.tier .tfeat li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-2)}.tier .tfeat li .ck{width:19px;height:19px;border-radius:6px;flex-shrink:0;display:grid;place-items:center;background:rgba(var(--accent-rgb),.15);color:var(--accent);margin-top:1px}.lp-price-note{text-align:center;color:var(--muted);font-size:13px;margin-top:22px;max-width:620px;margin-left:auto;margin-right:auto}@media (max-width:540px){.tier{word-break:break-word}.tier .tprice{font-size:26px}.tier .tfeat li{font-size:12.5px}}.lp-hero-note{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:13px;color:var(--muted);font-weight:550}.lp-hero-note svg{color:var(--accent)}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-gap:44px;gap:44px;align-items:start;max-width:1100px}.blog-article{max-width:760px;min-width:0}.blog-toc{position:-webkit-sticky;position:sticky;top:84px}@media (max-width:1000px){.blog-layout{grid-template-columns:1fr}.blog-toc{display:none}}.toc-box{border-left:2px solid var(--border);padding-left:16px}.toc-h{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:10px}.toc-link{display:block;color:var(--text-2);font-size:13.5px;padding:5px 0;line-height:1.4;transition:color .15s}.toc-link:hover{color:var(--primary);opacity:1}.toc-link.l3{padding-left:12px;font-size:13px}.prose h2,.prose h3{scroll-margin-top:80px}.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:transparent}.read-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .1s linear}.post-cover{position:relative;overflow:hidden;border-radius:12px;display:grid;place-items:center;color:#fff;height:150px;background:linear-gradient(135deg,var(--primary),var(--accent))}.post-cover.lg{height:230px;border-radius:16px}.blog-card .post-cover{margin-bottom:14px}.post-cover:before{content:"";position:absolute;inset:0;opacity:.55;mix-blend-mode:soft-light}.post-cover.v0:before{background-image:radial-gradient(rgba(255,255,255,.7) 1.4px,transparent 1.7px);background-size:16px 16px}.post-cover.v1:before{background-image:repeating-radial-gradient(circle at 86% 16%,rgba(255,255,255,.55) 0 1.5px,transparent 1.5px 24px)}.post-cover.v2:before{background-image:repeating-linear-gradient(125deg,rgba(255,255,255,.22) 0 11px,transparent 11px 28px)}.post-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 100% 0,rgba(255,255,255,.38),transparent 55%)}.pc-icon{position:relative;z-index:1;opacity:.96;filter:drop-shadow(0 6px 14px rgba(0,0,0,.22));transition:transform .45s cubic-bezier(.2,.8,.2,1)}.blog-card:hover .pc-icon{transform:scale(1.14) rotate(-5deg)}.lp-teaser-title{font-size:30px;letter-spacing:-.02em;margin:0 0 6px}@media (max-width:620px){.lp-teaser-title{font-size:22px}}@media (max-width:400px){.lp-teaser-title{font-size:18px}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;height:100%}.blog-card .cover{height:150px;border-radius:12px;margin-bottom:14px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.85),rgba(var(--accent-rgb),.85));display:grid;place-items:center;color:#fff}.blog-card h3{font-size:17px;margin:0 0 6px;letter-spacing:-.01em}.blog-meta{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:12px}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.rec-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:recPulse .9s ease-in-out infinite;flex-shrink:0}.wave-bars{display:flex;align-items:center;gap:2.5px;height:22px}.wave-bar{width:3px;border-radius:2px;background:var(--primary);animation:waveBar .8s ease-in-out infinite;transform-origin:bottom}.wave-bar:first-child{animation-delay:0s;height:14px}.wave-bar:nth-child(2){animation-delay:.12s;height:20px}.wave-bar:nth-child(3){animation-delay:.24s;height:10px}.wave-bar:nth-child(4){animation-delay:.08s;height:18px}.wave-bar:nth-child(5){animation-delay:.2s;height:12px}.msg-toolbar{display:flex;gap:4px;align-items:center}.msg-media-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;transition:background .13s ease,color .13s ease,border-color .13s ease,transform .13s ease;flex-shrink:0}.msg-media-btn:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary);border-color:rgba(var(--primary-rgb),.25);transform:translateY(-1px)}.msg-media-btn.active{background:rgba(var(--danger-rgb),.1);color:var(--danger);border-color:rgba(var(--danger-rgb),.3)}.media-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:grid;place-items:center;padding:16px;animation:fadeUp .18s ease both}.media-modal{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;animation:pop .22s cubic-bezier(.2,.8,.2,1) both}.media-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--border)}.media-modal-title{font-size:14.5px;font-weight:680;letter-spacing:-.015em;color:var(--text)}.media-close-btn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;transition:background .13s,color .13s}.media-close-btn:hover{background:var(--surface);color:var(--text)}.media-option-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:16px}.media-option-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;border:1.5px solid var(--border);border-radius:14px;background:var(--surface-2);cursor:pointer;color:var(--text-2);transition:border-color .15s,background .15s,color .15s,transform .15s}.media-option-card:hover{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.05);color:var(--primary);transform:translateY(-2px)}.media-option-icon{width:44px;height:44px;border-radius:13px;background:rgba(var(--primary-rgb),.1);color:var(--primary);display:grid;place-items:center}.media-option-label{font-size:13px;font-weight:640;letter-spacing:-.01em}.media-option-sub{font-size:11.5px;color:var(--muted)}.media-modal-footer{justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border)}.audio-pill,.media-modal-footer{display:flex;align-items:center;gap:8px}.audio-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:6px 10px;flex:1 1;min-width:0}.audio-timer{font-size:13px;font-weight:680;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--danger);white-space:nowrap;flex-shrink:0}