/* PhotoTag v2.03.39: destination colors, with no uniform dark outline. */
#nav .navbtn:not(.mobile-account-link),.quick-grid .quick-card{
  --destination-gradient:linear-gradient(115deg,#b7f3d3 0%,#65d2bd 48%,#78b7d9 100%);
  color:#171c2b;
  background:var(--destination-gradient);
  border:1px solid rgba(58,65,92,.09);
  box-shadow:0 3px 10px rgba(41,51,83,.04);
}
#nav .navbtn[href="/search"],.quick-grid .quick-card[href="/search"]{--destination-gradient:var(--pt-search-surface);color:#fff;}
#nav .navbtn[href="/ranking"]{--destination-gradient:linear-gradient(115deg,#ffe59a 0%,#ffb48b 48%,#ed91b0 100%);}
#nav .navbtn[href="/upload"],.quick-grid .quick-card[href="/upload"]{--destination-gradient:var(--pt-upload-surface);color:#fff;}
#nav .navbtn[href="/favorites"],.quick-grid .quick-card[href="/favorites"]{--destination-gradient:var(--pt-favorites-surface);color:#fff;}
#nav .navbtn[href="/history"],.quick-grid .quick-card[href="/history"]{--destination-gradient:var(--pt-history-surface);color:#fff;}
#nav .navbtn[href="/maintenance"]{--destination-gradient:linear-gradient(115deg,#b0f0df 0%,#6ac8dc 48%,#98a8ed 100%);}
#nav .nav-section{gap:8px;}
/* The SVG viewport is centred on the throat so upper/lower petals stay visible. */
/* The iris is paint-only: it never shifts labels or intercepts taps. */
#nav .navbtn:not(.mobile-account-link){position:relative;isolation:isolate;overflow:hidden;}
#nav .navbtn:not(.mobile-account-link)>span{position:relative;z-index:1;}
#nav .navbtn:not(.mobile-account-link).active{box-shadow:0 5px 16px rgba(73,68,119,.16);font-weight:850;}
#nav .navbtn:not(.mobile-account-link)::after{
  content:"";position:absolute;right:-14px;top:calc(50% + 10px);width:150px;height:128px;
  transform:translateY(-50%);pointer-events:none;z-index:0;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-8%2015%20220%20188%22%20data-focus-x%3D%2283%22%20data-focus-y%3D%22109%22%20fill%3D%22white%22%20fill-opacity%3D%22.055%22%20stroke%3D%22white%22%20stroke-width%3D%222.15%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%0A%3Cg%20transform%3D%22rotate%2834%20100%2084%29%22%3E%0A%3Cpath%20data-petal%3D%22upper-right%22%20d%3D%22M105%20107C118%2083%20136%2072%20151%2060Q163%2056%20167%2047L174%2042Q168%2039%20171%2031Q163%2034%20159%2027Q151%2031%20147%2027Q138%2035%20130%2035C114%2048%20106%2075%20105%20107Z%22%2F%3E%0A%3Cpath%20data-petal%3D%22upper-center%22%20d%3D%22M100%20114C91%2088%2076%2070%2080%2045Q81%2029%2077%2018Q84%2023%2090%2017Q97%2020%20100%2010Q107%2016%20110%2024C125%2034%20128%2052%20118%2074C110%2091%20103%2099%20100%20114Z%22%2F%3E%0A%3Cpath%20data-petal%3D%22lower-left%22%20d%3D%22M96%20106C74%2084%2050%2077%2033%2087C22%2094%2020%20104%2015%20114Q18%20119%2023%20116Q22%20124%2030%20122Q31%20129%2038%20125Q42%20133%2049%20128Q55%20134%2061%20127Q70%20127%2069%20119C77%20116%2070%20109%2077%20104C86%20101%2093%20110%2099%20119Z%22%2F%3E%0A%3Cpath%20data-petal%3D%22lower-right%22%20d%3D%22M105%20108C118%2089%20143%2083%20160%2089C174%2092%20181%20103%20190%20109Q185%20115%20180%20111Q179%20119%20172%20115Q165%20122%20161%20116Q152%20120%20148%20113Q143%20119%20138%20111Q132%20114%20130%20106C122%2099%20111%20110%20104%20120Z%22%2F%3E%0A%3Cpath%20data-petal%3D%22lower-center%22%20d%3D%22M100%20116C89%20105%2079%20102%2073%20110C66%20122%2068%20136%2061%20143Q66%20147%2070%20143Q73%20151%2079%20146Q84%20153%2089%20147Q96%20152%2098%20144Q105%20143%20103%20133C100%20126%20102%20121%20104%20118Z%22%2F%3E%0A%3Cpath%20d%3D%22M98%20111Q103%20108%20108%20113L104%20121Z%22%20fill-opacity%3D%22.18%22%2F%3E%0A%3Cpath%20d%3D%22M99%20115L103%20129L109%20118M103%20129L105%20140%22%20fill%3D%22none%22%2F%3E%0A%3Cg%20fill%3D%22none%22%20stroke-width%3D%221.1%22%20opacity%3D%22.75%22%3E%0A%3Cpath%20d%3D%22M100%20107C94%2080%2089%2052%2094%2028M102%20103C107%2082%20119%2056%20108%2031M106%20100C122%2076%20147%2059%20159%2039%22%2F%3E%0A%3Cpath%20d%3D%22M94%20102C67%2086%2039%2097%2026%20115M86%20100C58%2095%2049%20110%2044%20122M76%20100C62%20106%2062%20116%2059%20124M108%20105C137%2089%20163%20100%20180%20109M116%20103C143%2097%20151%20108%20160%20111M96%20119C83%20114%2081%20131%2078%20140M99%20120C91%20127%2092%20137%2088%20143%22%2F%3E%0A%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/contain no-repeat;
  opacity:0;transition:opacity .18s ease;
}
#nav .navbtn:not(.mobile-account-link).active::after{opacity:.72;}
@media(forced-colors:active){#nav .navbtn:not(.mobile-account-link).active{outline:2px solid Highlight;outline-offset:-3px;}}
#nav .navbtn:not(.mobile-account-link):hover,.quick-grid .quick-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(41,51,83,.14);}
#nav .navbtn:focus-visible,.quick-grid .quick-card:focus-visible{outline:3px solid #536df5;outline-offset:3px;}
.quick-grid .quick-card{position:relative;overflow:hidden;}
.quick-grid .quick-no{color:inherit;}
.quick-grid .quick-card:is([href="/search"],[href="/upload"],[href="/favorites"],[href="/history"]) .quick-no{opacity:.78;}
#nav .mobile-account-link{background:#f4f6fa;color:#171c2b;box-shadow:none;border:1px solid #e8ecf3;}
#nav .mobile-account-copy{display:flex;flex-direction:column;min-width:0;gap:4px;line-height:1.35;}
#nav .mobile-account-copy strong{overflow-wrap:anywhere;}
#nav .mobile-account-copy small{font-size:11px;font-weight:500;color:#677080;overflow-wrap:anywhere;}
#nav .mobile-account-link .nav-avatar{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;flex:0 0 48px!important;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#dce4f3;font-size:20px;}
#nav .mobile-account-link .nav-avatar img{width:100%;height:100%;object-fit:cover;}
#nav .mobile-account-link.active{box-shadow:inset 3px 0 0 #526487;}
@media(max-width:760px){
  #nav .nav-section{max-height:calc(100vh - 112px);max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px;}
  /* A shared icon column aligns every label with the larger account avatar. */
  #nav .navbtn{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;flex-shrink:0;}
  #nav .navbtn .nav-icon{justify-self:center;}
  #nav .navbtn.mobile-account-link{min-height:84px;padding-top:16px;padding-bottom:16px;margin-top:4px;}
  #uploadModeChooser .upload-method-card{touch-action:pan-y;}
}
@media(prefers-reduced-motion:reduce){#nav .navbtn,#nav .navbtn::after,.quick-grid .quick-card{transition:none;}}