/* Page and actual app captures share one appearance preference. */
body.subscriptions-story{background:var(--paper);color:var(--ink)}
.subscriptions-story .capture-surface.capture-fade{background:var(--screen-paper);border-color:var(--screen-edge)}
.theme-capture,.theme-capture img{display:block;width:100%;height:auto}
.theme-capture img{border-radius:27px 27px 0 0}

[data-theme=dark] .subscriptions-story .demo-start,[data-theme=dark] .subscriptions-story .tag-ideas{background:var(--theme-soft)}
[data-theme=dark] .subscriptions-story .inbox-sources,[data-theme=dark] .subscriptions-story .product-faq details,[data-theme=dark] .subscriptions-story .catalog-card{background:var(--theme-surface);border-color:var(--line)}
[data-theme=dark] .subscriptions-story .tag-ideas li{background:var(--paper);border-color:var(--line);color:var(--ink)}
[data-theme=dark] .subscriptions-story .source-account img[src='/apple.svg']{filter:invert(1)}
[data-theme=dark] .subscriptions-story .skip{background:var(--paper);color:var(--ink)}
[data-theme=dark] .subscriptions-story .button{color:#fff;background-color:#3e5c94}
@media(max-width:760px){.subscriptions-story .nav{gap:12px}}
@media(max-width:380px){.theme-capture img{border-radius:24px 24px 0 0}}

@media(prefers-color-scheme:dark){

:root:not([data-theme]) .subscriptions-story .demo-start,:root:not([data-theme]) .subscriptions-story .tag-ideas{background:var(--theme-soft)}

:root:not([data-theme]) .subscriptions-story .inbox-sources,:root:not([data-theme]) .subscriptions-story .product-faq details,:root:not([data-theme]) .subscriptions-story .catalog-card{background:var(--theme-surface);border-color:var(--line)}

:root:not([data-theme]) .subscriptions-story .tag-ideas li{background:var(--paper);border-color:var(--line);color:var(--ink)}

:root:not([data-theme]) .subscriptions-story .source-account img[src='/apple.svg']{filter:invert(1)}

:root:not([data-theme]) .subscriptions-story .skip{background:var(--paper);color:var(--ink)}

:root:not([data-theme]) .subscriptions-story .button{color:#fff;background-color:#3e5c94}}

/* Compact icon, generous touch target; automatic device preference until tapped. */
.subscriptions-story .nav nav{margin-left:auto}
.subscriptions-story .nav nav a{white-space:nowrap}
@media(max-width:760px){.subscriptions-story .nav{gap:12px}.subscriptions-story .nav nav{display:flex;gap:0}.subscriptions-story .nav nav a{font-size:12px}.subscriptions-story .nav nav a[href="/#how"]{display:none}.subscriptions-story .nav .brand{white-space:nowrap;flex-shrink:0}}

/* Every detail crop sits beneath the real captured Patches connection chrome. */
.patch-chrome + .theme-capture img{border-radius:0}
[data-theme=dark] .screen-outline{filter:drop-shadow(0 0 7px #bfd0ef2b)}
[data-theme=dark] .subscriptions-story .capture-surface.capture-fade{border-color:#878d98}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .screen-outline{filter:drop-shadow(0 0 7px #bfd0ef2b)}}