.demo-outer[data-astro-cid-lyhlv4hw]{display:flex;justify-content:center;align-items:flex-start;padding:1rem 0}.phone-wrap[data-astro-cid-lyhlv4hw]{width:300px;height:560px;border-radius:36px;border:3px solid oklch(.146 0 0);background:#fff8e6;box-shadow:6px 6px #0a0a0a;overflow:hidden;display:flex;flex-direction:column;font-family:DM Sans,system-ui,sans-serif;font-size:12px;position:relative;user-select:none}.phone-statusbar[data-astro-cid-lyhlv4hw]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 4px;background:#fff8e6;font-size:10px;font-weight:700;color:#0a0a0a}.status-time[data-astro-cid-lyhlv4hw]{font-weight:800;letter-spacing:.5px}.status-icons[data-astro-cid-lyhlv4hw]{display:flex;align-items:center;gap:4px;color:#0a0a0a}.app-header[data-astro-cid-lyhlv4hw]{background:#fff;border-bottom:2px solid oklch(.146 0 0);padding:8px 12px;flex-shrink:0}.app-logo[data-astro-cid-lyhlv4hw]{display:flex;align-items:center;gap:6px}.app-logo-box[data-astro-cid-lyhlv4hw]{width:18px;height:18px;background:#f0c415;border:2px solid oklch(.146 0 0);flex-shrink:0}.app-logo-text[data-astro-cid-lyhlv4hw]{font-weight:800;font-size:13px;letter-spacing:-.3px;line-height:1}.logo-trigger[data-astro-cid-lyhlv4hw]{color:#0a0a0a}.logo-dm-text[data-astro-cid-lyhlv4hw]{color:#326cfb}.app-subtitle[data-astro-cid-lyhlv4hw]{font-size:9px;color:#5b5b5b;margin-top:2px;margin-left:24px}.app-content[data-astro-cid-lyhlv4hw]{flex:1;overflow:hidden;position:relative;padding:10px}.demo-scene[data-astro-cid-lyhlv4hw]{position:absolute;inset:0;padding:10px;transition:opacity .35s ease,transform .35s ease;opacity:1;transform:translateY(0)}.demo-scene[data-astro-cid-lyhlv4hw].is-hidden{opacity:0;pointer-events:none;transform:translateY(8px)}.scene-section-title[data-astro-cid-lyhlv4hw]{font-weight:800;font-size:13px;margin-bottom:8px;color:#0a0a0a}.demo-post-card[data-astro-cid-lyhlv4hw]{border:2px solid oklch(.146 0 0);background:#fff;display:flex;gap:8px;padding:8px}.demo-post-thumb[data-astro-cid-lyhlv4hw]{width:56px;height:72px;flex-shrink:0;position:relative;overflow:hidden;border:2px solid oklch(.146 0 0)}.demo-thumb-gradient[data-astro-cid-lyhlv4hw]{width:100%;height:100%;background:linear-gradient(135deg,oklch(.45 .25 300),oklch(.55 .28 340),oklch(.65 .22 40))}.demo-feed-badge[data-astro-cid-lyhlv4hw]{position:absolute;top:3px;left:3px;background:#000000bf;color:#fff;font-size:7px;font-weight:800;padding:1px 4px;letter-spacing:.5px}.demo-post-body[data-astro-cid-lyhlv4hw]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.demo-post-title[data-astro-cid-lyhlv4hw]{font-weight:700;font-size:10.5px;color:#0a0a0a;line-height:1.35}.demo-post-title[data-astro-cid-lyhlv4hw] em[data-astro-cid-lyhlv4hw]{font-style:normal;background:#f0c41566;padding:0 2px}.demo-post-meta[data-astro-cid-lyhlv4hw]{font-size:9px;color:#5b5b5b;font-weight:500}.demo-warning-box[data-astro-cid-lyhlv4hw]{background:oklch(.97 .05 90);border:2px solid oklch(.78 .12 75);padding:5px 6px;font-size:9.5px;color:oklch(.45 .12 60);display:flex;align-items:flex-start;gap:4px;line-height:1.4;font-weight:600}.demo-warning-icon[data-astro-cid-lyhlv4hw]{flex-shrink:0}.demo-setup-btn[data-astro-cid-lyhlv4hw]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:9.5px;font-weight:700;font-family:inherit;border:2px solid oklch(.146 0 0);background:#fff;color:#0a0a0a;cursor:default;align-self:flex-start}.demo-form-card[data-astro-cid-lyhlv4hw]{background:#fff;border:2px solid oklch(.146 0 0);padding:10px;display:flex;flex-direction:column;gap:8px}.demo-form-header[data-astro-cid-lyhlv4hw]{font-weight:800;font-size:12px;display:flex;align-items:center;gap:5px;color:#0a0a0a;padding-bottom:6px;border-bottom:2px solid oklch(.146 0 0)}.demo-field[data-astro-cid-lyhlv4hw]{display:flex;flex-direction:column;gap:3px}.demo-label[data-astro-cid-lyhlv4hw]{font-size:9.5px;font-weight:700;color:#0a0a0a}.demo-input-fake[data-astro-cid-lyhlv4hw]{border:2px solid oklch(.146 0 0);padding:5px 7px;font-size:11px;font-family:Courier New,monospace;font-weight:700;background:#fff8e6;color:#0a0a0a;min-height:26px;display:flex;align-items:center;gap:1px}.demo-cursor[data-astro-cid-lyhlv4hw]{display:inline-block;color:#d8151e;font-weight:300;animation:cursorBlink .9s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.demo-help-text[data-astro-cid-lyhlv4hw]{font-size:8.5px;color:#5b5b5b}.demo-textarea-fake[data-astro-cid-lyhlv4hw]{border:2px solid oklch(.146 0 0);padding:5px 7px;font-size:9.5px;background:#fff8e6;color:#0a0a0a;line-height:1.45;font-style:italic;min-height:42px}.demo-checkbox-row[data-astro-cid-lyhlv4hw]{display:flex;align-items:center;gap:5px;font-size:9px;color:#5b5b5b}.demo-checkbox[data-astro-cid-lyhlv4hw]{width:12px;height:12px;border:2px solid oklch(.146 0 0);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;flex-shrink:0;color:#0a0a0a}.demo-save-btn[data-astro-cid-lyhlv4hw]{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 10px;font-size:10.5px;font-weight:800;font-family:inherit;border:2px solid oklch(.146 0 0);background:#d8151e;color:#fff;cursor:default;transition:transform .1s,box-shadow .1s;box-shadow:3px 3px #0a0a0a}.demo-save-btn[data-astro-cid-lyhlv4hw].is-pressed{transform:translate(2px,2px);box-shadow:1px 1px #0a0a0a}.demo-trigger-box[data-astro-cid-lyhlv4hw]{background:#d9f8dc;border:2px solid oklch(.6 .15 148);padding:5px 6px;display:flex;flex-direction:column;gap:3px;transition:border-color .4s,background .4s}.demo-trigger-box[data-astro-cid-lyhlv4hw].is-fired{background:#c1f4c7;border-color:oklch(.5 .18 148)}.demo-trigger-row[data-astro-cid-lyhlv4hw]{display:flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700}.demo-trigger-hash[data-astro-cid-lyhlv4hw]{color:#d8151e}.demo-trigger-label[data-astro-cid-lyhlv4hw]{color:#5b5b5b}.demo-keyword[data-astro-cid-lyhlv4hw]{font-family:Courier New,monospace;font-weight:800;font-size:10px;background:#fff8e6;border:1.5px solid oklch(.146 0 0);padding:0 4px;color:#0a0a0a}.demo-dm-row[data-astro-cid-lyhlv4hw]{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;color:oklch(.4 .15 148);transition:color .3s,font-size .3s}.demo-dm-row[data-astro-cid-lyhlv4hw].is-sent{font-size:10.5px;color:oklch(.35 .18 148);font-weight:900}.demo-notification[data-astro-cid-lyhlv4hw]{position:absolute;top:10px;left:10px;right:10px;z-index:10;transform:translateY(-70px);opacity:0;transition:transform .45s cubic-bezier(.34,1.4,.64,1),opacity .3s;pointer-events:none}.demo-notification[data-astro-cid-lyhlv4hw].is-visible{transform:translateY(0);opacity:1}.notif-inner[data-astro-cid-lyhlv4hw]{background:#0a0a0a;color:#fff;border:2px solid oklch(.146 0 0);padding:7px 8px;display:flex;align-items:center;gap:7px;box-shadow:3px 3px #326cfb}.notif-avatar[data-astro-cid-lyhlv4hw]{width:22px;height:22px;background:#326cfb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0;color:#fff}.notif-body[data-astro-cid-lyhlv4hw]{flex:1;min-width:0}.notif-name[data-astro-cid-lyhlv4hw]{font-size:9px;font-weight:800;color:#f0c415}.notif-text[data-astro-cid-lyhlv4hw]{font-size:9.5px;font-weight:500;color:#cecece}.notif-text[data-astro-cid-lyhlv4hw] strong[data-astro-cid-lyhlv4hw]{color:#fff}.notif-arrow[data-astro-cid-lyhlv4hw]{font-size:12px;color:#326cfb;font-weight:800;flex-shrink:0}.dm-sent-card[data-astro-cid-lyhlv4hw]{margin-top:8px;border:2px solid oklch(.5 .18 148);background:#e4fde6;overflow:hidden;transform:translateY(20px);opacity:0;transition:transform .5s cubic-bezier(.34,1.3,.64,1),opacity .35s ease}.dm-sent-card[data-astro-cid-lyhlv4hw].is-visible{transform:translateY(0);opacity:1}.dm-sent-card[data-astro-cid-lyhlv4hw].is-hidden{display:none}.dm-sent-header[data-astro-cid-lyhlv4hw]{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#48a740;border-bottom:2px solid oklch(.5 .18 148)}.dm-sent-check[data-astro-cid-lyhlv4hw]{width:18px;height:18px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#48a740}.dm-sent-title[data-astro-cid-lyhlv4hw]{font-size:9.5px;font-weight:800;color:#fff;letter-spacing:.1px}.dm-bubble-wrap[data-astro-cid-lyhlv4hw]{padding:7px 8px 6px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.dm-bubble[data-astro-cid-lyhlv4hw]{background:#326cfb;color:#fff;font-size:9.5px;line-height:1.4;padding:6px 8px;border-radius:10px 10px 2px;max-width:90%;text-align:left}.dm-bubble-meta[data-astro-cid-lyhlv4hw]{font-size:8px;color:oklch(.4 .15 148);font-weight:600}