@font-face{font-family:'Instrument Sans';font-weight:400 700;src:url('/fonts/instrument-sans.woff2')}
@font-face{font-family:'Newsreader';font-weight:400 600;src:url('/fonts/newsreader.woff2')}
html{color-scheme:light}body{margin:0;background:#f4f5f2}button:disabled{opacity:.55;cursor:wait}
#social-mvp-preview {
  --sm-paper: light-dark(#f4f5f2,#171a1c); --sm-surface: light-dark(#ffffff,#202528);
  --sm-ink: light-dark(#16191c,#eef0eb); --sm-muted: light-dark(#626a70,#b0b8bc);
  --sm-line: light-dark(#dfe2de,#3b4449); --sm-soft: light-dark(#eceeea,#2b3337);
  --sm-blue: light-dark(#2541b2,#a6b8ff); --sm-fill: light-dark(#2541b2,#9ab0ff);
  --sm-on-blue: light-dark(#ffffff,#111b3e); --sm-blue-soft: light-dark(#e9edfb,#303c60);
  --sm-red: light-dark(#a3312a,#ffaaa3); --sm-red-soft: light-dark(#f8e7e5,#482c2b);
  --sm-green: light-dark(#1e6b45,#9cdbb7); --sm-green-soft: light-dark(#e6f2eb,#254236);
  color:var(--sm-ink); background:var(--sm-paper); font-family:'Instrument Sans',system-ui,sans-serif;
  font-size:15px; line-height:1.5; border:1px solid var(--sm-line); border-radius:12px;
  overflow:clip; min-height:650px; text-align:left;
}
#social-mvp-preview * {box-sizing:border-box}
#social-mvp-preview [hidden] {display:none!important}
#social-mvp-preview button,#social-mvp-preview input,#social-mvp-preview textarea,#social-mvp-preview select {font:inherit}
#social-mvp-preview button {cursor:pointer; touch-action:manipulation}
#social-mvp-preview .sm-header {display:flex; align-items:center; min-height:70px; padding:0 32px; gap:24px; background:var(--sm-surface); border-bottom:1px solid var(--sm-line)}
#social-mvp-preview .sm-nav {display:flex; align-self:stretch; gap:26px; flex:1}
#social-mvp-preview .sm-nav button {border:0; border-bottom:2px solid transparent; padding:0 1px; color:var(--sm-muted); background:transparent; font-size:14px; white-space:nowrap}
#social-mvp-preview .sm-nav button[aria-current=page] {color:var(--sm-blue); border-bottom-color:var(--sm-blue)}
#social-mvp-preview .sm-preview-label {font-size:11px; color:var(--sm-muted); white-space:nowrap; margin-right:65px}
#social-mvp-preview .sm-main {max-width:900px; margin:auto; padding:36px 32px 48px}
#social-mvp-preview h1 {font-size:28px; line-height:1.25; font-weight:500; letter-spacing:-.6px; margin:0}
#social-mvp-preview h2 {font-size:23px; font-weight:500; line-height:1.3; margin:0}
#social-mvp-preview p {margin:0}
#social-mvp-preview .sm-muted {color:var(--sm-muted)}
#social-mvp-preview .sm-small {font-size:13px}
#social-mvp-preview .sm-topline {display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; flex-wrap:wrap}
#social-mvp-preview .sm-button {border:1px solid var(--sm-line); border-radius:9px; padding:11px 17px; background:var(--sm-surface); color:var(--sm-ink); min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:500}
#social-mvp-preview .sm-button:hover {background:var(--sm-soft)}
#social-mvp-preview .sm-primary {background:var(--sm-fill); color:var(--sm-on-blue); border-color:var(--sm-fill)}
#social-mvp-preview .sm-primary:hover {filter:brightness(.94); background:var(--sm-fill)}
#social-mvp-preview .sm-danger {color:var(--sm-red); background:var(--sm-red-soft); border-color:transparent}
#social-mvp-preview .sm-text-button {border:0; background:transparent; color:var(--sm-muted); min-height:44px; padding:8px 0; display:inline-flex; align-items:center; gap:8px}
#social-mvp-preview .sm-text-button:hover {color:var(--sm-blue)}
#social-mvp-preview .sm-actions {display:flex; gap:10px; flex-wrap:wrap; align-items:center}
#social-mvp-preview .sm-home-grid {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px}
#social-mvp-preview .sm-tile {display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; min-height:258px; gap:48px; padding:30px; border:1px solid var(--sm-line); border-radius:18px; background:var(--sm-surface); color:var(--sm-ink); text-align:left; font-weight:400}
#social-mvp-preview .sm-tile:hover {border-color:var(--sm-blue)}
#social-mvp-preview .sm-tile-icon {width:46px; height:46px; border-radius:12px; display:grid; place-items:center; color:var(--sm-blue); background:var(--sm-blue-soft)}
#social-mvp-preview .sm-tile-icon svg {width:23px;height:23px}
#social-mvp-preview .sm-tile-title {display:block; font-size:23px; letter-spacing:-.4px; margin-bottom:7px; font-weight:500}
#social-mvp-preview .sm-tile-desc {display:block; color:var(--sm-muted); font-size:15px}
#social-mvp-preview .sm-home-foot {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-top:20px}
#social-mvp-preview .sm-count {font-variant-numeric:tabular-nums}
#social-mvp-preview .sm-filterbar {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:0 0 14px; color:var(--sm-muted)}
#social-mvp-preview .sm-select {border:1px solid var(--sm-line); border-radius:8px; padding:8px 12px; background:var(--sm-surface); color:var(--sm-ink); min-height:40px; max-width:100%}
#social-mvp-preview .sm-list {background:var(--sm-surface); border:1px solid var(--sm-line); border-radius:12px; overflow:hidden}
#social-mvp-preview .sm-row {width:100%; border:0; border-bottom:1px solid var(--sm-line); padding:22px 24px; display:flex; gap:24px; align-items:center; justify-content:space-between; background:transparent; color:var(--sm-ink); text-align:left}
#social-mvp-preview .sm-row:last-child {border-bottom:0}
#social-mvp-preview .sm-row:hover {background:var(--sm-soft)}
#social-mvp-preview .sm-row-content {min-width:0; flex:1}
#social-mvp-preview .sm-row-title {font-size:18px; font-weight:500; display:block; letter-spacing:-.25px; overflow-wrap:anywhere}
#social-mvp-preview .sm-row-excerpt {display:block; margin-top:4px; font-family:'Newsreader',Georgia,serif; font-size:17px; color:var(--sm-muted); overflow-wrap:anywhere}
#social-mvp-preview .sm-row-meta {display:block; margin-top:10px; font-size:12px; color:var(--sm-muted)}
#social-mvp-preview .sm-tag {font-size:12px; background:var(--sm-soft); color:var(--sm-muted); border-radius:5px; padding:4px 8px; white-space:nowrap}
#social-mvp-preview .sm-tag-draft {background:var(--sm-blue-soft); color:var(--sm-blue)}
#social-mvp-preview .sm-tag-approved {background:var(--sm-green-soft); color:var(--sm-green)}
#social-mvp-preview .sm-reader {max-width:710px; margin:auto}
#social-mvp-preview .sm-reading-card {border:1px solid var(--sm-line); border-radius:12px; padding:32px; background:var(--sm-surface); margin-top:16px}
#social-mvp-preview .sm-reading-card h1 {font-family:'Newsreader',Georgia,serif; font-size:29px; font-weight:500; line-height:1.25; margin:0 0 24px}
#social-mvp-preview .sm-prose {white-space:pre-wrap; overflow-wrap:anywhere; font-family:'Newsreader','Iowan Old Style',Georgia,serif; font-size:23px; line-height:1.5; letter-spacing:-.15px}
#social-mvp-preview .sm-source {border-top:1px solid var(--sm-line); margin-top:26px; padding-top:16px; color:var(--sm-muted); font-size:13px}
#social-mvp-preview .sm-source summary {cursor:pointer; width:fit-content; padding:5px 0}
#social-mvp-preview .sm-source p {padding-top:10px; white-space:pre-wrap}
#social-mvp-preview .sm-card-actions {display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:10px; margin-top:22px}
#social-mvp-preview .sm-reader-head {display:flex; justify-content:space-between; gap:16px; align-items:center}
#social-mvp-preview .sm-note {font-size:13px; color:var(--sm-muted); margin-top:12px}
#social-mvp-preview .sm-label {display:block; margin:22px 0 8px; font-size:13px; font-weight:500; color:var(--sm-muted)}
#social-mvp-preview .sm-editor {display:block; width:100%; border:1px solid var(--sm-line); border-radius:10px; resize:vertical; padding:22px; background:var(--sm-surface); color:var(--sm-ink); font-family:'Newsreader',Georgia,serif; font-size:22px; line-height:1.5; min-height:295px}
#social-mvp-preview .sm-capture {min-height:210px}
#social-mvp-preview .sm-edit-foot {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; margin-top:16px}
#social-mvp-preview .sm-error {color:var(--sm-red); margin-top:12px}
#social-mvp-preview .sm-toast {display:flex; align-items:center; gap:12px; justify-content:space-between; border:1px solid var(--sm-line); border-radius:8px; background:var(--sm-surface); padding:11px 16px; font-size:13px; margin-top:22px; color:var(--sm-green)}
#social-mvp-preview .sm-toast button {padding:3px 0; border:0; background:transparent; color:var(--sm-blue); min-height:32px}
#social-mvp-preview .sm-empty {padding:48px 24px; text-align:center; color:var(--sm-muted); border:1px solid var(--sm-line); border-radius:12px; background:var(--sm-surface)}
#social-mvp-preview .sm-footer {display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:14px 32px; border-top:1px solid var(--sm-line); font-size:11px; color:var(--sm-muted)}
@media(max-width:650px) {
  #social-mvp-preview .sm-header {padding:0 18px; min-height:62px}
  #social-mvp-preview .sm-nav {gap:20px}
  #social-mvp-preview .sm-preview-label {display:none}
  #social-mvp-preview .sm-main {padding:26px 18px 32px}
  #social-mvp-preview .sm-home-grid {grid-template-columns:1fr; gap:14px; margin-top:20px}
  #social-mvp-preview .sm-tile {min-height:190px; padding:24px; gap:26px}
  #social-mvp-preview .sm-topline {align-items:flex-start; gap:14px}
  #social-mvp-preview .sm-topline .sm-actions {width:100%}
  #social-mvp-preview .sm-row {padding:18px; gap:10px; align-items:flex-start; flex-wrap:wrap}
  #social-mvp-preview .sm-row-content {flex-basis:100%}
  #social-mvp-preview .sm-row-title {font-size:18px}
  #social-mvp-preview .sm-reading-card {padding:23px 20px}
  #social-mvp-preview .sm-reading-card h1 {font-size:27px; margin-bottom:20px}
  #social-mvp-preview .sm-prose {font-size:22px}
  #social-mvp-preview .sm-card-actions {grid-template-columns:1fr}
  #social-mvp-preview .sm-card-actions .sm-button {min-height:48px}
  #social-mvp-preview .sm-editor {padding:18px; font-size:21px}
  #social-mvp-preview .sm-edit-foot .sm-actions {width:100%}
  #social-mvp-preview .sm-edit-foot .sm-actions .sm-button {flex:1}
  #social-mvp-preview .sm-footer {padding:14px 18px}
}

#social-mvp-preview .sm-account{position:relative;margin-left:auto}#social-mvp-preview .sm-account summary{list-style:none;min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer;font-size:22px}#social-mvp-preview .sm-account form{position:absolute;right:0;top:44px;z-index:4;background:var(--sm-surface);border:1px solid var(--sm-line);border-radius:8px;min-width:130px;padding:8px 16px}#social-mvp-preview .sm-account summary::-webkit-details-marker{display:none}@media(max-width:650px){#social-mvp-preview .sm-header{gap:8px;padding:0 12px}#social-mvp-preview .sm-nav{gap:12px}#social-mvp-preview .sm-nav button{font-size:13px}}