/* Short transitions, native history and immediate touch feedback. */
@view-transition { navigation:none; }
::view-transition-old(root),::view-transition-new(root){animation-duration:110ms;animation-timing-function:ease-out;}
nav.app-tabs{view-transition-name:syoper-tabs;}
::view-transition-group(syoper-tabs){animation-duration:0s;}
::view-transition-old(syoper-tabs){animation:none;opacity:0;}
::view-transition-new(syoper-tabs){animation:none;}
nav.app-tabs > a:not(.create-tab) > span{transition:transform 90ms ease-out;}
nav.app-tabs > a:not(.create-tab):active > span{transform:scale(.89);}
html body nav.app-tabs[data-syoper-navigation="star"] > a[data-nav-pending]{color:#ff0057!important;}
nav.app-tabs > a[data-nav-pending]::after{content:'';position:absolute;bottom:0;width:14px;height:2px;border-radius:2px;background:currentColor;}
.discovery-head a,.discovery-head button,.g-top nav a,.feed-search{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.discovery-head a:active,.discovery-head button:active,.g-top nav a:active,.feed-search:active{opacity:.68;}
.syoper-drafts-entry{position:absolute;top:62px;right:12px;z-index:40;background:#fff;color:#17171b;border:1px solid #ddd;border-radius:18px;padding:8px 14px;font:600 12px system-ui;min-height:44px;cursor:pointer;touch-action:manipulation;}
.syoper-drafts-entry:focus-visible{outline:2px solid #ff0057;outline-offset:3px;}
.syoper-drafts-entry[aria-busy="true"]{opacity:.7;}
@media(prefers-reduced-motion:reduce){
 ::view-transition-old(root),::view-transition-new(root){animation:none;}
 nav.app-tabs > a:not(.create-tab) > span{transition:none;}
}

#syoper-tab-frame{position:fixed;inset:0;width:100%;height:100%;height:100dvh;border:0;background:var(--surface,#fff);z-index:2147483000;color-scheme:normal}
#syoper-tab-frame[hidden]{display:none!important}
html.syoper-tab-away{overflow:hidden!important}
html.syoper-tab-away body>:not(#syoper-tab-frame):not(#syoper-tab-session){visibility:hidden!important;pointer-events:none!important}
html.syoper-tab-away body{overflow:hidden!important}
#syoper-tab-session{position:fixed;inset:0;display:grid;place-items:center;background:#fff;color:#222;z-index:2147483001;font:14px system-ui,sans-serif}