.clmd{--ground:#f5f4f1;--ground-2:#eceae5;--ink:#111827;--ink-soft:#55606f;--ink-faint:#626d7d;--line:#e2ded7;--panel:#fff;--phone:#fff;--phone-frame:#d9d5cd;--bubble-in:#eceef1;--bubble-in-ink:#14181f;--msgr:#0084ff;--bubble-out-ink:#fff;--card:#fff;--card-line:#e7e3db;--accent:#ff6a3d;--accent-ink:#000;--shadow:0 22px 60px -22px #11182752, 0 6px 18px -12px #11182738;--shadow-card:0 2px 8px -4px #11182738;background:radial-gradient(1200px 600px at 82% -8%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 60%), var(--ground);color:var(--ink);display:block}.dark .clmd{--ground:#0b0f17;--ground-2:#10151f;--ink:#f2f4f8;--ink-soft:#9aa5b4;--ink-faint:#8594a9;--line:#232a37;--panel:#141a25;--phone:#0f141d;--phone-frame:#232a37;--bubble-in:#242c3a;--bubble-in-ink:#eef1f6;--msgr:#0a90ff;--bubble-out-ink:#fff;--card:#161d29;--card-line:#263042;--accent:#ff7a4f;--accent-ink:#1a0e08;--shadow:0 26px 70px -24px #000000b3, 0 8px 22px -14px #0009;--shadow-card:0 3px 10px -6px #0009}.clmd *{box-sizing:border-box}.clmd .wrap{max-width:940px;margin:0 auto;padding:clamp(20px,4vw,48px) clamp(16px,4vw,32px) 64px}.clmd .top{justify-content:space-between;align-items:center;gap:16px;display:flex}.clmd .brand{align-items:center;gap:11px;display:flex}.clmd .brand .mark{background:linear-gradient(150deg, var(--ink), #2a3446);width:34px;height:34px;box-shadow:var(--shadow-card);border-radius:9px;place-items:center;display:grid}.clmd .brand .mark span{color:var(--accent);font-size:18px;font-weight:800;line-height:1}.clmd .brand b{letter-spacing:-.02em;font-size:17px;font-weight:800}.clmd .brand .sub{color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin-top:1px;font-size:11px}.clmd .msgr-badge svg{width:26px;height:26px;color:var(--msgr);display:block}.clmd .lede{margin:clamp(22px,4vw,40px) 0 6px}.clmd .lede h1{letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(26px,4.4vw,40px);font-weight:800;line-height:1.06}.clmd .lede h1 em{color:var(--accent);font-style:normal}.clmd .lede p{color:var(--ink-soft);text-wrap:pretty;max-width:58ch;margin:12px 0 0;font-size:clamp(14px,1.6vw,16px)}.clmd .chips-label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:30px 0 10px;font-size:11px;font-weight:700}.clmd .chips{scrollbar-width:thin;gap:9px;padding:4px 2px 12px;display:flex;overflow-x:auto}.clmd .chips::-webkit-scrollbar{height:6px}.clmd .chips::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.clmd .chip{appearance:none;cursor:pointer;white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 14px 9px 11px;font-size:13.5px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.clmd .chip:hover{color:var(--ink);border-color:var(--ink-faint)}.clmd .chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.clmd .chip .ic{width:17px;height:17px;color:var(--ink-faint);transition:color .15s}.clmd .chip[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.clmd .chip[aria-selected=true] .ic{color:var(--accent)}.clmd .stage{grid-template-columns:minmax(0,380px) 1fr;align-items:start;gap:clamp(24px,4vw,48px);margin-top:8px;display:grid}@media (width<=720px){.clmd .stage{grid-template-columns:1fr}}.clmd .phone{background:var(--phone);border:10px solid var(--phone-frame);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:40px;justify-self:center;position:relative;overflow:hidden}.clmd .status{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:12px 22px 4px;font-size:12.5px;font-weight:600;display:flex}.clmd .status .bars svg{width:15px;height:15px;display:block}.clmd .mhead{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:8px 14px 12px;display:flex}.clmd .mhead .back{color:var(--msgr);font-size:22px;font-weight:700;line-height:1}.clmd .avatar{color:#fff;letter-spacing:-.01em;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.clmd .mhead .who{flex-direction:column;min-width:0;display:flex}.clmd .mhead .who b{letter-spacing:-.01em;font-size:15px}.clmd .mhead .who span{color:var(--ink-faint);align-items:center;gap:5px;font-size:11.5px;display:flex}.clmd .mhead .who span:before{content:"";background:#29c26a;border-radius:50%;width:7px;height:7px}.clmd .mhead .msgr{margin-left:auto}.clmd .mhead .msgr svg{width:22px;height:22px;color:var(--msgr);display:block}.clmd .thread{background:linear-gradient(0deg, color-mix(in srgb, var(--msgr) 4%, transparent), transparent 30%);flex-direction:column;gap:9px;min-height:442px;padding:16px 12px 12px;display:flex}.clmd .row{display:flex}.clmd .row.in{justify-content:flex-start}.clmd .row.out{justify-content:flex-end}.clmd .bubble{word-wrap:break-word;border-radius:19px;max-width:78%;padding:9px 13px;font-size:14.5px;line-height:1.35}.clmd .in .bubble{background:var(--bubble-in);color:var(--bubble-in-ink);border-bottom-left-radius:6px}.clmd .out .bubble{color:var(--bubble-out-ink);background:linear-gradient(#2b9dff,#0064e0);border-bottom-right-radius:6px}.clmd .carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;margin:0 -2px;padding:4px 2px 8px;display:flex;overflow-x:auto}.clmd .carousel::-webkit-scrollbar{display:none}.clmd .pcard{scroll-snap-align:start;background:var(--card);border:1px solid var(--card-line);max-width:208px;box-shadow:var(--shadow-card);border-radius:15px;flex-direction:column;flex:0 0 63%;display:flex;overflow:hidden}.clmd .pcard .art{aspect-ratio:16/10;background:var(--art,linear-gradient(140deg,#dfe3ea,#c9cfda));place-items:center;display:grid;position:relative}.clmd .pcard .art svg{color:#ffffffeb;width:40%;height:40%}.clmd .pcard .art .tag{letter-spacing:.04em;text-transform:uppercase;color:#fff;backdrop-filter:blur(3px);background:#1118276b;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px}.clmd .pcard .body{flex-direction:column;flex:1;gap:3px;padding:10px 11px 11px;display:flex}.clmd .pcard .body h4{letter-spacing:-.01em;margin:0;font-size:13.5px;font-weight:700;line-height:1.2}.clmd .pcard .body .price{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.clmd .pcard .body .price b{color:var(--ink);font-weight:800}.clmd .pcard .btn{text-align:center;background:var(--accent);color:var(--accent-ink);letter-spacing:.01em;cursor:pointer;border-radius:10px;margin-top:auto;padding:9px 10px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .15s;display:block}.clmd .pcard .btn:hover{filter:brightness(1.05)}.clmd .input{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 14px 14px;display:flex}.clmd .input .field{background:var(--bubble-in);color:var(--ink-faint);border-radius:999px;flex:1;padding:9px 14px;font-size:13.5px}.clmd .input .send{background:var(--msgr);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.clmd .input .send svg{color:#fff;width:17px;height:17px}.clmd .read{align-self:center}.clmd .read .kick{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.clmd .read h2{letter-spacing:-.02em;text-wrap:balance;margin:8px 0 0;font-size:clamp(20px,2.6vw,26px)}.clmd .read p{color:var(--ink-soft);max-width:44ch;margin:12px 0 0;font-size:15px}.clmd .facts{flex-direction:column;gap:11px;margin:20px 0 0;padding:0;list-style:none;display:flex}.clmd .facts li{color:var(--ink);align-items:flex-start;gap:11px;font-size:14px;display:flex}.clmd .facts .dot{background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:6px;flex:none;place-items:center;width:18px;height:18px;margin-top:3px;display:grid}.clmd .facts .dot svg{width:12px;height:12px;color:var(--accent)}.clmd .facts li b{font-weight:700}.clmd .note{color:var(--ink-faint);border-top:1px solid var(--line);max-width:46ch;margin-top:22px;padding-top:14px;font-size:12.5px}.clmd .foot{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:44px;padding-top:18px;font-size:12.5px;display:flex}.clmd .foot b{color:var(--ink-soft);font-weight:700}@media (prefers-reduced-motion:reduce){.clmd *{scroll-behavior:auto!important;transition:none!important}}