:root{--ipg-ink:#0f0f12;--ipg-ink-soft:#5c5c66;--ipg-line:rgba(15,15,18,0.08);--ipg-glow:rgba(225,48,108,0.12);--ipg-accent:#e1306c;--ipg-accent-dim:#c42a5f;--ipg-surface:#fafafb;--ipg-card:#fff;--ipg-radius:16px;--ipg-radius-sm:10px;--ipg-shadow:0 12px 40px rgba(15,15,18,0.08);--ipg-safe-bottom:max(0.75rem,env(safe-area-inset-bottom));}
.ipg-page{padding-bottom:5.5rem;}
@media (min-width:992px){.ipg-page{padding-bottom:2rem;}}
.ipg-shell{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;}
@media (min-width:992px){.ipg-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-areas:"rail stage";gap:1.75rem;align-items:start;}}
.ipg-rail{order:2;display:flex;flex-direction:column;gap:1rem;}
@media (min-width:992px){.ipg-rail{order:unset;grid-area:rail;}}
.ipg-stage{order:1;position:relative;}
@media (min-width:992px){.ipg-stage{grid-area:stage;position:sticky;top:5.5rem;}}
.ipg-format-track{display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:0.25rem;margin:0 -0.25rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.ipg-format-track::-webkit-scrollbar{display:none;}
.ipg-format-pill{flex:0 0 auto;scroll-snap-align:start;border:1px solid var(--ipg-line);background:var(--ipg-card);color:var(--ipg-ink);font-size:0.8125rem;font-weight:600;padding:0.5rem 1rem;border-radius:999px;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;}
.ipg-format-pill[aria-pressed="true"]{background:var(--ipg-ink);color:#fff;border-color:var(--ipg-ink);box-shadow:0 4px 14px rgba(15,15,18,0.15);}
.ipg-panel{background:var(--ipg-card);border:1px solid var(--border, var(--ipg-line));border-radius:var(--ipg-radius);box-shadow:var(--shadow-soft, var(--ipg-shadow));padding:1rem 1.125rem;}
.ipg-panel-head{display:flex;align-items:center;gap:0.65rem;margin-bottom:0.85rem;}
.ipg-step-num{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:8px;background:var(--ipg-glow);color:var(--ipg-accent);font-size:0.75rem;font-weight:800;}
.ipg-panel-title{font-size:0.9375rem;font-weight:700;margin:0;color:var(--text-main, var(--ipg-ink));}
.ipg-field{margin-bottom:0.85rem;}
.ipg-field:last-child{margin-bottom:0;}
.ipg-label{display:block;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted, var(--ipg-ink-soft));margin-bottom:0.35rem;}
.ipg-input,.ipg-select{width:100%;border:1px solid var(--border, var(--ipg-line));border-radius:var(--ipg-radius-sm);padding:0.65rem 0.85rem;font-size:0.9375rem;background:var(--surface, var(--ipg-surface));color:var(--text-main, var(--ipg-ink));}
.ipg-input:focus,.ipg-select:focus{outline:2px solid var(--primary, var(--ipg-accent));outline-offset:1px;border-color:transparent;}
.ipg-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0.65rem;}
@media (max-width:420px){.ipg-grid-2{grid-template-columns:1fr;}}
.ipg-chip-row{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem;}
.ipg-chip{font-size:0.6875rem;font-weight:600;padding:0.35rem 0.65rem;border-radius:999px;border:1px solid var(--ipg-line);background:var(--surface, #f3f3f5);color:var(--ipg-ink);cursor:pointer;}
.ipg-chip:hover{border-color:var(--ipg-accent);color:var(--ipg-accent);}
.ipg-phone{margin:0 auto;max-width:340px;border-radius:28px;padding:10px;background:linear-gradient(145deg,#1a1a1f,#0a0a0c);box-shadow:0 24px 50px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.06);}
.ipg-phone-inner{background:var(--ipg-card);border-radius:22px;overflow:hidden;min-height:420px;display:flex;flex-direction:column;}
.ipg-phone-bar{display:flex;align-items:center;gap:0.65rem;padding:0.65rem 0.85rem;border-bottom:1px solid var(--ipg-line);}
.ipg-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af);color:#fff;font-weight:800;font-size:0.875rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ipg-handle{flex:1;font-weight:700;font-size:0.875rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ipg-more{opacity:0.45;font-size:1rem;}
.ipg-media{aspect-ratio:1;width:100%;background:linear-gradient(160deg,#e8e6ff,#ffe8f2 45%,#fff5e6);display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:0.8125rem;font-weight:600;color:var(--ipg-ink-soft);}
.ipg-media.ipg-has-image{background-size:cover;background-position:center;background-repeat:no-repeat;color:rgba(255,255,255,0.0);}
.ipg-actions{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0.85rem;font-size:1.15rem;opacity:0.85;}
.ipg-likes-row{padding:0 0.85rem 0.35rem;font-size:0.8125rem;font-weight:700;}
.ipg-caption-block{padding:0 0.85rem 1rem;font-size:0.8125rem;line-height:1.45;flex:1;overflow-y:auto;max-height:200px;}
.ipg-caption-user{font-weight:700;margin-right:0.25rem;}
.ipg-stat-panel{margin-top:0.75rem;padding:0.75rem 1rem;border-radius:var(--ipg-radius-sm);background:var(--surface, var(--ipg-surface));border:1px dashed var(--ipg-line);font-size:0.75rem;}
.ipg-stat-panel[hidden]{display:none;}
.ipg-stat-row{display:flex;justify-content:space-between;gap:0.5rem;padding:0.35rem 0;border-bottom:1px solid var(--ipg-line);}
.ipg-stat-row:last-child{border-bottom:none;}
.ipg-stat-val{font-weight:700;color:var(--primary, var(--ipg-accent));}
.ipg-dock{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;flex-wrap:wrap;gap:0.5rem;padding:0.65rem 1rem;padding-bottom:calc(0.65rem + var(--ipg-safe-bottom));background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-top:1px solid var(--ipg-line);box-shadow:0 -8px 30px rgba(15,15,18,0.06);}
@media (min-width:992px){.ipg-dock{position:static;padding:0;background:transparent;backdrop-filter:none;border:none;box-shadow:none;flex-direction:row;flex-wrap:wrap;margin-top:0.5rem;}}
.ipg-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;font-weight:700;font-size:0.875rem;padding:0.75rem 1rem;border-radius:var(--ipg-radius-sm);border:none;cursor:pointer;transition:transform 0.12s ease,opacity 0.12s ease;}
.ipg-btn:active{transform:scale(0.98);}
.ipg-btn-primary{background:var(--ipg-accent);color:#fff;}
.ipg-btn-primary:hover{background:var(--ipg-accent-dim);}
.ipg-btn-ghost{background:var(--surface, var(--ipg-surface));color:var(--ipg-ink);border:1px solid var(--ipg-line);}
.ipg-btn-ghost:hover{border-color:var(--ipg-ink);}
@media (min-width:992px){.ipg-btn{flex:0 0 auto;min-width:140px;}}
.ipg-prose{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border, var(--ipg-line));}
.ipg-prose h2{font-size:1.35rem;font-weight:800;margin-bottom:0.75rem;color:var(--text-main, var(--ipg-ink));}
.ipg-prose h3{font-size:1.05rem;font-weight:700;margin:1.5rem 0 0.5rem;}
.ipg-prose p{color:var(--text-muted, var(--ipg-ink-soft));line-height:1.65;margin-bottom:0.85rem;}
.ipg-prose p.ipg-lead{font-size:1.05rem;color:var(--text-main, var(--ipg-ink));}
.ipg-callout{border-left:4px solid var(--ipg-accent);padding:0.85rem 1rem;margin:1.25rem 0;background:var(--surface, var(--ipg-surface));border-radius:0 var(--ipg-radius-sm) var(--ipg-radius-sm) 0;font-size:0.9375rem;}
.ipg-table-wrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--ipg-line);border-radius:var(--ipg-radius-sm);}
.ipg-table{width:100%;border-collapse:collapse;font-size:0.875rem;}
.ipg-table th,.ipg-table td{padding:0.65rem 0.85rem;text-align:left;border-bottom:1px solid var(--ipg-line);}
.ipg-table th{background:var(--surface, var(--ipg-surface));font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.03em;}
.ipg-table tr:last-child td{border-bottom:none;}
.ipg-dl{margin:1rem 0;}
.ipg-dl dt{font-weight:700;font-size:0.9rem;margin-top:0.85rem;}
.ipg-dl dt:first-child{margin-top:0;}
.ipg-dl dd{margin:0.25rem 0 0;padding:0;color:var(--text-muted, var(--ipg-ink-soft));line-height:1.6;}
.ipg-meta-note{font-size:0.8125rem;color:var(--text-muted, var(--ipg-ink-soft));margin-top:2rem;}